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).

As mentioned by @Oleg Isonen on Github I created the workaround for a redirect of a webhook form.

→ So I added an HTML embed inside the webhook form's success box with this code (and changing it to my path).

<script> location.href = '/whatever' </script>

This worked great for a static link/slug/redirect.

Now I wanted to make it dynamic based on the Slug in AirTable (think redirection based on a specific product for example).

In the Webstudio University its documented how to create dynamic links for the filtering of the Airtable data by the slug (which worked perfectly).

https://example.com?filterByFormula={YOUR_COLUMN_NAME}="${system.params.YOUR_DYNAMIC_PATH}"


Now I wanted to do the same (creating a dynamic URL with the slug) and add it into Oleg's workaround code mentioned above (inside of an HTML embed in the success box of the webhook form).

It always says: "Unexpected token".

I guess it doesn't work the same way because the Airtable integration in the Variables panel is based on JSON and the embed on HTML?
I tried every method that came to mind (and from ChatGPT)… still doesn't work.

Does anyone has an idea? Any solution is much appreciated since this is a core part of my next project I am working on right now.