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!
Note: The code above doesn't work for sending parameters through Text Area, 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: