To make your flow even more dynamic, you can pass information to your flow from the URL and use them throughout your flow via variables, such as personalization with names, IDs, sources of where the customer came from, etc.
🔎 Also, check out our help articles about URL/UTM parameters in general. If you're looking for more information on how to pass parameters to a URL from your heyflow, take a look here.
Example: Name
For example, you might already know the name of your visitor. Continuing the example, we assume the variable is called firstname.
To pass values to your flow via the URL, you can simply type a question mark ? after the flow ID followed by the variable name, an equal sign =, and the value.
For example, the following URL passes the variable firstname with the value Greta to our flow: https://heyflow.id/flow-id?firstname=Greta
Since firstname is defined as the variable for the input field, the value is automatically inserted.
❗ Important: URL Parameters must be added after the heyflow ID and before the #screen.
✅ Correct: heyflow.id/my-flow-id?name=Greta&[email protected]#screen
❌ Wrong: heyflow.id/my-flow-id#screen?name=Greta&[email protected]
🔎 When you want to pass multiple parameters to your flow, you can easily do so by inserting & between the parameters, e.g.
https://heyflow.id/myflowid?firstname=@firstname&email=@email
or with a custom domain:
https://yourdomain.com?firstname=@firstname&email=@email
Pass hidden values
You might also want to pass values that are internal and should not be shown to the user – but still included in the response that you receive via email or another response handler. To achieve this, you set up the input and variable in the same manner as above and simply hide the block.
For example, you might know the email address to identify the user. You can create an input field with the variable email and hide the block. This way, the value will not be shown to the user, but it will be included in the response to you.
Here, too, you can pass the value as a variable to your flow as a URL parameter like this: [email protected]
