Webflow Forms Attribution Tracking
Finally know which marketing channels fill your Webflow forms. AttributionHub captures UTM parameters, referrers, and landing pages — and handles Webflow's unique fetch-based form submissions automatically.
The Webflow Form Tracking Challenge
Webflow is a fantastic platform for building marketing sites that look professional without writing code. Its built-in form feature is convenient for capturing leads. But there's a catch that trips up most analytics setups.
Webflow forms submit via JavaScript fetch() instead of traditional HTML
form submissions. This means the page never reloads, and many tracking
tools that rely on page navigation events miss the conversion entirely.
On top of that, Webflow doesn't offer a straightforward way to add hidden fields through the visual designer. You can add them via embed elements, but the tracking piece still needs to handle the fetch-based submission.
AttributionHub is built to handle both of these Webflow-specific quirks. It detects Webflow forms, populates hidden fields, and tracks conversions through Webflow's unique submission flow.
What Data Gets Captured
UTM Parameters
Source, medium, campaign, term, and content — captured from URLs and stored with each Webflow form submission.
Landing Page & Referrer
The visitor's entry page and referring website, so you understand the full path from click to form submission.
Channel Classification
Each lead is automatically tagged with its channel: Paid Search, Organic, Social, Direct, Email, or Referral.
First Touch & Last Touch
Track the original discovery source and the most recent touchpoint before conversion, across multiple sessions.
How It Works
Step 1: Add the AttributionHub Script
In Webflow, go to Project Settings > Custom Code and paste the tracking snippet in the Head Code section:
<script src="https://cdn.attributionhub.com/attribution.js?id=YOUR_ID" async defer></script>
Step 2: Add Hidden Fields to Your Webflow Form
In the Webflow Designer, add an Embed element inside your form and paste hidden input fields:
<input type="hidden" name="ah_channel" />
<input type="hidden" name="utm_source" />
<input type="hidden" name="utm_medium" />
<input type="hidden" name="utm_campaign" />
<input type="hidden" name="utm_term" />
<input type="hidden" name="ah_landing_page" />
<input type="hidden" name="ah_referrer" />
Alternatively, you can use Webflow's built-in hidden field type if available in your plan.
| Hidden Field Name | What It Captures | Example Value |
|---|---|---|
| ah_channel | Marketing channel | Paid Search |
| utm_source | Traffic source | |
| utm_medium | Traffic medium | cpc |
| utm_campaign | Campaign name | brand-awareness |
| utm_term | Search keyword | webflow agency |
| ah_landing_page | Entry page | /services |
| ah_referrer | Referring site | google.com |
Step 3: Publish and Test
Publish your Webflow site, then visit with UTM parameters:
https://yoursite.com/contact?utm_source=google&utm_medium=cpc&utm_campaign=brand-awareness
Submit your form and check the submission in Webflow's form data. The hidden fields should contain the correct attribution values.
For complete setup details, see the Webflow integration guide.
Use Cases
Design Agencies — Track which portfolio pages, case studies, or blog posts drive the most lead form submissions. Attribution data tells you which content converts browsers into prospects.
SaaS Landing Pages — Webflow is popular for SaaS marketing sites. Know which ad campaigns drive demo requests and signups through your Webflow forms.
Freelancers & Consultants — If your Webflow site has a contact or project inquiry form, attribution tracking shows you exactly where clients discover your work.
Directory & Marketplace Sites — For Webflow-built directories with submission forms, track which traffic sources bring the most listings or inquiries.
What Makes AttributionHub Different
Fetch Submission Handling
Webflow submits forms via fetch() instead of traditional form posts. AttributionHub patches the submit event and monitors the success message to capture conversions.
No Webflow App Required
Works with a simple script tag in Project Settings. No Webflow App installation or paid integration needed.
Success Message Detection
AttributionHub detects the .w-form-done success message via MutationObserver, confirming the submission was successful.
Privacy-First Tracking
Uses first-party storage. Works without third-party cookies and complies with privacy regulations.
Frequently Asked Questions
Does this work with Webflow's native form hosting?
Yes. Whether you use Webflow's built-in form hosting or send submissions to a third-party service via webhook, the hidden field data is included in the submission.
Can I see attribution data in Webflow's form submissions?
Yes. Hidden field values appear in Webflow's built-in form submissions view alongside the visible form data.
Will this work with Webflow Logic automations?
Yes. Form submissions trigger Webflow Logic flows with all field data, including hidden attribution fields.
Does it work on Webflow-hosted sites and custom domains?
Yes. AttributionHub works on both webflow.io subdomains and custom domains. The script runs on your site regardless of hosting configuration.
Start Tracking Your Webflow Form Leads
Set up attribution tracking in minutes. See which channels and campaigns drive form submissions on your Webflow site.
Get Started Free