Oli Gardner
posted this on October 21, 2010 10:01 pm
Yes. To set up your form to redirect to another page after the button is clicked follow these steps:
1. Click on one of the form fields in your form (not the button) - to "select" the form
2. In the properties panel on the right-hand side select "Go to URL" from the drop-down menu for "Form Confirmation"
3. Enter the URL of your destination page in the text field provided
Comments
Can you pass the fields to the next URL with a get (e.g. first_name=abcd)?
Hi Photis, unfortunately you can't pass the field params along (yet) but we've had this request a few times so we'll be looking at making this possible. That being said, we do have a method for POSTing your form to another URL. If your confirmation page was hosted by you and able to read POST vars then you should be able to accomplish what you're looking for. Read about the POST to URL method here...
Carter,
Thanks a lot for the response. This definitely makes sense.
The main reason I ask is because I'm creating a two part form, and it would be REALLY easy with the way you guys have implemented the default URL vars and to put them into a hidden field in the second Unbounce page (e.g. have a field called foo_bar that's filled out on the first page, then have a hidden one called foo_bar on the second that gets the value passed in via URL).
For now, I can do a custom form on the first page that goes into your second page. Just thought that would be a cool way to do multiple page forms.
Photis
Ahh ya that makes sense. Multi-step forms is what a number of users have requested, so we'll tackle it soon hopefully. I'll let you know (with an update to this thread) when a solution is available.
this method is not working for me...
Hi Pablo,
Can you explain what it is that isn't working for you? (The redirect or the URL parameters).
Thanks
Hi Oli,
thanks for the response. Yeah, sorry for not being specific. After a bunch of hours testing and researching how to do this yesterday, found out that:
The redirect is working fine, and using postbin.org shows that the POST variables are indeed being passed along... I have my thankyou page set up as a Wordpress page, and I installed plugins there to help me execute php code to extract the variables. But they are always empty in my case.
Is it possible to show a confirmation box AND redirect to another webpage?
@Pablo: Sorry it's not working for you, what wordpress plugin are you using? It sounds like everything is working as expected on the Unbounce side, but let us know if there's anything we can do to help.
@Scott: Did you want the confirmation to show and then redirect after a certain period of time?
Hi Carter - yes, exactly (confirmation & then redirect after a period of time). The goal would be to save on creating a Thank You page.
Hi Scott, you should be able to accomplish this with a little bit of javascript. Copy and paste the following snippet into the "Scripts" section of your Confirmation Dialog page (make sure this tab is selected when you're in the editor). Set the "Placement" to "Head".
You can adjust the time delay in milliseconds (so right now the 2000 is 2 seconds) and obviously change the URL from unbounce.com to your own destination URL. Let me know if that works for you!
That's fantastic. Thanks so much for your help Carter. It worked like a charm!
No worries, glad it helped! If enough people find it useful maybe we'll work it in as a core feature.
I want to link in a form submission to an https page essentially ties in on my landing page. That secure page has a submission confirmation page setup. Anyway possible for me to link my existing submit page with the unbounce landing page so that the new landing page operates in the same manner ? (I want the form on the unbounce page to be plugged in to execute the backend code on my app)
Hello Anubhav
If I understand correctly, right now you have some script on the submission confirmation page of your https page that you want implemented in Unbounce. If this is the case, it should just be a matter of pasting the script you want executed into the 'JS Scripts' dialog box on the 'Form Confirmation Dialog' tab of the editor. If I'm mistaken, or if you need any further assistance, just send us an email at support@unbounce.com and we'll see if we can figure this out.
Hi Carter, any luck on that multi step form yet?
Hey Duncan, unfortunately no we haven't gotten to implement multi-step forms yet, although it would be possible with a little scripting. Do you have access to host a PHP script on your side? If so I will write an article about how to accomplish it with a few "hacks" so to speak.
Ok, so I went ahead and wrote up an article for how to hook up two (or more) landing pages with forms to be a multi-step form, you can read it here. Hope that helps!
Are these instructions still accurate? I am looking all over my form and can't find anywhere to set the destination URL
Under Properties Panel I see Geometry/ Border Properties/ Background Properties. No sign of "Go To URL".
Hi Kris - it sounds like you just need to select your form. If you click anywhere within your form (other than the button) you should see the other options show up in the properties pane.
Hi Guys, I tried the form confirmation that is there by default, I tried a separate URL, but after hitting the button it goes blank, the information is collected, but the message does not come up at all, any help please?
Hi Guys,
I am unable to get the thank you page linked to the landing page. I have already added the url into the field and published(and republished) the page, however when I refresh the page and resubmit the form it still shows the "show form confirmation dialogue box"....
Can any one tell me why? I have also tried adding in other urls for testing like google etc.. still the same outcome!
Hope this is enough info!
To follow on my previous comment. I believe the cache on your side is a bit slow and is not caching correctly.
I say this because now that I have tried a different url, it is now displaying my google test url from the previous test. I hope this makes sense.
Can any one shed some more light into this please?
Sorry for the spam...
It is working now. After many forced refreshes. (Ctrl+f5) =)
Is there a new method for Redirect. It's not working for me.
Mohamed - this is your best bet to send users to another URL after they submit the form. There are no known issues with the feature so you could email support@unbounce.com with a link to your page so we can double check your page's set up?
@Carter @Scott
Thanks for asking/answering this question on here! Exactly what I was looking for. Has something been developed to make this easier yet?
:::::::
Hi Scott, you should be able to accomplish this with a little bit of javascript. Copy and paste the following snippet into the "Scripts" section of your Confirmation Dialog page (make sure this tab is selected when you're in the editor). Set the "Placement" to "Head".
You can adjust the time delay in milliseconds (so right now the 2000 is 2 seconds) and obviously change the URL from unbounce.com to your own destination URL. Let me know if that works for you!
@Diana - Instead of showing your visitors the confirmation dialog, you can easily send them to any webpage you choose. Would that work for you? The solution listed above (with the redirect) is really just intended for people who want to show the confirmation dialog *and* redirect to another page.