Adding a HubSpot Form

Embed HubSpot Forms directly into your Vev project

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

Add a HubSpot Form element

As an Element

  • From the top menu bar, click the Add Menu (Shortcut: M)

  • Search for and select HubSpot Form

  • Click and drag the element to your canvas

Link to your HubSpot Form

  • Get your form's embed code from HubSpot. It contains the Portal ID and Form ID.

  • Inside Vev, enter the Portal ID and Form ID in your HubSpot Form Element.

  • That's it! You're ready to publish and collect information from your users. Open this example to see it in action.

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.

  • In HubSpot, go to the Options for your form and select the "Redirect to another page" option. Set the page option to a URL or to a sub-page in your current project with the path thank-you set.

  • Click Add.

  • Users will be redirected to your "Thank You" page when they have submitted their information.

Having issues?

If you are having issues loading your form, make sure you only have one instance of the same Form on the same page.

Did this answer your question?