Add Script to your Unbounce form

If you have your Unbounce form embedded into your landing page, use the following steps. 

NOTE: If you are using a pop up form on your Unbounce page please use this article.

1. Add a script before the body end tag

Add the script to your form in Unbounce It should look something like this:

2. Identify your org and your inbound router name 

The script you have to add to this page will include two values you need to identify from your inbound router. 


1) your-org-name

You can find this in the app in your Concierge || Inbound Router

2)your-inbound-router-name 

This is your inbound router name:

3. Replace values in script and add to your Unbounce page 

Replace your-org-name and your-inbound-router-name values you found above in the script below and copy to your Unbounce page

<script src="https://js.chilipiper.com/marketing.js" type="text/javascript"></script>
<script> 
const submit = function(){
        if (lp.jQuery('form', '.lp-pom-form').valid()){
            const errorHandler = function(error) {
            }
const chiliOptions = { 
                title: "Thanks! What time works best for a quick call?",
                titleStyle: "Arial 22px #349be3",
                onError: errorHandler
            }
            ChiliPiper.submit("your-org-name", "your-router-name", chiliOptions); 
            lp.jQuery('form', '.lp-pom-form').submit(); 
            lp.jQuery('.lp-pom-button').removeClass('disabled') 
            fbq('track', 'Lead'); 
        }
    }
    $(function() { 
        lp.jQuery('form', '.lp-pom-form').unbind('keypress').bind('keypress.formSubmit', function(e) { 
            if (e.which == 13) {
                e.preventDefault();
                submit();
            } 
        })
        lp.jQuery('.lp-pom-button', '.lp-pom-form').unbind("click touchstart").bind('click.formSubmit touchstart.formSubmit', submit); 
    }); 
 </script>

4) Form Confirmation settings

Make sure your Unbounce Form Confirmation is set to "Show form confirmation dialog" so that the page does not redirect before the Chili Piper calendar is shown. 

 

Still need help? Contact Us Contact Us