Send parameters through the URL after form submission

In this article you will learn how to send the information, that was 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;

1.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 -> HTML/CSS, Header section of your landing page:

<script>
window.instapageFormSubmitSuccess = function( form )
{
// get values from form fields

var param1 = window.__page_generator ? $( form ).find( 'input[name="'+ 'Name' +'"]').val() : $( form ).find( 'input[name="'+ base64_encode( 'Name' ) +'"]').val(); 
var param2 = window.__page_generator ? $( form ).find( 'input[name="'+ 'Email' +'"]').val() : $( form ).find( 'input[name="'+ base64_encode( 'Email' ) +'"]').val();
var param3 = window.__page_generator ? $( form ).find( 'input[name="'+ 'Company' +'"]').val() : $( form ).find( 'input[name="'+ base64_encode( 'Company' ) +'"]').val();

// Get the actual redirect url

var redirect_url = ijQuery( form ).find( 'input[name="redirect"]' ).val();

// Amend redirect url in form by adding fields from form

$( form ).find( 'input[name="redirect"]' ).val( redirect_url + '?name='+ param1 + '&email='+ param2 + '&company=' + param3);
}
</script>

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.

urlparams2.png

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

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 team that can help our Enterprise users. The Enterprise Solution includes Implementation services as well as additional features and services that can be seen here: https://instapage.com/enterprise-benefits