Instapage

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 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("calendar", "instapage", { title: "Thanks! What time works best for a quick call?", titleStyle: "Roboto 22px #EA5938" })
};
</script>

Where:

ChiliPiper.submit(subdomain, router, options) subdomain - sub domain of account; router - id of form scheduler; options - additional options

NoteYou can copy and paste from your Chili Piper Inbound Router, but make sure to change

 ChiliPiper.scheduling

to

ChiliPiper.submit

Example:

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

4. Edit the <HTML> block 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.

Still need help? Contact Us Contact Us