Capture information from website visitors, converting them into leads by integrating your Hubspot forms in Vev.
Getting the HubSpot IDs
Open your forms in HubSpot and click 'Edit' on the form you want to embed.
Press the 'Embed' button on the top right side.
Select the 'Embed code' tab.
Locate and copy the '
portalId' and 'formId' in the embed code.
Configuring the HubSpot form
Double-click on the HubSpot component on the canvas.
Head over to the Properties tab on the right side.
Insert your Portal ID and Form ID into the appropriate fields.
Styling the HubSpot form
Styling a HubSpot Form can currently only be done from HubSpot. Learn more in their Knowledge Base.
Adding a 'Success' / 'Thank you' page
Go to 'Options' for your form In HubSpot.
Select the 'Redirect to another page' option.
Set the page option to a URL or a sub-page in your current project with the path
thank-youset.Click 'Add'.
Users will be redirected to your 'Thank you' page after submitting the form.
Troubleshooting
If you are having issues loading your form, please ensure you only have one instance of the same form on the same page.
If you are using the Embed Anywhere feature and the Hubspot form is not loading, we recommend applying these steps:
You open the Publish modal by clicking the “Publish” button > click the “Get Embed Code”, navigate and click “Advanced Options” and disable the “Encapsulate Embed on Destination Page” option. Read more about encapsulation here.