Skip to main content

Embed a HubSpot Form to your Accelevents Event Website

Quickly integrate your HubSpot forms into your event page using our Advanced Page Builder

Hydee avatar
Written by Hydee
Updated over a week ago

This feature is available for Enterprise and White Label Plans only

Easily embed a HubSpot form to your event page using the Event Website Builder.

Add Your HubSpot Form to Accelevents

Copy the HubSpot Form Share Link

The second option to add a HubSpot form to Accelevents is to copy the form's share link from HubSpot and create an iFrame code.

  • Go to Marketing > Forms in your HubSpot account

  • Hover on the form and click Actions > Share

  • Copy the Share Link

Create an Iframe Code

If you can code, create an iframe code for the HubSpot share link. If not, you can use applications like iframe-generator.com that will generate the code for you.

Add the HTML Object to the Event Website Page

  • Go to Event Design > Event Website in Accelevents

  • Click Edit Website under Advanced

  • Open the page for editing

  • Drag the HTML object from the Content menu to the template

Paste the iFrame Code

  • Click the HTML object from the template

  • Paste the iFrame code you created

  • Save and Activate your page

That's it! Your HubSpot form is now successfully embedded into your event page.

Notes:

  • If you need to add CSS to your page, you can use the same html object or drag a new one.

  • Scripts added to the page will only apply to Accelevents, it won't apply to third part embeds to our pages.

Use the Embed Code

If you want to add your own form styling beyond what can be done in HubSpot, you can use the embed code provided by HubSpot. However this is a raw embed code, it will not work on its own if pasted in Accelevents. You'll need to use HTML and custom CSS for the form styling along with the embed code.

Did this answer your question?