Unbounce Answers/FAQ/Page Builder - Basics

How do I POST my form results to another URL after it's been submitted?

Carter Gilchrist
posted this on November 24, 2010 01:34 PM

  1. Open up your page in the editor
  2. Select the form on the page and in the properties panel on the right, choose "POST form data to a URL" for the Confirmation dropdown menu like this:

    post_form_data.png

  3. Enter the URL that you would like the form to post to when the user submits it (i.e. http://www.cheapcows.com/formpost.php)
  4. Save your page and re-publish it.


That's it! After your user submits the form (and we capture the lead and conversion goal), we'll POST the results and forward the user to the URL that you supplied.

 

Comments

User photo
Pablo Ambram

Thanks for the info. Can you also post a tutorial to capture this POST information on the other page and how to use it? Thanks

February 27, 2011 08:49 AM
User photo
Pablo Ambram

it's not really working for me

February 27, 2011 03:35 PM
User photo
Carter Gilchrist
Unbounce

Hi Pable - I saw your comment over in this thread and it looks like the issue is something on your side with wordpress and the PHP plugin you're using. If there's something funky happening on our side, please let me know and I'll work with you to fix it. Thanks!

As for your first comment, a tutorial for that would really depend on the environment your destination page is in. Since you're working in PHP - here's a pretty straight forward article about capturing POST variables from a form. Hopefully that helps a little.

February 28, 2011 12:20 PM
User photo
Michael Bodekaer

Would confirmAction = "get"; work as well?

August 05, 2011 12:28 AM
User photo
Carter Gilchrist
Unbounce

Unfortunately not yet Michael. When we incorporate this into the core editor, I'll be sure to add sending the form values as a GET request to the list.

August 05, 2011 02:55 PM
User photo
Andrew Menzies

Does anyone have an example for capturing POST variables from one Unbounce Form into another? We want to create a multi-page form using purely Unbounce.

September 20, 2011 09:51 PM
User photo
Carter Gilchrist
Unbounce

Hi James, take a look at the article How to set up a multi-step form - hopefully that helps you accomplish what you're trying to do. It requires hosting a little PHP script on your side, but I believe it can be accomplished with just some javascript too (we'll add documentation for that in the next day or two.)

September 20, 2011 11:06 PM
User photo
Jeff Peoples

>> Would confirmAction = "get"; work as well?

I could also use this so I can grab the user's information on an html page using jQuery to personalize messaging.

What is the estimated release date for this feature?

 

October 06, 2011 10:43 AM
User photo
Justin Stacey
Unbounce

Hi Jeff and Michael,

We have developed a similar work around now for sending form values as URL parameters if the forms confirmation is set to "Go to another web page". Similar to the POST feature above it involves adding some javascript. Just add the following script:

Code removed [deprecated].  See below for proper implementation.

As to when this feature will be built into the product, all I can really say is that it is on our product development roadmap, however it is currently superseded by higher priority items. We normally do not speculate on release dates for features that are not already well under development since our priorities may change based on customer demand. That being said this is a relatively straight forward feature to add so it will probably make its way in sooner rather than later.

 hope this helps

Justin 

note: We're glad to say this is now a built in feature!  See How Do I Post my Form Results to Another URL After it's been Submitted for the proper implementation. 

October 06, 2011 05:00 PM
User photo
Jeff Peoples

Justin,

Just implemented it and it works great. Thanks for your prompt attention to this matter.

October 10, 2011 12:58 PM
User photo
Aaron Eden

Justin,

Do you happen to have another version of this jQuery script that would POST the form to a second URL rather than using GET?   I've been trying to hack your script apart, but it appears my jQuery skills are just not strong enough.  Any help would be appreciated.

--- Here is my non-working script ---

<script>
/* attach a submit handler to the form */
jQuery(document).ready(function() {
jQuery('#'+window.module.lp.form).submit(function(event) {

/* stop form from submitting normally */
event.preventDefault();

/* get some values from elements on the page: */
var $form = jQuery( this ),
url = 'http://208.72.154.212/widgetapi.0.1.php';

/* Send the data using post and put the results in a div */
jQuery.post( url, { $form.serialize() },
function( data ) {
var content = jQuery(data).find('#content');
// jQuery("#result").empty().append( content );
alert(content);
}
);
});

});
</script>

October 22, 2011 12:55 PM
User photo
Justin Stacey
Unbounce

Aaron,

Sorry for the late response on this. 

I am not entirely clear on what you want to achieve. Doesn't the solution at the very beginning of this post achieve what you describe?

Justin

November 02, 2011 03:22 PM
User photo
Carter Gilchrist
Unbounce

Hey guys,
We've just recently deployed new improvements to the form confirmation options inside the editor. The original custom script hack in this post is no longer needed, and you can now do a few useful things straight from the properties panel in the editor, such as:

  1. Append form data as "GET" params to a URL if "Go to another webpage" is your preferred confirmation action. So if your URL is "http://yoursite.com/thankyou" then we will redirect your visitor to "http://yoursite.com/thankyou?first_name=Joe&email=joe@acme.com..."
  2. POST form data to a URL by just selecting this option from the "Confirmation" option in the properties panel. You can get rid of the custom script snippet that you've previously used to accomplish this. 
  3. Show form Confirmation Dialog now gets the form params included as GET params. Here's a bit of documentation to help explain how this works, and why it's useful. 
I'll be changing the original post here to reflect the recent changes.

Cheers! 
March 05, 2012 04:34 PM
User photo
Kevin Dufficy

Hi Carter Gilchrist,

               Can we send data by post method from one form to other form to setting up a multi-step Form.
         Or Can we use POST form data to a URL  option to setting up a multi-step Form If yes please explain how can we fetch data on other form using POST form data to a URL method.  

 As  i have implemented the Option Go to another web page but it send data with GET Method to other Form.
As we know that any one can change parameters values by changing the URL parameters.
Plz help me as i don't want to send data By GET method as it's no a secure method.
Thanks...

July 18, 2014 12:03 AM
User photo
Quinn Omori
Unbounce

Hi Kevin - while you can POST form data to a particular URL, there's nothing on your Unbounce page that can capture that POST data.

Sending via URL parameters isn't secure, but for most data, this shouldn't be an issue--what sorts of fields are you passing from form to form?

July 18, 2014 10:23 AM
User photo
Kevin Dufficy

safari disabled buttons in form if we go back from one form to previous then button of previous form disabled can we set it enable?
Please help me ASAP. thaks

 

July 26, 2014 04:52 AM
User photo
Quinn Omori
Unbounce

Hi Kevin - I've opened up a ticket so we can take a look at this for you. Please look out for my email.

July 28, 2014 10:21 AM