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

To track and identify form submissions in Webflow, you need to capture submission data and connect it to analytics or CRM tools. This allows you to see who submits a form and what they do afterward.

​

1. Use Webflow’s Native Form Submission Tracking

​

• Enable Form Notifications in Project Settings > Forms to get email alerts and store submissions in the Webflow Forms tab.
• Webflow automatically tracks submissions in the Forms collection (if you're on a paid site plan with CMS or higher).
• Limitations: Webflow stores basic data; identifying users or sending to external tools requires external integration.

​

2. Add Google Analytics or Google Tag Manager

​

• Add your Google Analytics tracking ID or use Google Tag Manager (GTM) to control events.
• Inside Project Settings > Custom Code, paste the GTM script into the Head or Body as directed by Google.

​

3. Trigger Custom Events on Form Submission

​

• In Webflow Designer, select the form element, go to the Element Settings panel, and add a Form Name (e.g., “Contact Form”).
• Inside GTM, create a form submission trigger:
• Choose Trigger Type: Form Submission
• Configure it to fire on specific forms using form ID or form class
• Connect this trigger to a Google Analytics Event Tag:
• Category: form
• Action: submit
• Label: {{Page Path}} or form name

​

4. Use Zapier or Make to Send to CRMs or Email Tools

​

• Connect your Webflow form to Zapier or Make using a Webhook or the native Webflow integration.
• In Zapier:
• Set Webflow as the trigger app
• Choose Form Submission as the event
• Send data to CRM (e.g., HubSpot, ActiveCampaign), spreadsheet, or email tool
• Include fields like email, name, UTM parameters if tracked

​

5. Capture User Identification or UTM Data

​

• To identify users or source:
• Add hidden fields in the form for data like “utmsource”, “utmmedium”, or “user_id”
• Use custom JavaScript to pre-fill these inputs based on URL parameters or cookies
• Inside Designer:
• Add a hidden input field using the Add Element > Form Block > Hidden Field
• Set its name appropriately (e.g., "utm_source")

​

6. Optional: Use Third-Party Tools for Richer Tracking

​

• ConvertKit, Mailchimp, HubSpot, or ActiveCampaign can replace Webflow’s native forms entirely or receive Webflow form data using third-party tools.
• Use embedded forms or APIs to track, tag, and segment users more effectively.

​

Summary

​

To track and identify Webflow form submissions: use Webflow’s built-in storage, integrate Google Analytics or GTM for deeper insights, and optionally use Zapier/Make to push data to CRMs. For lead identification, add hidden fields to capture UTM or user data with JavaScript.