Unbounce Answers/FAQ/Page Builder - Basics

How do I redirect to another page after form submit?

Oli Gardner
posted this on October 21, 2010 10:01 PM

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

User photo
Photis Patriotis

Can you pass the fields to the next URL with a get (e.g. first_name=abcd)?

February 07, 2011 12:46 PM
User photo
Carter Gilchrist
Unbounce

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...

February 07, 2011 06:06 PM
User photo
Photis Patriotis

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

February 07, 2011 07:09 PM
User photo
Carter Gilchrist
Unbounce

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.

February 07, 2011 07:17 PM
User photo
Pablo Ambram

this method is not working for me...

February 27, 2011 03:34 PM
User photo
Oli Gardner
Unbounce

Hi Pablo,

Can you explain what it is that isn't working for you? (The redirect or the URL parameters).

Thanks

February 28, 2011 12:32 AM
User photo
Pablo Ambram

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.

 

February 28, 2011 02:41 AM
User photo
Scott Wormington

Is it possible to show a confirmation box AND redirect to another webpage?

February 28, 2011 10:55 AM
User photo
Carter Gilchrist
Unbounce

@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?

February 28, 2011 10:59 AM
User photo
Scott Wormington

Hi Carter - yes, exactly (confirmation & then redirect after a period of time). The goal would be to save on creating a Thank You page.

February 28, 2011 11:19 AM
User photo
Carter Gilchrist
Unbounce

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".

<script type="text/javascript" charset="utf-8">
  window.setTimeout(function() {
    parent.location = "http://unbounce.com";
  }, 2000);
</script>

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!

February 28, 2011 12:13 PM
User photo
Scott Wormington

That's fantastic. Thanks so much for your help Carter. It worked like a charm!

February 28, 2011 04:29 PM
User photo
Carter Gilchrist
Unbounce

No worries, glad it helped! If enough people find it useful maybe we'll work it in as a core feature.

February 28, 2011 04:42 PM
User photo
Anubhav Mehrotra

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)

July 01, 2011 08:48 AM
User photo
Ryan Engley
Unbounce

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.

July 05, 2011 05:09 PM
User photo
Duncan Gledhill

Hi Carter, any luck on that multi step form yet?

July 13, 2011 09:06 AM
User photo
Carter Gilchrist
Unbounce

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.

July 14, 2011 10:28 PM
User photo
Carter Gilchrist
Unbounce
July 15, 2011 12:04 AM
User photo
Kris Neese

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".

August 17, 2011 04:27 PM
User photo
Ryan Engley
Unbounce

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.

August 17, 2011 04:51 PM
User photo
Marketing Communications

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?

October 06, 2011 07:16 PM
User photo
Fred Lowe

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!

February 27, 2012 05:31 AM
User photo
Fred Lowe

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?

February 27, 2012 05:48 AM
User photo
Fred Lowe

Sorry for the spam...

 

It is working now. After many forced refreshes. (Ctrl+f5) =)

February 27, 2012 05:51 AM
User photo
Mohamed Hersi

Is there a new method for Redirect. It's not working for me.

November 16, 2012 08:28 AM
User photo
Ryan Engley
Unbounce

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?

November 16, 2012 10:43 AM
User photo
Diana Carpenter

@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".

<script type="text/javascript" charset="utf-8">
  window.setTimeout(function() {
    parent.location = "http://unbounce.com";
  }, 2000);
</script>

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!

April 25, 2013 10:32 AM
User photo
Ryan Engley
Unbounce

@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.

April 25, 2013 03:06 PM
User photo
David Datny

Hi Guys,
Can I add the form data to URL?
For example :Lets say I want to build a search box for flickr.com/photos - I want a user to be able to enter a value (YOYO), press submit and get redirected to www.flickr.com/photos/YOYO.
Is this possible?

October 20, 2013 04:16 AM
User photo
Ryan Engley
Unbounce

Hey David - you sure can. You just need to post your form results to the URL as shown here.

October 21, 2013 04:08 PM
User photo
Brian Carrozzi

has a solution been implemented to allow for multi page lead generation flows?

Page 1 - hosted on unbounce links to Page 2 - hosted on unbounce

November 23, 2013 12:05 PM
User photo
Lou Sturm
Unbounce

Hey Brian - You can definitely link to another page that was built and hosted with Unbounce. The link could be a form redirect, button click, image click, or text click. You'd create your second Unbounce page, and publish it. Then, copy the second page's published URL, go into the first page, and set the link for the second page. That's it. Hope that helps!

 

November 25, 2013 12:21 PM
User photo
Beth Van Helden

I would like to point the visitor to an HTML page AFTER they submit the form. I have tried the redirect instructions given but I am not being redirected to my page in the form preview mode. All that happens is the Download button greys out. 

February 07, 2014 01:15 PM
User photo
Lou Sturm
Unbounce

Hey Beth - sorry to hear you're having some trouble. This is going to take some digging in so I've opened up a support ticket for you. Check your email. I'll be sure to update this thread too with our findings!

February 07, 2014 01:40 PM
User photo
rawan alajarmeh

plz.... need help

my problem is how to get data from unbounce form and set it into WordPress as form

February 11, 2014 10:24 PM
User photo
Lou Sturm
Unbounce

