Note that any "thank you page" redirect in HubSpot needs to be disabled for this integration to work.
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:
Your embed should get highlighted and show up in the page:
Configure your Form Mapping in Chili Piper
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.