To do this, we will load Chili Piper on a Thank You Page:
1. Change the formId of your custom form to "pardot-form"
In this example, "6"
gravityform id="6"
Becomes:
gravityform id="pardot-form" // this tells Chili Piper to save form values to an object in localStorage we create called dataPardot
2. Navigate to Chili Piper || Concierge Inbound Router, and copy your Router's embed code:
<script src="https://js.chilipiper.com/marketing.js" type="text/javascript"></script>
<script>ChiliPiper.scheduling("calendar", "inbound_router_pfh", { title: "Thanks! What time works best for a quick call?", titleStyle: "Roboto 22px #EA5938" })</script>
3. Create a single Thank You page unique to post-Chili Piper demo requests
This is the page the Concierge calendar will load on
4. Change the Pardot form handler redirect location to the URL from Step 3
Add the javascript to your demo request form
5. Add the embed code again to theof the "Thank You" page*
<script src="https://js.chilipiper.com/marketing.js" type="text/javascript"></script>
<script defer="defer">ChiliPiper.showCalendar("chilipiper", "Inbound_Router_PFH", { title: "Thanks! What time works best for a quick call?", titleStyle: "Roboto 22px #EA5938" })</script>
*This time:
ChiliPiper.scheduling
Becomes:
ChiliPiper.showCalendar
You will need to make this change manually. This will prompt Chili Piper to display the calendar on the Thank You page.
Comments
0 comments
Please sign in to leave a comment.