Webflow sync, pageviews & more.
NEW

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

TL;DR
  • Add tracking scripts in Webflow to send form submission events to Google Analytics or use Google Tag Manager for scalable event tracking.
  • Connect Webflow forms to tools like Zapier or Make to store submissions in CRMs and identify users via form data or hidden fields capturing UTM/cookie data.

To track and identify form submissions in Webflow, you need to connect form events with analytics or marketing tools like Google Analytics, Facebook Pixel, or Zapier.

1. Use Webflow’s Native Form Notification and CMS Options

  • By default, Webflow sends email notifications on form submission.
  • You can also connect form data to CMS collections via tools like Zapier, Make (Integromat), or custom APIs if storage/display is needed.

2. Add Custom Form Tracking with Google Analytics

  • To track form submissions in Google Analytics 4 (GA4):
  • Go to Project Settings > Custom Code > Footer and add a script that pushes an event to the dataLayer on form submission.
  • Use Webflow.push(() => { $('form').submit(...) }) JavaScript or use Google Tag Manager for more scalable tracking.
  • In GA4, create a custom event (e.g., form_submission) and then define a conversion based on it.

3. Use Google Tag Manager for Scalable Event Tracking

  • Set up Google Tag Manager (GTM) by installing the GTM script in Project Settings > Custom Code > Head.
  • In GTM, create a Form Submission trigger, and tag it with an event name like form_submit.
  • Publish the GTM container, then test using Preview > Tag Assistant.

4. Connect Webflow Forms to Zapier or Make

  • Use those platforms to send submissions to CRMs, Google Sheets, or email tools.
  • In Zapier:
  • Set Webflow as the trigger app with "Form Submission".
  • Choose an action (e.g., send data to HubSpot or Slack).
  • This setup allows identifying users by email or other form fields.
  • You can add hidden fields in your form to capture:
  • UTM parameters (source, medium, etc.)
  • User IDs from cookies or tracking scripts
  • Use JavaScript to populate those hidden fields on page load.

6. Use Third-Party Form Tools if Needed

  • You may embed tools like Typeform, Tally, or Jotform for more complex tracking.
  • These platforms often offer native analytics or CRM integrations.

Summary

To track and identify form submissions in Webflow, implement Google Analytics or Tag Manager events, use Zapier for CRM connections, and optionally capture user data with hidden fields. This setup ensures form activity is logged and identifiable across your marketing stack.

Rate this answer

Other Webflow Questions