How to add an attribute:

close icon
Hey! Give us some feedback here.
Functional
Coming soon

Query Param

Use query parameter values to populate form inputs and text elements.

Query Param
Step #2

Implement in Webflow

Apply attributes to elements on the page

Below is a list of elements and options that are used to create this Attributes functionality. Click any of them to see more details.

navigator arrow
Get Query Param Value
I want to add the value of the query param to this
div block icon

Text Block, Heading, Paragraph

Or
form icon

Form Input

See how it works
see webflow attributes
Add this attribute
Description
Name
fs-queryparam-name
copy icon
Value
name
copy icon
This attribute returns the value of the param. Set the attribute on a text element or input that you want to receive the param value.

For example, our URL with query parameter is
https://finsweet.com/?utm_medium=Twitter

Placing fs-queryparam-name = "utm_medium" on a text element will update the content of the text element to "Twitter".

Placing fs-queryparam-name = "utm_medium" on a form input will update the value of the input to "Twitter". Use on native Webflow Input or hidden input inside an Embed Block.
navigator arrow
Option
Remove query
I want to immediately remove the query params from the URL after the page has loaded.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-queryparam-removequery
copy icon
Value
true
copy icon
Use this option to immediately remove the query from the browser.

https://finsweet.com/?utm_medium=Twitter&utm_campaign=SeriesA
will update to
https://finsweet.com/
very quickly after page load.

Useful for having a "clean" URL while taking advantage of query parameters.
Where?
Add to an element with fs-queryparam-name = "name".

This option can only be set once per page.

Working examples

See this solution working live in this Webflow project.

Example 1
"Twitter" in form input and text content
Copy and paste this example directly on Webflow
locked icon
Coming soon

Developer documentation

external link icon

Next time implement inside Webflow

external link icon

Need help? Use the Automated Support Service

Subscribe

Sign up for future releases!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.