Please note that the snippets in this article will only work for pages using the new and improved page generator, the Thor Rendering Engine. We recommend testing the snippet functionality in case your page was created before 2019 or duplicated from an older page, as the two render engines have a different code structure in the backend. To migrate your older pages to the new Thor Rendering Engine, you can contact our support team at firstname.lastname@example.org.
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".
We set it up so that if the visitor selects "Option 1" it will redirect him to our main website https://instapage.com. For "Option 2" we will send him to our Help Center -https://help.instapage.com/hc/en-us and "Option 3" will redirect to this article.
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.
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.
You can see a live example below:
In case you need help with a custom functionality or any code customization that is not provided through our Help Center articles we have an Implementation Services team that can help our Converting users. The Converting Solution includes Implementation Services as well as additional features and services that can be seen here: https://instapage.com/enterprise-benefits