Instructions
Using HubSpot marketing forms will enable the Cometly pixel to automatically capture information submitted through the form. You must have a thank you page that the form redirects to that fires an event.
Important: This setup will only work for embedded HubSpot lead capture marketing forms. This will not work for embedded meeting links where a prospect can schedule.
1. Navigate to the Events Manager in your Cometly account
Install the Cometly Pixel Code before the </head> tag on every page of your funnel.
Navigate to the Events Manager in your Cometly account.
Click 'Setup Events' and copy the main Cometly pixel code.
Paste the Cometly Pixel Code in the <head> tag area of your web builder or custom site.
2. Retrieve the HubSpot form embedded code and convert the code in Cometly
If you have multiple spaces, ensure that you are using the correct space has a unique Cometly pixel.
Login to HubSpot.
On the top menu bar, click Marketing > Lead Capture > Forms
Find the HubSpot form you want to track, and click edit.
Click Share on the form page in HubSpot and then click Embed Code
Copy the HubSpot form code and paste into Cometly HubSpot form code converter.
After pasting the embedded code, click Convert Marketing Form Code
Click Copy Code after it has been converted
Paste the converted code into the html embed on your landing page, this will be replacing the existing HubSpot form code that you previously had on your landing page. You should only have the Converted Marketing Form Code, not the original code from HubSpot.
3. Install your event on the thank you page that the form redirects to
You must have a thank you page that the HubSpot form redirects to after a successful form submission.
To add or edit the URL the form redirects to, follow the steps below:
Login to HubSpot.
On the top menu bar, click Marketing > Lead Capture > Forms
Find your form in HubSpot and click Edit.
Click Options, then click Redirect to another page and add your URL for your thank you page.
Make sure you save changes by clicking Update.
The thank you page must have the following:
Main Cometly Pixel Code in the <head> tags of the page.
An event installed in the <footer> tags of the page. You can choose from any event within Cometly.
You can choose from a variety of Events by navigating to the Events Manager and clicking Setup Events > Continue
Toggle on the Event you want to track and copy the Event code and add to the <footer> of the thank you page that the HubSpot form redirects to.
With this setup, Cometly will automatically capture the form submission and link the submission to the specific event that you add to your thank you page.
If you have any questions, please contact support and we will help right away!