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

Was this helpful?

  1. How to Track Custom Form Submissions
  2. Typeform

Framer – How to Track Typeform Submissions

If you use Typeform to collect leads or survey responses on your Webflow site, tracking submissions is critical for measuring conversions and optimizing performance. With Humblytics, you can track Typeform completions as custom form events—without using cookies, code-heavy workarounds, or Google Tag Manager.

This guide walks you through embedding a Typeform in Webflow and triggering a submission event in Humblytics.


Why Track Typeform Events in Humblytics?

  • Monitor conversion rates from embedded forms

  • Attribute submissions to specific campaigns or traffic sources

  • Set goals in funnels or A/B split tests

  • Maintain privacy compliance with no cookies or banners


Step-by-Step: Track Typeform Submissions in Webflow

Here’s how to embed Typeform in your Webflow project and hook into submission tracking.

1. Add the Typeform Embed

In Webflow:

  • Open your project in the Designer

  • Drag an Embed element into your page

  • Paste the following code:

<!-- Typeform -->
<div data-tf-on-submit="submit" data-tf-live="YOUR-TYPEFORM-ID"></div>
<script src="//embed.typeform.com/next/embed.js"></script>

🔁 Replace YOUR-TYPEFORM-ID with your actual Typeform ID (found in your Typeform share link).

2. Add Humblytics Submission Tracking

Just below the embed, add this tracking script in the same Embed block:

<!-- Humblytics custom tracking begins -->
<script>
  function submit({ formId, responseId }) {
    window.Humblytics.trackFormSubmission("custom-form");
  }
</script>
<!-- Humblytics custom tracking ends -->

💡 You can rename "custom-form" to something more descriptive like "pricing-typeform" to organize multiple tracked forms.


View the Data in Humblytics

Once live:

  1. Open your Humblytics dashboard

  2. Go to Conversions or Forms

  3. Look for "custom-form" in the list of tracked events

  4. Filter by page, referrer, or device to dig deeper into user behavior


Benefits of This Setup

  • Cookie-free tracking: No consent banners required

  • Works on any plan: Even the $9/month tier supports custom events

  • No-code setup: Just a single embed block in Webflow

  • Real-time insights: View submissions in your dashboard immediately


Optional Enhancements

  • Combine this with funnels to see how Typeform fits into the full user journey

  • Use A/B testing to compare Typeform placements or CTAs

PreviousWebflow – How to Track Typeform SubmissionsNextCustom/Self-Hosted – How to Track Typeform Submissions

Last updated 2 days ago

Was this helpful?