Webflow – How to Track HubSpot Booking Links
Why track HubSpot booking links?
Measure lead‑gen performance directly in Humblytics
Attribute submissions to specific campaigns and traffic sources
Set goals inside Funnels or A/B Experiments
Keep tracking cookie‑free and privacy compliant
Prerequisites
Requirement
Check
A HubSpot booking link
✔︎
A HubSpot calendar embed
✔︎
Webflow project with the Humblytics tag installed
✔︎
If the Humblytics script isn’t yet in your Webflow site, follow the Webflow installation guide first.
Step‑by‑Step: Track HubSpot Booking Links in Webflow
1 · Add the HubSpot embed
In your Webflow editor, select Insert → Embed (or drag an Embed block onto the page).
Paste your HubSpot calendar code:
<!-- Start of Meetings Embed Script -->
<div class="meetings-iframe-container" data-src="https://meetings.hubspot.com/your-unique-link">
<iframe src="https://meetings.hubspot.com/your-unique-link" width="100%" data-hs-ignore="true"></iframe>
</div>
<script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"></script>
<!-- End of Meetings Embed Script --></div>
Publish your site.
2 · Verify in Humblytics
Publish & open the live Webflow URL.
Submit a booking request once.
In Humblytics, go to Conversions → Forms and look for Hubspot Meeting Booking. Data appears within ~30 seconds.
Troubleshooting
Issue
Fix
No event appears
Ensure the Humblytics script is in Site Settings → Custom Code → Head and republish.
Next steps
Funnels: Add the form label as the final step to visualise drop‑off.
Experiments: Use Humblytics A/B tests to compare form placements or CTA copy.
For advanced use cases—multi‑step HubSpot forms, hidden UTM fields, or offline events—email [email protected] and we’ll guide you through.
Last updated
Was this helpful?