One hidden but powerful feature is the URL redirection with parameters. This can be used to pass information to another website, which the user has previously filled in a flow.
You can use this feature for multiple use cases, e.g. when redirecting your lead to a thank-you page on your website which you want to personalize with their names. Also, it is often used when redirect to a calendar, so the user doesn't have to fill their data twice.
Let's have a look how this can be achieved with Heyflow!
🔎 You're looking for more information on how to pass parameters from a URL to your heyflow? Take a look here.
Set Up
In the following example, we have asked our visitor for their name and want to redirect to our website and pass this information along.
Make sure, you have set up the variable, in our case e.g.
fname, correctly in the block, which value you want to pass on. Click here for more information on how to set up a variable.Add a link or universal button and set the navigation to redirect. You can also set the second action in a submit button to redirect. Learn all about our buttons here.
Insert your link, e.g.
https://heyflow.comand add a?Now insert the parameter you website can read, e.g.
firstnameMatching it with the variable from your flow, you simply need to insert
=@yourvariable, so in our example=@fnameYour final link looks now like this
https://heyflow.com?firstname=@fname
🔎 So, in general when redirecting with parameters from the flow, the URL looks like this: https://yourdomain.com?parameter=@flowvariable
When the user clicks the button and the values for the variables are given, the button will redirect to, e.g., https://heyflow.com?firstname=Laura.
🔎 When you want to pass multiple parameters from your flow, you can easily do so by inserting & between the parameters, e.g.
https://heyflow.com?firstname=@firstname&email=@email
❗ Important: If a variable in the redirect URL has no value, it can be removed entirely, including the prefixed "&term=".
Example: HubSpot Calendar
You want to redirect to your HubSpot calendar, so the user can book a meeting directly after filling out all necessary information in the flow? But you don't want the user to drop off due having to fill it out twice?
We can prefill the necessary inputs with variables and pass them through the URL!
Start with inserting your variables in your flow. In order to map the values from your flow with the parameters from HubSpot, you need to check the internal name for each property in HubSpot. You simply go to your properties, search for the ones used in your calendar, like e.g. email, click on edit and </> to show the internal name.
Now you simply need to add these parameters to your HubSpot meeting URL and insert it in Heyflow in a redirect like this:
https://meetings.hubspot.com/yourmeetinglink?firstname=@firstnamevariable&lastname=@lastnamevariable&email=@emailvariable
❗ Note: Every tool has different internal names for their properties and values, so make sure to check those before redirecting to another calendar or tool.