Easy Tech TutsHow to Integrate Webflow Forms With HubSpot for Free Easily 2026
By Impran M N
Webflow's native HubSpot app lets you sync form submissions straight into your CRM without paying for third-party middleware like Zapier. This guide covers installing the app from Webflow's Apps panel, authorizing the connection, and mapping your form fields to matching HubSpot properties. It ends with enabling site-wide tracking and testing a live submission.
01Name your Webflow form
Give your active form block a unique HTML name so it can be identified during mapping.
02Install the HubSpot app
Open the Apps icon in the Webflow Designer and select the official HubSpot App from the marketplace.
03Authorize the connection
Pass through the HubSpot OAuth consent screen and select your active CRM portal.
04Map your form fields
In Site Settings, open Form Integrations and drag your Webflow fields to match the corresponding HubSpot properties.
05Enable site tracking
Toggle Enable Site Tracking so the HubSpot tracking script gets injected across your published site.
06Test the submission
Publish your site, submit a test form, and check your HubSpot Contacts dashboard to confirm the lead synced.
Frequently asked questions
Do I need Zapier to connect Webflow and HubSpot?
No, Webflow's native HubSpot App handles the connection directly, so you can skip third-party middleware.
Is this integration free?
The native app itself doesn't require a paid middleware tool, though your HubSpot and Webflow plans still apply.
Does this add HubSpot tracking to my whole Webflow site?
Yes, enabling the Site Tracking toggle injects the HubSpot tracking script across your published pages.
What happens if my form fields don't map correctly?
You can revisit the Form Integrations settings anytime to adjust or re-map fields between Webflow and HubSpot.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
