Add a 'Go back' button in the 'Thank you' page

  • JORGE_GARCIA
    Asked on October 13, 2015 at 6:04 PM
    The only thing I need is to put a 'Go back' button in the 'Thank you' page draft, but I can not use JS, as it only supports HTML.
    If you know of some way, I'd appreciate tell me. A greeting. Jorge.
  • Elton Support Team Lead
    Replied on October 13, 2015 at 11:24 PM

    This is possible with HTML if you only want the go back button to load a URL once clicked e.g. go back to the page where the form is embedded. You can use the following code:

    <a href="http://www.yoursite.com/form.html" style="text-decoration:none;padding:6px 8px;color: #a96d17;background: #ffffe0;border:1px solid brown;border-radius:10px;">Go Back</a>

    Simply change the target URL mark in bold.

    Hope this helps!

  • Elton Support Team Lead
    Replied on October 13, 2015 at 11:26 PM

    By the way, if you are going to place it in the thank you page, make sure to paste the code on the source editor.

    Add a Go back button in the Thank you page Image 1 Screenshot 20

  • JORGE_GARCIA
    Replied on October 14, 2015 at 3:41 AM

    Hi Elton. Sorry, but this is not so. It is not the same to go to the previous window, to go to a default window. If I go back, in my form data entered to rectify remain, if I put a button with the url, the data disappear.
    The only option would

    <button onDISABLEDclick="goBack()">Go Back</button>

    <script>
    function goBack() {
        window.history.back();
    }
    </script>

    but 'Thank you' page does not apply.
    Thanks.

  • Elton Support Team Lead
    Replied on October 14, 2015 at 5:00 AM

    You're right, JS will get stripped off in the thank you page since they are strictly filtered for security reasons. I suggest to create a custom thank you page instead and implement the go back button there. I think this has the same result with using the built in thank you page. So when you hit the "Go back" button while on the custom thank you page, it should go back to the previous page.

    Add a Go back button in the Thank you page Image 1 Screenshot 20

    Please try it and let us know how it goes.

  • JORGE_GARCIA
    Replied on October 14, 2015 at 7:28 AM

    Hi Elton.

    I do not understand what you mean exactly to create a custom thank you page instead.

    It is out on the website or in JotForm? If in 'Thank you' page in JotForm in 'Redirect to page' is the same thing I said in the previous message.It do not appear the 'Thank you' page en redirect to other url. I need that stay for de user can see the preview.

    As I said to Randy, you use my site and so understand how it works, and it does not serve your advice. Thank you anyway.

    http://charmingpostcards.blogspot.com.es/2015/08/acacia-a.html

     

    N.B. With so many tests to make everything work I'm in the límte of submissions I hope it work.

  • Sammy
    Replied on October 14, 2015 at 11:31 AM

    What my colleague meant was you can design the custom page on your site with all the javascript functions.

    You the add the link to this page to you redirect to page option in jotform so that after submissions the user ill be redirected to this page automatically.

    If in your scenario you want the user to preview the data they have entered before submitting and correct if required, you can use our Preview before submit widget to achieve this.

    Add a Go back button in the Thank you page Image 1 Screenshot 30

    Additionally you can enable the "Continue Forms Later" feature so that data changes are saved in the user's browser and filled in if the form is visited again.

    Add a Go back button in the Thank you page Image 2 Screenshot 41

     

  • JORGE_GARCIA
    Replied on October 14, 2015 at 4:17 PM

    Hi Sammy. I appreciate your interest, but I get the impression that you have not understood how my site.

    I put the images, not the user who fills out the form, so the 'image upload preview' widget is noy usefull to me.

    The image is a background (my background), over which a message will be overwritten for the user.

    I use 'Thank you' page as preview, and combine my image with the message to be seen by the user.

    As I told Elton and Randy, the user has to go back to change the message or, if he agrees with the aesthetic appearance, it can be sent.

    To come back I need a "history back ' to back off the browser window.

    The 'Continues form later' I have it working perfectly fine.

    I can not use any kind 'href' because then the form data ('Continues form later') is not maintained and displayed a blank form.


    Really, I appreciate all your interest, but I think I'll give this thread closed. Thanks to all.

  • Welvin Support Team Lead
    Replied on October 14, 2015 at 7:03 PM

    Our apologies, but allow me to mention it again that scripts aren't allowed in the thank you message settings. If you'll add one, that will be stripped off and won't work. Now, my colleague's suggestion is to create another HTML page in your website and put your thank you message there. Use this HTML page as your custom Thank you URL.

    However, the custom thank you page won't allow you to put the submission data from the form. You will simply put some static texts and images there and put your Go Back script there to achieve your preference.

    Thank you and please contact us again if we can help in any way.

  • egeg
    Replied on October 15, 2015 at 4:47 AM

    Hi Jorge, 

    If I'm understanding you correctly, you want to show a confirmation message before submitting the form and allow your users to go back and make any changes if they wish. Right?

    Unfortunately, that is an entirely different feature and not how the thank you page works. By the time your user sees the thank you page, her form will have already been submitted.

    BUT, you can allow them to change their order by giving an edit submission link in the thank you page or in the email as shown below:

    Add a Go back button in the Thank you page Image 1 Screenshot 20

     

    When your users open that link, they will see the form with their previous answers already filled in.

    Hope this helps. Please let us know if there's anything else we can help you with.

     

    Thanks.

  • JORGE_GARCIA
    Replied on October 16, 2015 at 4:08 AM

    Wonderful, egeg. It works perfectly. Just one more question. The button is called 'Edit Submission'. How I can change the name, or rather, place the image of a button. Thanks in advance.

  • Sammy
    Replied on October 16, 2015 at 7:50 AM

    At the moment it is not possible to replace the edit link with an image equivalent, you can however use CSS to stylize the appearance to make it look button link and also change the text.

    Here are the steps you need to undertake;

    1. Using the source code view of the thank you page enclose the placeholder in a span element then assign an id to the span. This will enable us to target the link for the edit submission in CSS.

    Add a Go back button in the Thank you page Image 1 Screenshot 50

    I used the id btnLink for this demo.

    Add a Go back button in the Thank you page Image 2 Screenshot 61

    Next in your form's designer add the following CSS code under the CSS tab.

    #btnLink > a {
        /*
        set the main text to be hidden
        this will allow us to add own own title later
        */
        visibility : hidden;
        text-decoration : none;
    }

    #btnLink >a:before {
        /* set eth custom title name here*/
        content : "Edit your submissions";
        visibility : visible;
        /* make the link look like a button*/
        font : bold 11px Arial;
        text-decoration : none;
        background-color : #EEEEEE;
        color : #333333;
        padding : 2px 6px 2px 6px;
        border-top : 1px solid #CCCCCC;
        border-right : 1px solid #333333;
        border-bottom : 1px solid #333333;
        border-left : 1px solid #CCCCCC;
    }

    #btnLink >a:hover {
        color : black;
        background : green;
    }

    Add a Go back button in the Thank you page Image 3 Screenshot 72

    After that test you thank you page by submitting some test data.

    Here is how it look on my end.

    Add a Go back button in the Thank you page Image 4 Screenshot 83

    I hope this will be useful for your scenario, please let us know if you will need further clarification.

     

     

     

     

     

  • JORGE_GARCIA
    Replied on October 17, 2015 at 3:45 PM

    Very grateful to Sammy, and all supporters who have taken an interest in my questions, and have patience with me. My gratitude to all. Thanks a lot.

  • Elton Support Team Lead
    Replied on October 17, 2015 at 7:11 PM

    You're welcome.

    Feel free to open a new thread should you have any other questions or concerns.

  • kantime
    Replied on December 7, 2016 at 2:53 PM

    Thanks... this was helpful, except that the link to the previous page opens inside the iframe window when the form is embedded (like in a sidebar).
  • Support_Management Jotform Support
    Replied on December 7, 2016 at 6:00 PM

    @kantime - Since this is an old thread, we request you to create your own separate thread so we can assist you. I've done that for you now and moved your question to a separate thread https://www.jotform.com/answers/1006265

    We'll have it addressed there shortly.