Querystrings

Make the most of querystrings in Webflow.

View the Demos
DEMO #1

Data-binding to query params

Welcome, guest!

In this demo, the querystring keys name, code, color and accept are bound to form fields and text content in this page.

Click the links below to set the querystring values, or type your own into the querystring.
Test Query #1
?code=ID6079&name=Trial+User+1&color=blue&accept=true
Test Query #2
?name=Test+User
Add this to your Site
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Hi, guest!

This section demonstrated content-binding using both elements and templates.

The bolded name above is data-bound using wfu-bind, and the template below also includes elements which are highlighted in bold.

Hey {{ ?name }} your access code is {{ ?code }}. We've heard that you like the color {{ ?color }}.

To test this, click the buttons at right, which have some pre-configured querystrings- or simply edit the query string yourself.