While in the Landing Pages list, click on the name of the desired page and select Integrations -> Form Integrations:
If you have already connected your HubSpot account to Instapage, you will see it here and you can select it. Otherwise, you will see this screen and you can go to the main Integrations Dashboard to connect.
If you go to the main Integrations dashboard to connect, look for HubSpot in the page integrations list. Connecting Hubspot requires confirmation from within their app.
Sign in and connect the account. This step is done once per workspace. When you have connected the account, come back to the slideout menu for the page you want to integrate with HubSpot and continue with the steps below.
Our direct integration is using the List API of HubSpot and in order to correctly connect your HubSpot account, you need to be the HubSpot account owner or a team member/user with API permissions.
NOTE: Only one account can be connected at a time, even if you have the option of adding more accounts to the list.
On the next step, you can choose the list you want to send the leads to. Please note that only static HubSpot lists are available for our integration.
We support up to 1500 static lists for Marketing Hub Professional, Enterprise, and Legacy Marketing Hub Basic accounts and 25 static lists for Marketing Hub Starter accounts.
Now, you have to map your Instapage fields to the Hubspot fields. After you map all the fields from Instapage, click Continue;
Make sure all the HubSpot fields marked with an asterisk (*) are mapped in order for the integration to work.
If you map a field with the [None] option, the data submitted in that field will not be sent to HubSpot.
The Auto Generate option will create a text field inside your integration, in the properties of the list chosen in the previous step.
If you map an Instapage field with a field from HubSpot side that has predefined "internal values", then the field from Instapage side must have those exact same predefined options/values, and it is recommended for the fields from both sides to be of the same type.
Pay special attention to Hubspot "Single checkbox" property (field) type because their internal values are by default "true" or "false" and can not be changed, which means that the equivalent field inside Instapage must be a checkbox field, set as required, with the options/values as "true" or "false" because anything else will not be accepted by HubSpot.
If you went through all the steps, click on FINISH and you should see a confirmation message.
Then click on CLOSE.
In order for the changes to save on the page, you still need to update the experience. So after clicking on CLOSE, head back to the first page slide-out to UPDATE the page experience.
Note: While we try to keep all of our instructional articles that involve third-party services up to date, sometimes they make changes to their platform of which we are not aware, and, as a consequence, the user interface may differ from the provided screenshots.
Important Notes:
- The integration only works on the live URL. It can not be tested on the preview mode. When testing on the live URL, make sure that your browser is not displaying an older cached version.
- Make sure to test the integration with different addresses because if you submit the form multiple times with the same email address the integration will flag the email as spam.
- Always test your integration with real email addresses as some systems recognize fake emails.
- All fields need to have a label/name in order for the integration to work. Please do not leave the label empty or with just space characters. You can pick the 'hide label' option for some field types.