Dynamic Page Text Based on URL Params

Hi! Thanks for the question.

This is possible with Builder! The key is binding to state.location.query.paramName (e.g. if you want the text to be “foo” if ? utm_name=foo is in the URL, bind to state.location.query.utm_name). You can do this in the “Element Data Binding” section located in the “Data” tab.

You can also add a placeholder with state.location.query.utm_name || 'default text!' if you want something else to display if it is not there.

You can also show and hide content on your pages based on params existing or having certain values (e.g. show if state.location.query.someParam or state.location.query.someParam === 'some value'.

I hope this was helpful! If you have any questions, feel free to reach back out!

1 Like