Hey Rawan - Unbounce doesn't have a direct integration with Wordpress. That being said, depending on your sales funnel and use case there may be a couple of ways to send data to Wordpress. Check your email! I've opened up a support ticket so I can ask a few questions.

February 11, 2014 10:28 PM
User photo
rawan alajarmeh

ok...well

February 11, 2014 11:11 PM
User photo
rawan alajarmeh

Hey ,,,

could you help me to design form like yr page (unbounce ) sing up page ... plz :)

 

Thank You In Advance

March 23, 2014 01:21 AM
User photo
Lou Sturm
Unbounce

Hey Rawan if you're having some trouble building your form please feel free to shoot us an email at support@unbounce.com, we'll be sure to help! Alternatively, if you'd like someone to build and design your landing pages for you, we partner with some fantastic designers. Brendan and Brendan do excellent work, you can check them out here. Hope that helps!

March 24, 2014 12:19 PM
User photo
Johnny Opao
Unbounce

Hey Rawan - Jeff also responded to your support ticket about the same question.  

As Jeff mentioned our pricing page (http://go.unbounce.com/pricing/) has been heavily customized for our branding and needs. However, we do have several templates that do offer a pricing grid like ours. If you click 'Create a new page' within Unbounce, I'd suggest that you try the following templates:

- product launch minimalist 
- optio desktop 
- airstream product

Whichever template you choose, you can easily customize it using our drag and drop page builder. So, it shouldn't be too difficult to achieve what you want!

March 24, 2014 12:21 PM
User photo
Siobhan Quinn

3 years ago you mentioned multi level forms were hopefully coming soon. That's exactly what I want. Is there any progress? 

May 26, 2014 07:54 AM
User photo
Quinn Omori
Unbounce

Hi Siobhan - you can now create multi-step forms across multiple pages. The set-up isn't entirely automated, but we've got a guide to getting everything up and running here: http://support.unbounce.com/entries/20279381-Setting-Up-a-Multi-Ste...

May 26, 2014 11:34 AM
User photo
Chris Gaffney

I have a two-part drop down form and I want to redirect the user to one page if they choose the first drop down, and to a different page if they choose the second drop down. How do I do this? Right now it looks like anyone who fills out the form goes to the same page

May 30, 2014 08:17 AM
User photo
Lou Sturm
Unbounce

Hey Chris - Unbounce doesn't currently offer conditional logic (if this, then that) on our forms. If this is super important, I'd recommend using our partner 123ContactForm. You could embed their form on your Unbounce page via our Custom HTML Widget. The cool thing about them is they use our API, so conversions  and leads are still tracked in Unbounce. Hope that helps!

May 30, 2014 09:27 AM
User photo
Nik D

For some reason, the redirect isn't working for me, even though I've selected to redirect to another page upon form submission and provided the appropriate URL of the page I want to redirect to. I tested it myself and I got the Thank You dialog box displayed to me after submitting the form.

June 06, 2014 01:17 AM
User photo
Johnny Opao
Unbounce

Hey Nik -  Just send you an email now so we can dig into this further. If you don't see my email you can send one directly to support@unbounce.com

June 06, 2014 09:48 AM
User photo
Daniel Riccio

@Lou - I'm kinda new at this and just kicking the tires at this point, but if we send the user directly to our self-hosted thank you page, will we still be able to see Unbounce conversion analytics for the form submission? Or, is that collected only if they hit the Unbounce thank you page?  

August 01, 2014 02:26 PM
User photo
Lou Sturm
Unbounce

@Daniel!

It depends on how you've set up your conversion goal! If you've set your conversion goal as the form submission in Unbounce we'll track the form submission as a conversion, regardless of whether or not your thank you page is hosted externally.

Alternatively, if you want the conversion goal to be the Thank You Page (and it's hosted outside of Unbounce) I'd recommend using our External Conversion Tracking Script.

Hope that helps Daniel, as a new "tire kicker "let me know if you have any additional questions!

August 01, 2014 03:12 PM
User photo
Maxime Seligman

Hi, i need to redirect from the confirmation lightbox to my website because my facebook tracking code is there and i can't passover this step.

 

How can i make a redirection after few seconds on the confirmation page ?

December 10, 2014 12:19 AM
User photo
Quinn Omori
Unbounce

Hi Maxime - adding this to the Javascript panel (in the head) of your form confirmation dialog should do the trick:

Just set the URL to your homepage and adjust the "2000" figure to however many milliseconds you'd like the delay to be.

December 10, 2014 11:39 AM
User photo
Austin Patchen

Hey Guys and Gals! Love Unbounce!

Question is if you guys have a way to use the "Send Form Data to URL" option, but what if we use the same form on multiple domains.  Is there a variable or some other function to "Submit the Form Data back to the Domain that it.  So far all I see is a static URL option.

December 11, 2014 05:52 PM
User photo
Quinn Omori
Unbounce

 Hi Austin - There isn't a way to make that URL dynamic. It was built as static only since the main function of Unbounce is to build standalone landing pages, rather than reusable forms. That said, while you can't dynamically change the "post to" URL, you could save some time by duplicating the page you've put your form on (rather than building multiple ones from scratch) and then setting a different URL for each page.

December 12, 2014 10:49 AM