If the HubSpot form you are using is using raw HTML (rather than in an <iframe>), then you can use our Javascript Snippet as outlined below, rather than our javascript API. This allows for a quick copy/paste to integrate with your form.
How do I know if my HubSpot form is using raw HTML or an iFrame?
Go to your HubSpot form → Edit → "Style & preview"
If your toggle for "Set as raw HTML form" is ENABLED (opposite of image), then you are in the right spot and continue with this article. Otherwise, please click here for iFrame info.
In this article we will cover the three steps required to implement this code:
- Retrieve snippet from Concierge
- Verify the code is on your live site
- Configure your Form Mapping in Chili Piper
Retrieve snippet from Concierge
In Chili Piper navigate to Concierge || Inbound Router
and select the applicable router from the list. Scroll at the bottom and copy your embed code from the "Embed your form" section.
Verify the code is on your live site
Add this code to the same HTML page as your HubSpot form. Preferably the "marketing.js" portion should be in the <head> section of your site, but this is usually not mandatory unless the page contents or form code gets cached.
Make sure that your embed code shows up in your final page. Navigate to your page -> Right-click & select "View Page source" ->search in the page for:
<script src="https://js.chilipiper.com/marketing.js" type="text/javascript"></script>
Your embed should get highlighted and show up in the page:
Configure your Form Mapping in Chili Piper
The Javascript snippet doesn't provide much control over how data is submitted upon form submit, so you will want to be sure that your form fields are properly mapped within Chili Piper to how they appear on your form code.
Process #2 in this help article outlines in more detail how to set up the correct mapping when using the API and actively passing values through the code.
Comments
0 comments
Article is closed for comments.