Humblytics
  • Overview
    • Introduction to Humblytics
    • Features Overview
    • Frequently Asked Questions
  • How to Get Started
    • Create a New Account
    • Add Humblytics Analytics to a Custom / Self-Hosted Site
    • How to Add Humblytics Analytics to Your Weblow Site
    • How to Add Humblytics Analytics to Your Framer Site
  • Split Testing Overview
    • How Humblytics Split Testing Works - Under the Hood
    • How to Setup a Split Test
    • Creating A/B Page Variants for Split Testing
    • How to Analyze Split Test Data
    • Using the Humblytics A/B Sample‑Size Calculator
    • Deciding How Long to Run an A/B Test
  • How to Track Custom Form Submissions
    • GoHighLevel
    • Tally.so
      • Webflow – How to Track Tally.so Form Submissions
      • Framer – How to Track Tally.so Form Submissions
      • Custom/Self-Hosted – How to Track Tally.so Form Submissions
    • Typeform
      • Webflow – How to Track Typeform Submissions
      • Framer – How to Track Typeform Submissions
      • Custom/Self-Hosted – How to Track Typeform Submissions
    • Cal.com
      • Webflow – How to Track Cal.com Booking Submissions
      • Framer – How to Track Cal.com Booking Submissions
      • Custom/Self-Hosted – How to Track Cal.com Booking Submissions
    • Hubspot
      • Framer – How to Track HubSpot Form Submissions
      • Custom/Self-Hosted – How to Track HubSpot Form Submissions
      • Webflow – How to Track HubSpot Form Submissions
  • How to Track Custom Click Events
    • How to Track Click Events on Custom / Self‑Hosted Site
    • How to Add Custom Event Tracking for Webflow Sites
    • How to Add Custom Event Tracking for Framer Sites
  • Understanding Your Data
    • Understanding Site Traffic
    • Understanding Pages Data
    • Understanding Click Data
    • Understanding Forms Data
    • Understanding Heatmap
    • Understanding Funnels
  • Campaign Tracking with UTM Links
Powered by GitBook
On this page
  • Why track HubSpot forms?
  • Prerequisites
  • Step‑by‑Step: Track HubSpot Submissions in Webflow
  • Benefits of this setup
  • Optional enhancements

Was this helpful?

  1. How to Track Custom Form Submissions
  2. Hubspot

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:

  1. Drag an Embed element where you want the form.

  2. Paste your HubSpot embed code. It typically looks like:

<!-- HubSpot Embed -->
<script src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
  region: "na1",             // confirm your region
  portalId: "YOUR_PORTAL_ID", // replace with your portal ID
  formId: "YOUR_FORM_ID"      // replace with your form ID
});
</script>
  1. 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:

<script>
hbspt.forms.create({
  region: "na1",
  portalId: "YOUR_PORTAL_ID",
  formId: "YOUR_FORM_ID",
  onFormSubmit: function($form) {
    window.Humblytics.trackFormSubmission("hubspot-lead"); // choose any label
  }
});
</script>

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

  1. Submit the form once on the published site.

  2. Open Dashboard → Conversions → Forms.

  3. 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.

PreviousCustom/Self-Hosted – How to Track HubSpot Form SubmissionsNextHow to Track Custom Click Events

Last updated 2 days ago

Was this helpful?