Who can use this feature?
This integration is unique to Gravity Forms. To follow this guide, you must have the Gravity Forms plugin installed on your WordPress site.
In this article, we will cover how to run Chili Piper when you redirect to a Thank You page using Gravity Forms.
This method works by Gravity Forms redirecting to a thank you page and setting the values from the form as query string parameters that we will then use to run Chili Piper.
⚠️ If you haven't been upgraded to the Demand Conversion Platform yet, you may want to check this article instead.
Table of Contents
Setup Redirect in Gravity Form
Create or define a Thank You page to redirect the page to after the form is submitted.
Within Gravity Forms:
- Go to the Form → Settings → Confirmations
- Edit the "Default Confirmation" within Gravity Forms
- Check that selected "Confirmation Type" is Redirect
- Enter the "Redirect URL" where a prospect is redirected to AFTER a form submission.
-
Build the form data you want to be passed via Query String to the Thank You page. To build this, you need to ensure the Form Field Name defined/mapped inside Chili Piper is what is being used to build out the query.
For example, the fields above would look like the below in query:FirstName=value&LastName=value&Email=value&Company=value
- Insert the Merge Tag for each field in the query parameter above to pass the form values and replace the dummy "value". For more details, refer to this Gravity Form article.
Important Note
Avoid using a parameter name from this list of reserved WordPress terms. One commonly used parameter that is a Reserved Term is ‘name’, which will result in a 404 Not Found error.
Once the above is done, it should look something like below: - Save Confirmation.
Add Chili Piper's Code to Thank You page
Add what looks like the code below to your Thank You page, where a prospect is redirected to AFTER a form submission.
<!-- Add the following code to the thank you page -->
<script src="https://domain.chilipiper.com/concierge-js/cjs/concierge.js" crossorigin="anonymous" type="text/javascript"></script>
<script>
ChiliPiper.deploy("domain", "router", {
"formType": "GravityForms"
})
</script>
It should look something like the below:
You can find this code in your Concierge Router's "Embed" section in the flow builder by clicking "On a Website" and selecting "GravityForms" from the Form Type dropdown. Then, select the option "With a Redirect Page" from the Location dropdown.
Make a test submission and check the Router Logs in Chili Piper to ensure your test values are showing up correctly.