Webflow – How to Track HubSpot Form Submissions
Why track HubSpot forms?
Measure lead‑gen conversion rates directly in Humblytics
Attribute submissions to campaigns, A/B tests, and traffic sources
Maintain a cookie‑free, privacy‑compliant stack—no banners required
Prerequisites
Requirement
Check
HubSpot Marketing account with an existing form
✔︎
Webflow project with Humblytics tag installed
✔︎
If the Humblytics script isn’t on your site yet, follow the Webflow installation guide first.
Step‑by‑Step: Track HubSpot Submissions in Webflow
1 · Embed the HubSpot form
In Webflow Designer:
Drag an Embed element where you want the form.
Paste your HubSpot embed code. It typically looks like:
Publish the site.
2 · Hook into the submission event
HubSpot’s Forms API supports an onFormSubmit
callback. Add the callback just below the create block:
trackFormSubmission()
logs a custom event named hubspot‑lead in Humblytics.
Tip: Use descriptive labels like
pricing‑demo‑request
if you embed multiple HubSpot forms on the same site.
3 · Verify in Humblytics
Submit the form once on the published site.
Open Dashboard → Conversions → Forms.
Look for hubspot‑lead (or your chosen label). Data appears within ~30 seconds.
Benefits of this setup
Cookie‑free tracking—no consent banners required
Works on every Humblytics plan, including Lite
No additional JavaScript libraries or tag managers
Real‑time visibility in dashboards, heatmaps, and funnels
Optional enhancements
Funnels: Add the form label as the final step to measure pre‑submit drop‑off.
A/B tests: Use Humblytics Experiments to compare form placements, copy, or CTA buttons.
Need help? Email support@humblytics.com and we’ll walk you through advanced setups like multi‑step HubSpot forms or hidden UTM parameters.
Last updated
Was this helpful?