Setting Up an Integration with Chili Piper and Instapage Forms

Please follow this guide to integrate your Chili Piper Inbound Router with Instapage Forms.

1. Create and configure your Chili Piper Inbound Router - See here for instructions
   1. In your Inbound Router, enable the option "Chili Piper creates lead in Salesforce real time".
2. After creating your Instapage page, go to "Settings" -> "Javascript", and in the Body section of Instapage, insert the following code and edit with your account parameters:

<script type="text/javascript">
window.instapageFormSubmitSuccess = function( form ){
ChiliPiper.submit("tenant", "router", { title: "Thanks! What time works best for a quick call?", titleStyle: "Roboto 22px #EA5938" })
};
</script>

3. Add an HTML Element to your Instapage page and put it directly under your form.

4. Edit theblock and add the following code:

<script src="https://js.chilipiper.com/marketing.js" type="text/javascript"></script>

Your HTML block should look like this:

5. Publish your page and test your integration!

Note: Do not enable the setting to redirect after form submission in Instapage. You will configure the redirect for people who book a meeting and people who do not book a meeting in Chili Piper. 

Pro Tip: You can also include the data layer push to help track conversions.