Skip to main content

Add Script to your Unbounce form

Chad Allard
  • Updated

If you have your Unbounce form embedded into your landing page, use the following steps. Please note that if you are using a Marketo form or another form, please use the instructions for those particular for setups. 

1. Copy your Chili Piper Snippet from your "Concierge || Inbound Router"

2. Paste script into your Unbounce Javascript - Before Body Tag End

3) Form Confirmation settings

Make sure your Unbounce Form Confirmation is set to "Show form confirmation dialog" so that the page does not redirect before the Chili Piper calendar is shown. 

4) Map form fields to your Chili Piper form

You'll want to map the form field names from your Unbounce form to the Chili Piper form related to your "Concierge || Inbound Router". You may need to create a new form in Chili Piper for this. 

Please see example:

https://share.getcloudapp.com/GGuNmDrw

Make sure to map whatever fields you have in your Unbounce form to the Chili Piper form and relate them to the respective fields on the Lead and Contact for routing and Lead Creation purposes. 

5) Time to Test

Publish your Page, fill out your form and see what happens. Assuming you do not disqualify yourself, you should expect to see:

  • The Calendar displayed after the form is submitted - Go ahead and book a meeting. 
  • Lead/Contact is created in Salesforce (if enabled)
  • Event Activity Created in Salesforce
  • Lead/Contact owner is assigned to the User who received the meeting (if enabled in your "Salesforce Options" in your Meeting Template. 
  • Email alert sent to the Assignee and Default Booker. 

Make sure to check in the Workspace Reports to make sure the data is coming into Chili Piper correctly. 

If you see [not provided], then either:

  1. You have not successfully mapped your form fields OR
  2. You are testing via "Preview" and need to publish the page and test on the live URL. 

Here is how it will look once you fill out the form:

6) Once your tests are successful

  1. Make sure you go thru the Router Redirect Settings for handle redirection based on user action within your Router
  2. Determine how you will handle leads who do not book a meeting within your "Queues for those who don't take action". See here for more details.
  3. Review your "UI Messaging and Customization" within your Router to make sure your wording in the UI is how you want it. 

Related articles