In Webflow I had a system that catched automatically the UTM marketing parameters from the URL (source, medium, campaign, term, content) when a user submitted a form.
The UTM parameters look like this as a tracking string:
?utm_source=linkedin&utm_medium=organic&utm_campaign=spring-2025&utm_term=keyword&utm_content=conversion-element
This string get attached to the base URL:
https://example.com?utm_source=linkedin&utm_medium=organic………
These parameters were automatically synced to Airtable/Google Sheet/CRM to see from which marketing campaign/channel/etc a new lead/client came from. Later in-depth analysis, statistics, calculations happened to see how profitable campaigns where and how to maximize conversions top to bottom of the funnel. Without this feature a real full funnel analysis is not possible.
How can this be implemented in Webstudio? I tried a bit, but couldn't bring it to work. I guess you guys are pros at it and it's a simple thing. Development is normally not my profession, more design and strategy and to make marketing profitable… so excuse me the noob question from a dev perspective.
I researched and found one thread "
Get UTM parameters in the URL" but it was a dead end. The documention of
Data Variables looked also promising, but didn't give an exact answer.
I know it should look something like this in the form field with an embed HTML in the form box
<input type="hidden" name="Source" value="utm_source">
(each hidden input for each utm param)It would probably also need a JS in the head
If we find an answer I think it makes sense to create a tutorial for it. Marketing analytics is for some performance marketers important (and I am building landing pages with Webstudio super fast now after working two weeks non-stop with it – so I will definitely recommend it to all my colleagues and clients).