Redirecting to other page after submission of data

  • skapunk_01
    Asked on October 12, 2015 at 9:05 PM

    Hi, I'm not able to redirect a page (Thank you page). Is it because i'm using the free version? This is what happen when i click onto the Thank you tab.

    Redirecting to other page after submission of data Image 1 Screenshot 30

    I would like to know how to get the following options:

     

    Redirecting to other page after submission of data Image 2 Screenshot 41

     

    Looking forward to your reply. Thanks!

     

     

    Rgds,

    Apiz

  • Kiran Support Team Lead
    Replied on October 12, 2015 at 10:24 PM

    There have been some changes to some of our wizards recently that includes Thank you page, Conditions and Integrations. Please be noted that there are no feature restrictions for Free subscriptions other than number of submissions/payments and storage space. Every feature with JotForm is available with all types of subscriptions. In order to redirect to another page after submitting the form, please follow the steps below :

    1. Click on Thank you icon to open the Thank you page wizard.

    2. Scroll down the wizard to see the link Redirect to Page on the left side

    Redirecting to other page after submission of data Image 1 Screenshot 30

    3. I notice that you have already set a Thank you page. If you are not seeing the correct URL, change the URL and click on Apply

    Redirecting to other page after submission of data Image 2 Screenshot 41

    4. Now, close the Thank you page wizard and save your JotForm.

    Hope this information helps!

  • Apiz
    Replied on October 12, 2015 at 10:44 PM

    Hi Kiran,

    Thanks for the respond. But how do I merge the "Thank you + Redirect to the next URL"?

    I'm sure there must be a CSS code that merge both of them. Any help is appreciated~

    You can show me a sample CSS code that shows both of them and I will edit the necessary fields.

     

    Rgds

  • TitusN
    Replied on October 12, 2015 at 11:56 PM

    Hello, 

    Not sure if I completely understand, but perhaps you'd like the Thank You page to look like this?  - http://oi62.tinypic.com/2cdiq9t.jpg

    If that's the case, you can just add the image to your thank you page as shown: 

    Redirecting to other page after submission of data Image 1 Screenshot 20

    Then click on "Save Changes" when done. 

    Test out this form - https://form.jotform.com/52849365433968?

    You can also create the thank you page on a webpage that you own, and use the webpage URL as the redirect URL as shown by Kiran. 

    Please let us know if that helps. 

  • Apiz
    Replied on October 13, 2015 at 12:03 AM

    Hi,

    Yes the image should be like this after the user submitted the form ie:

    Redirecting to other page after submission of data Image 1 Screenshot 30

    but will be redirected to the main company URL (www.wackerneuson.sg) that is:

    Redirecting to other page after submission of data Image 2 Screenshot 41

    Meaning the screen will appear the Thank you page before redirecting to this. Any possibilities?

     

    Rgds,

    Apiz

  • mert JotForm UI Developer
    Replied on October 13, 2015 at 4:06 AM

    Hi,

    Unfortunately, you can't add "Thank you" page + Redirect to page function at the same time on Jotform, because source code editor on "Thank you" page just allows the visual changes, It restricts the advanced modification on it.

     

    However, this action can be done on your side. You can copy following code and save it as a html file e.g. "thankyou.html".

    Below, red marked area addresses the image of the thank you page, purple marked area sets the timeout to redirect and the green marked area defines the redirect URL. So, you can modify these values, if you want to change some of them.  

     

    <h2 style="text-align:center;padding-top:20px;">

    <img src="http://www.jotform.com/uploads/forum/guest_52848423322050/1444708823background.jpg" alt="Thank_you0" style="width:%100;height:%100;">

    </h2>

    <script type="text/javascript">

    var timer = 5; //seconds

     website = "http://www.wackerneuson.sg"

    function delayer() {

     window.location = website;

    }

    setTimeout('delayer()', 1000 * timer); 

    </script>

    After that, you can redirect your form's thank you page to this URL on JotForm. On previous threads, you can find the tutorial provided by my colleague Kiran about how to do it.

     

    Also, here is the result of the code above:

    Redirecting to other page after submission of data Image 1 Screenshot 21 

     

    I hope this solution will help you.

    For further assistance, please let us know.

    Thanks.