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;
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.
And that's it!
Note: The code above doesn't work for sending parameters through Text Area, Radio Button, Checkbox and Dropdown field types.
You can see a live example below and you can download an example page if you want to use it on your account:
