Read UTM values from url and post as static text

Design help Custom code
1

Hi there,

we use an embedded booking system on our website. When the booking is done, the system sends the client to our own confirmation page and adds utm parameters to the url. Would it be possible to read certain parameters from that url and display them to the client on the confirmation page? that would be more personal and professional.

This is the url with the utm parameters:


https://www.melagence.com/confirmation?utm_source=&utm_medium=&utm_campaign=&utm_content=&utm_term=&booking_id=ME-00034&workspace_uuid=165947000000026018&workspace_name=melagence&assigned_to=Benjamin%20H%C3%B6hner&service_uuid=165947000000348008&service_name=Barena%20Venezia%20%40%20Paris&customer_name=Teststore&customer_first_name=Benjamin&customer_last_name=H%C3%B6hner&customer_contact_no=null&customer_email=user@email.com&First_Name=Benjamin&Last_Name=Hoehner&Season=&booking_start_time=2024-06-20T09:00:00Z&booking_end_time=2024-06-20T10:00:00Z&booking_cost=0&booking_cost_paid=0&booking_currency=EUR

Thanks a lot for your support!!

Here is my site Read-Only: Webflow - Melagence
(how to share your site Read-Only link)

2

Hi Benjamin,

Normally I write custom code to do this, because I want to make decisions and format data that’s on the querystring.

However if you simply want to display the value on the page, you could use my SA5 data lib, which offers data binding from the querystring, cookies, webStorage, URL parts, etc.

e.g. you could data-bind the service name by dropping a text element on the page, and give it the custom attribute wfu-bind = ?service_name.

Here’s a demo

https://url-tracking.webflow.io/query

And the docs

3

Hi Michael, thanks a lot for your help! that worked perfectly well!!

1 Like