Add Script to your Unbounce form

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>