Redirect to a different page depending on the dropdown option selected

In this example, we created a dropdown in the form called "My Dropdown", and we added three options: "Option 1", "Option 2" and "Option 3".

Screenshot_on_2023-03-01_at_15-21-04.png
We set it up so that if the visitors select "Option 1" it will redirect them to our main website https://instapage.com. For "Option 2" we will send them to our Help Center -https://help.instapage.com/hc/en-us and "Option 3" will redirect to this article.

This is the code that you will need to add to Page settings -> JavaScript, Head section:

You will need to change the names "Option 1", "Option 2" and "Option 3" with your drop-down fields' names and the URLs with the ones you want these fields to redirect to in your case. You will also need to change "My Dropdown" to the name of your actual field.

Make sure to include the procotol (https://) for all of the URLs. Example: use https://www.instapage.com, not just www.instapage.com. 

If you need to add more lines to the code because your dropdown has more than three options, put a comma after each one except for the last line before the closing parentheses. 

Just keep in mind you also need to set a default redirect to one of the URLs you will add in the code. Click on the form, select Edit, then go to Submission, select Outside URL, and enter your URL.

Screenshot_on_2023-03-01_at_15-23-10.png

NOTE: It is mandatory to set the default redirect as an outside URL in order for this to work, even if the page is an Instapage page.
NOTE: The "instapageFormSubmitSuccess" function can only be present on the page once, regardless of how many forms you have or how many actions you want to trigger after form submission. In case you have multiple snippets that need to fire after form submission, you must add all of them under the same Form Submit Callback function. If the snippets are not added under the same Form Submit Callback script, only the last function in the source code will be triggered.

You can see a live example here: https://d.pr/xRNEtV. 

In case you need help with a custom functionality or any code customization that is not provided through our Help Center articles we have a Professional Services team that can help our Convert users. The Convert plan includes Professional Services as well as additional features and services that can be seen here: https://instapage.com/convert-benefits