Embedding your javascript with Gravity Forms

This integration is unique for Gravity forms. You must have the Gravity Forms plugin installed on your WordPress site to follow this guide. This new method will only be used you are simply using only Gravity Forms + Chili Piper. 

Note: If you use Pardot Form Handlers, you will not need to change your Gravity Form but the configuration for Chili Piper will be done within your Pardot Form Handler Configuration. Please see this article.

How this method works

Gravity Forms will not redirect to a thank you page for booking and the full experience will happen on the same page as the form by adding the Chili Piper Javascript to Gravity Forms' "Confirmations" section.

Everything for Chili Piper will be configured within the Gravity Forms interface, in the “Confirmations” section of their configuration. 

Step-by-Step Instructions

1. Go to Settings → Confirmations

2. Paste the Chili Piper code below as Text & Disable auto-formatting

<script src="https://js.chilipiper.com/marketing.js" type="text/javascript"></script>
<script>
ChiliPiper.submit("DOMAIN", "ROUTER", { 
map: true,
lead:
{
FirstName: "REPLACE",
LastName: "REPLACE",
Email: "REPLACE",
Phone: "REPLACE"
}
})
</script>

• Replace "DOMAIN" with your Chili Piper account domain and "ROUTER" with a router name.
  • You can find those in the Router Settings - Embed for your form

2. Insert the respective merge tags