Webflow UTM Generator
Build UTM tracking links for traffic coming to your Webflow website. Track which ads, social posts, and emails actually drive leads through your Webflow forms.
Why You Need UTM Parameters for Your Webflow Site
You've built a beautiful Webflow site. You're running ads, posting on social media, sending emails. Traffic is coming in. But can you tell which of those efforts is actually bringing leads?
Webflow doesn't have built-in campaign tracking. Google Analytics can tell you that traffic came from "facebook.com" or "google", but it can't tell you which specific ad campaign, which social post, or which email brought each visitor. Everything just gets lumped into broad buckets.
UTM parameters fix this. You add small tracking tags to every link pointing to your Webflow site. When someone clicks, GA4 records exactly which campaign, channel, and piece of content brought them. And if you capture UTMs in your Webflow forms (which we'll explain below), you can see which campaigns drive actual form submissions — not just page views.
This matters especially for Webflow users because many Webflow sites are landing pages, portfolios, or client sites where every lead counts. You need to know what's working so you can do more of it.
New to UTM tracking? Our beginner guide to UTM codes explains the basics in plain English.
Where to Use UTM Links with Webflow
Any link that sends someone to your Webflow site from outside should have UTM parameters. Here are the most common scenarios for Webflow users:
Google & Facebook Ads
Running ads that point to your Webflow landing page? Add UTM parameters to the destination URL in your ad platform. You'll see which campaign drives the most form submissions.
?utm_source=google&utm_medium=cpc&utm_campaign=saas_landing_q1_2026&utm_content=search_ad
Social media posts
Sharing your Webflow site on LinkedIn, Twitter, Instagram, or Dribbble? Tag those links. Without UTMs, social traffic just shows up as generic "referral" or "social" in GA4 with no campaign detail.
?utm_source=linkedin&utm_medium=social&utm_campaign=portfolio_share&utm_content=case_study_post
Email campaigns & newsletters
Whether you use Mailchimp, ConvertKit, or any other email tool, every link to your Webflow site should be tagged so you can see which email drives traffic and leads.
?utm_source=newsletter&utm_medium=email&utm_campaign=weekly_digest_mar_2026&utm_content=cta_button
Dribbble & Behance portfolio links
Many Webflow designers share their work on Dribbble and Behance with a link back to the live site. Tag those links to see how much portfolio traffic actually converts into client inquiries.
?utm_source=dribbble&utm_medium=portfolio&utm_campaign=client_site_showcase
Client project handoffs
If you build Webflow sites for clients, set up UTM tracking for their marketing channels as part of the handoff. It's a great value-add that helps clients see which campaigns drive results on the site you built.
?utm_source=facebook&utm_medium=cpc&utm_campaign=client_spring_sale_2026
How to Capture UTM Parameters in Webflow Forms
Seeing UTM data in Google Analytics is useful. But knowing which UTM campaign drove each specific form submission on your Webflow site? That's powerful. Here's how to set it up.
The idea is simple: add hidden fields to your Webflow form, then use a small piece of JavaScript to read UTM values from the URL and fill in those fields. When someone submits the form, the UTM data gets captured alongside their name and email.
Add hidden fields to your form
Open your form in Webflow Designer. Add an Embed element inside the form block. Paste hidden input fields for each UTM parameter you want to capture: utm_source, utm_medium, utm_campaign, utm_term, and utm_content. Set each as type="hidden" with a matching name attribute.
Add JavaScript to read UTM values
Go to your Webflow site's Settings → Custom Code → Footer Code. Add a script that reads the URL parameters using URLSearchParams and fills in the hidden fields. For multi-page forms, store the UTM values in localStorage so they persist when visitors navigate between pages.
Test it
Publish your site. Visit it with UTM parameters in the URL (like ?utm_source=test&utm_medium=test). Submit the form. Check the submission in Webflow's form submissions panel — you should see the UTM values captured alongside the form data.
Send data to your CRM (optional)
Use Webflow's native integrations or Zapier to send form submissions (with UTM data) to your CRM — HubSpot, Salesforce, Pipedrive, a Google Sheet, or whatever you use to manage leads.
Don't want to write JavaScript? Tools like Attributer and HandL UTM Grabber handle UTM capture automatically — just install their script and add hidden fields. They also handle cross-page persistence and cookie storage.
Webflow UTM Best Practices
UTMs go on links pointing TO your Webflow site — not on internal links
Never add UTM parameters to links between pages on your own Webflow site. This creates a new session in GA4 and overwrites the real traffic source. A visitor from a Google ad would suddenly appear as coming from your own site.
Store UTMs in localStorage for multi-page journeys
Visitors often land on one page but fill out a form on another. If you only read UTMs from the URL, you'll lose the data when they navigate. Use localStorage to save UTM values on the first page visit and retrieve them on the form page.
Works with both custom domains and .webflow.io
UTM parameters work regardless of whether your site is on a custom domain or the default .webflow.io staging URL. The tracking is in the URL itself, so the domain doesn't affect it.
Tag your Dribbble and Behance links
If you're a Webflow designer sharing live site links on design platforms, tag them. You'd be surprised how much traffic comes from portfolio showcases — and without UTMs, it all shows up as generic "referral".
Lowercase everything, use underscores
GA4 is case-sensitive. "LinkedIn" and "linkedin" are different sources. Always lowercase. Use underscores instead of spaces. Our UTM best practices guide has the full naming rules.
Webflow UTM Examples
| Scenario | Source | Medium | Campaign |
|---|---|---|---|
| Google Search ad | cpc | landing_page_q1_2026 | |
| Facebook ad | cpc | lead_gen_spring_2026 | |
| LinkedIn organic post | social | case_study_share | |
| Dribbble project link | dribbble | portfolio | saas_redesign_project |
| Email newsletter | newsletter | monthly_update_mar | |
| Product Hunt launch | producthunt | referral | launch_day_2026 |
Webflow UTM FAQ
Does Webflow track UTM parameters automatically?
No. Webflow doesn't have built-in UTM tracking. UTM parameters in your URLs are tracked by Google Analytics (if installed on your site), not by Webflow itself. You can also capture UTMs in Webflow form submissions by adding hidden fields and a small JavaScript snippet.
Do UTM parameters work on .webflow.io staging sites?
Yes. UTM parameters work on any URL regardless of the domain. Whether your site is on a custom domain or the default .webflow.io address, the tracking tags in the URL function the same way.
How do I capture UTM data in Webflow form submissions?
Add hidden input fields to your form (via an Embed element) for each UTM parameter. Then add JavaScript to your site's custom code footer that reads UTM values from the URL and populates the hidden fields. When the form is submitted, the UTM data is captured alongside the lead's contact information.
What if my form is on a different page than the landing page?
Use localStorage to store UTM values when a visitor first arrives. Your JavaScript should check for UTM parameters on every page load, save them if found, and populate hidden form fields from localStorage when a form is present. This way UTM data persists across page navigation.
Should I use UTMs on links inside my Webflow site?
Never. Only add UTM parameters to links from external sources pointing TO your Webflow site. Adding UTMs to internal navigation or buttons creates new sessions in GA4 and overwrites the original traffic source — breaking your attribution data.
Can I send Webflow form UTM data to my CRM?
Yes. Once UTMs are captured in form submissions, use Webflow's native integrations or Zapier to push form data (including UTM fields) to HubSpot, Salesforce, Pipedrive, Google Sheets, or any other CRM. The UTM values flow through just like name and email fields.
Do UTM parameters affect Webflow SEO?
No. Search engines ignore UTM parameters. They don't create duplicate content, don't affect your page rankings, and don't change how your site appears in search results. UTMs are purely for analytics tracking.