Functional
Coming soon
Query Param
Use query parameter values to populate form inputs and text elements.
Get Started
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.
Get Query Param Value
I want to add the value of the query param to this
Text Block, Heading, Paragraph
Or
Form Input
See how it works
Add this attribute
Description
Name
fs-queryparam-name
Value
name
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.
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.
Option
Remove query
I want to immediately remove the query params from the URL after the page has loaded.
See how it works
Add this attribute
Description
Name
fs-queryparam-removequery
Value
true
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.
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.
This option can only be set once per page.
Developer documentation
Check the dev documentation
Next time implement inside Webflow
Use Finsweet Extension
