Send form submissions as parameters through the URL

NOTE: The code in this article is for passing form submission values through the URL. If you are looking to pass existing URL parameters through a redirect, we have a native feature for that, as seen here: https://d.pr/wZw6gh 

 

In this article, you will learn how to send the information captured through a form on your landing page to the URL your visitors are redirected to.

1. Create your form and redirect it to the outside URL;

Screenshot_on_2023-02-27_at_11-51-44.png

NOTE: It is mandatory to set the redirect as an outside URL in order for this to work, even if the page is an Instapage page.

2. Add the following code in Settings > Javascript, footer section of your landing 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.

3. Replace the first three pieces of highlighted text in the image below with the names of your own form fields and the last three with the names of the parameters you want to have in the URL. The last three do not have to match the names of the fields, these are the parameters you want to use in the URL.

image showing how to edit the UTM parameter code snippet

Note: The code above doesn't work for sending parameters through Text Area, Radio Button, Checkbox, and Dropdown field types.

If you also want to pass parameters appended to the URL, not only the ones related to the visitor submitting the form, you can enable the Pass URL param toggle as seen here: https://d.pr/l5NzMf

In case you need help with 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.