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;

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.

And that's it!

You can see a live example below:

Live Example