How to use url query variables for dynamic content

Urls are very powerful for locating and linking, but they can also optionally contain data that a page can use. These are called url parameters and look like:

https://www.mysite.com/test?key=value

You can leverage these in Framer using an override

This is a simple example that sets the text value from a key in the url:

https://gist.github.com/koenbok/f0f1fd8bb1da55657c0c54dd21380d68

Now apply this to a text element (or anything else) and you can add ?key=test to the url and you’ll see the value in the page update dynamically.