To connect Webflow to HubSpot, install the HubSpot app from Webflow's Apps directory, authorise your HubSpot account, then embed a HubSpot form or map an existing Webflow form. If you'd rather skip the app, paste the tracking script into custom code and turn on non-HubSpot form capture, or use a Zapier zap.
Picking between the app, a code embed and the API
You've built a lovely site and the leads are landing in a Webflow inbox nobody checks. The fix is getting those submissions into your CRM, and there's more than one way to do it. Webflow lists three approaches: the HubSpot app, Code Embed elements, and the two platforms' APIs. It also says most setups end up combining two or more, so don't feel you have to pick only one.
| Route | What it covers | Who it suits |
|---|---|---|
| HubSpot app | Form embedding, mapping Webflow forms, chatbots, HubSpot assets, site-wide tracking | Anyone who wants no code |
| Tracking code plus non-HubSpot form capture | Collects native form submissions with no field mapping | Simple forms you don't want to redesign |
| Code Embed element | Pastes HubSpot's own form HTML onto the page | Forms with conditional logic, progressive profiling or several steps |
| Zapier | Template zaps that create contacts or deals from new submissions | Teams already running other zaps |
| API and webhook | Server-side function that writes contacts, matched on email | Sites with a developer on hand |
The HubSpot app is described by Webflow as approved, and it's the one I'd start with. Access to the newer form editor compatibility and embed styling features needs HubSpot Marketing Professional or Enterprise, while basic form mapping and tracking sit in lower tiers.
Installing the HubSpot app on your Webflow site
- Install the HubSpot app from Webflow's Apps directory on your site.
- Authorise the app by connecting your HubSpot account.
- Launch the app from Webflow and open the forms area, where you'll also find assets, chatflows and tracking settings.
- Choose to embed a HubSpot form, or map your existing Webflow form fields to HubSpot contact properties. Mapping keeps your design and still routes submissions to the CRM.
- Turn on site-wide tracking in the app, or paste the tracking code yourself (see below).
- Publish the site. Tracking and embeds do nothing until it's live.
- Submit a test entry and check the contact appears in your CRM before real leads arrive.
The app gives you three ways to handle forms: embed a HubSpot form, map an existing Webflow form, or keep native forms and let HubSpot's non-HubSpot forms feature pick them up. Once contacts are flowing, my set of ready-made follow-up workflows shows what to do with them next.
Adding the tracking script by hand
If you don't want the app, the manual route is short. Copy the code from HubSpot Settings > Tracking & Analytics, paste it into Webflow Site Settings > Custom Code > Head Code, and publish the site. Then switch on "Capture non-HubSpot forms" and your native Webflow forms start feeding the CRM.
For anything fancier, such as conditional logic, progressive profiling or a multi-step layout, Webflow suggests pasting HubSpot's embed HTML (from HubSpot Marketing > Forms > Embed) into a Code Embed element instead.
Where captured Webflow forms quietly go wrong
The HubSpot Knowledge Base is clear that the tracking-code route has conditions. Every field lands in single-line text properties, because there's no mapping. The form needs to be static HTML inside form tags, with an email-type input and a standard submit button. It fails if the form sits in an iframe, has JavaScript bound to submit, uses hidden fields or lives on a single-page app.
Two more behaviours catch people out. All submissions tied to the same browser cookie merge into one contact record, even when the email addresses differ, which can muddle a shared office computer. And every submit click is collected, so a failed validation can leave one partial and one complete submission. There's also a ceiling of 10,000 non-HubSpot forms per account, after which submissions are rejected.
The connector and developer options
Zapier lists Webflow plus HubSpot templates, including sending new submissions to HubSpot forms, creating contacts or deals from new form submissions, and creating or updating contacts. I've only got the template names to go on here, so check each zap's field setup inside Zapier before you trust it with live leads. If you're choosing a connector, my comparison of n8n and Zapier for small teams will help.
HubSpot's non-HubSpot forms tool is the lighter option: once the tracking code is installed it collects submissions from external static HTML forms, with no mapping at all.
Want AI doing the heavy lifting in your marketing?
I build the systems that handle the boring 80 percent, so you get your week back. Done properly, with the human kept in.
The API route uses a Webflow webhook with the form_submission trigger type, a server-side function and HubSpot's contacts endpoint matching on email. It's flexible, but it needs a developer, so it's not a weekend job for most owners.
The advice I'd give a Webflow site owner
Start with the app and map your existing forms, because it keeps your design, sends fields to the right properties and avoids the single-line text mess. Keep the tracking-code capture for simple forms only, and test with a real submission every time you change a form. If you're still deciding on a site builder, my take on Webflow versus WordPress covers how each handles this kind of hookup.
Want your tool on this list? Featured spots and reviews here are paid partnerships. Here's how to partner with me.
Frequently asked questions
Do I need code to connect Webflow to HubSpot?
Not for the app route. Code Embed elements and the API route involve pasting scripts or writing server-side code.
Can I keep my Webflow form design?
Yes. You can map an existing Webflow form to HubSpot, or use non-HubSpot form capture through the tracking code.
Why are my Webflow submissions missing in HubSpot?
Check the tracking code loads, the form has an email input and a standard submit button, and it has no hidden fields, iframe or custom submit JavaScript.
Can I use Zapier instead?
Yes. Zapier lists templates that create HubSpot contacts or deals from new Webflow form submissions.
Is there a limit on captured forms?
Yes, 10,000 non-HubSpot forms per HubSpot account.
