Webflow sync, pageviews & more.
NEW

How can I successfully integrate tracking/identifying form submissions into Webflow?

TL;DR
  • Name your Webflow form uniquely, use JavaScript to capture UTM parameters into hidden fields, and push submission events to GA4 via Google Tag Manager.
  • Enrich or route submission data using tools like Zapier, Make, HubSpot, or Webflow Logic for CRM and analytics integration.

To track and identify form submissions in Webflow, you need to combine Webflow's built-in form capabilities with external tools for analytics and lead attribution.

1. Use Webflow’s Native Form Handling

  • Webflow stores form submissions under Project Settings > Forms.
  • Make sure your form has a unique Form Name so you can distinguish it in integrations.
  • Each submission includes basic fields, but does not track UTM parameters or user IDs by default.

2. Track with Google Analytics

  • Add Google Analytics (GA4) using the Webflow Custom Code section or via Google Tag Manager (GTM).
  • Use a Google Tag Manager form submission trigger to capture submission events.
  • For basic GA tracking, push a custom event like form_submission to GA4 when a form is submitted.

3. Capture UTM Parameters and Pass with Form

  • Add JavaScript in the before tag area in Page Settings or Site Settings > Custom Code.
  • Store UTM query parameters in hidden form fields (e.g., utm_source, utm_medium):
  • On page load, check for UTM parameters in the URL.
  • Use JavaScript to populate hidden input fields with these values for submission.
  • This lets you track campaign attribution per submission.

4. Identify Users with Forms Using Third-Party Tools

  • Integrate tools like HubSpot, Clearbit, or Segment to enrich form data.
  • Use an embedded form from these tools or Webflow’s native form with custom webhook integrations through tools like Zapier or Make.
  • Combine with cookies or session data to auto-populate fields or enrich the contact record once submitted.

5. Use Zapier/Make for Custom Tracking

  • Set up a Zap that triggers on form submission (Webflow → Zapier).
  • Add actions like “Find Contact”, “Tag Source”, or “Store in Airtable/CRM”.
  • You can extend this to pull UTM values or session-based identifiers.

6. Enable Webflow Logic (If Available)

  • In Webflow Logic (beta/soon GA), you can define steps in your form workflow:
  • Add Conditions, Webhooks, or HTTP Requests to analytics platforms.
  • Use Variables to pass along tracking information.

Summary

To integrate tracking for Webflow form submissions, use hidden fields to pass UTM and user data, track events with GA4 or GTM, and optionally enrich or send the data using tools like Zapier, Make, or Webflow Logic. This ensures every form submission is attributed and identifiable across marketing and CRM platforms.

Rate this answer

Other Webflow Questions