Is there a solution or workaround for implementing Hubspot forms linked to Zoom webinars into the dynamic CMS of Webflow?
TL;DR
- Create a Webflow CMS Collection for webinars with a field for each HubSpot form's embed code.
- Generate and embed a unique HubSpot form per webinar, connect it to Zoom via HubSpot integration, and render it dynamically using an Embed block on the Collection Page.
You’re looking to integrate a HubSpot form that registers users for a Zoom webinar into your Webflow site’s CMS (e.g., dynamically on webinar collection pages). While Webflow doesn’t natively support dynamic embedded forms from HubSpot, there are reliable workarounds.
1. Set Up Webinars as a CMS Collection in Webflow
- Create a CMS Collection for your webinars in Webflow (e.g., Webinars with fields like Title, Date, Description, and HubSpot Form Embed Code).
- Add a field to store the HubSpot form’s embed code or unique identifier (e.g., HubSpot Form Embed Code or Form ID).
2. Generate Embed Code for Each HubSpot Form
- For each Zoom webinar, create a specific HubSpot form in your HubSpot account that is connected to the Zoom webinar via HubSpot’s Zoom integration.
- In HubSpot, go to Marketing > Forms, open each form, and copy the embed code provided under the “Share” or “Embed” section.
- Paste this embed code into the corresponding CMS item in Webflow, ideally in a Plain Text field.
3. Safely Embed Dynamic HTML in Webflow CMS Template
- In your Webflow Webinars Collection Page (template page), use an Embed component and bind it to the CMS field where you stored the HubSpot form embed code.
- Example: Drag in an Embed block and insert the dynamic field using Webflow’s
Add Fieldbutton within the embed editor. - This will render a unique HubSpot form per CMS page, aligning with the correct Zoom webinar.
4. Ensure Zoom–HubSpot Integration Is Functional
- In your HubSpot account, go to Marketplace > App Marketplace, look for Zoom, and ensure it's integrated.
- Once integrated, you'll be able to associate HubSpot forms with Zoom webinars so that form submissions automatically register users for the correct webinar.
5. Optional: Use Hidden Fields for Tracking (Optional)
- You can also configure the HubSpot form to include hidden fields like the webinar ID or name for better reporting.
- Add these in HubSpot’s form builder and pass values using URL query parameters or static field values per form.
Summary
To embed HubSpot forms linked to Zoom webinars in Webflow CMS pages, store each webinar’s unique HubSpot form embed code in a CMS field, and use an Embed block to render the form dynamically on the template. Ensure the Zoom–HubSpot integration is active so that submissions trigger webinar registration.