How can I have the post-submission 'thank you' page appear in a new window/tab?

  • Profile Image
    auberjon
    Asked on February 11, 2013 at 08:11 PM

    I'd like to have the "thank you" page open in a new window or a new tab instead of taking users away from my contact page.

    How can I ammend my form to allow this? 

    thanks!

  • Profile Image
    webmasterphi
    Answered on February 11, 2013 at 09:10 PM

    Hi auberjon,

    First, get the full source code of your form. So in order for you to do that: 

    Open>> the "Setup & Embed" tab on the toolbar
    Click>>  the "Embed Form"
    Click>>  the "Source Code"

    Look for the <form class> Tag (like this):

    <form class="jotform-form" action="http://submit.jotform.me/submit/30394731686461/" method="post" name="form_30394731686461" id="30394731686461" accept-charset="utf-8">

    Add the following tag inside the <form class> tag:

    onSubmit="window.open('http://www.example.com/example.htm','mywindow','width=400,height=200')"

    So it will become: 

    <form class="jotform-form" action="http://submit.jotform.me/submit/30394731686461/" method="post" name="form_30394731686461" id="30394731686461" accept-charset="utf-8" onSubmit="window.open('http://www.example.com/example.htm','mywindow','width=400,height=200')">

    The green highlighted URL represent the page you want to pop-up once the submit button is clicked. While the red highlighted number represents the Form ID.

    We hope you find this information helpful. Please let us know if you need further assistance.

     

  • Profile Image
    auberjon
    Answered on February 11, 2013 at 09:40 PM

    Thanks!

    It still isn't opening a new window. I'm prob missing something really obvious.

    Here's the URL for my form:

    http://form.jotformeu.com/form/30364064423345

    Here is my contact page:

    http://www.photobyauberjon.com/contact.html

    Here's how the <form class> tag is looking on my source: 

    <form class="jotform-form" action="http://submit.jotformeu.com/submit/30364064423345/" method="post" name="form_30364064423345" id="30364064423345" accept-charset="utf-8" onSubmit="window.open('thankyou.html','mywindow','width=400,height=200')">

    Is this right?

    It still keeps coming up with my default 'Thank You' page.

    Even if there was a way to have an alery message pop up once the form is submitted. Anything other than taking the user away from my contact page. 

    Thanks for your help!

    Jon 

  • Profile Image
    EltonCris
    Answered on February 12, 2013 at 12:21 AM

    Hi Jon,

    Just simply add a target blank attribute on your form tag e.g.

    <form class="jotform-form" action="http://submit.jotformeu.com/submit/303640644233451/" method="post" name="form_303640644233451" id="30364064423345" accept-charset="utf-8">

    That should help. Thanks!

  • Profile Image
    EltonCris
    Answered on February 12, 2013 at 12:26 AM

    Sorry, it seems like my code has been stripped. You can get the example here: http://pastie.org/pastes/6122841/text, notice the target with _blank value attribute. That opens the submissions page on a new tab.

    Thanks!

  • Profile Image
    auberjon
    Answered on February 12, 2013 at 02:48 AM

    Thanks! I thought about using a simple target..._blank but I couldn't find where to put it.  I'll give that a shot and let you know.

     

    Jon