What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by JORGE_GARCIA on October 13, 2015 at 06: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.
    go back script history back script go back button thank you page
  • Profile Image
    JotForm Support

    Answered by EltonCris 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 target="_blank" 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!

  • Profile Image
    JotForm Support

    Answered by EltonCris 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.

  • Profile Image

    Answered by JORGE_GARCIA on October 14, 2015 at 03: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 onclick="goBack()">Go Back</button>

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

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

  • Profile Image
    JotForm Support

    Answered by EltonCris on October 14, 2015 at 05: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.

    Please try it and let us know how it goes.

  • Profile Image

    Answered by JORGE_GARCIA on October 14, 2015 at 07: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.

  • Profile Image

    Answered by Sammy 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.

    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.

     

  • Profile Image

    Answered by JORGE_GARCIA on October 14, 2015 at 04: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.

  • Profile Image
    JotForm Support

    Answered by Welvin on October 14, 2015 at 07: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.

  • Profile Image
    JotForm Designer

    Answered by egeg on October 15, 2015 at 04: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:

     

    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.

  • Profile Image

    Answered by JORGE_GARCIA on October 16, 2015 at 04: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.

  • Profile Image

    Answered by Sammy on October 16, 2015 at 07: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.

    I used the id btnLink for this demo.

    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;
    }

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

    Here is how it look on my end.

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

     

     

     

     

     

  • Profile Image

    Answered by JORGE_GARCIA on October 17, 2015 at 03: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.

  • Profile Image
    JotForm Support

    Answered by EltonCris on October 17, 2015 at 07:11 PM

    You're welcome.

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

  • Profile Image

    Answered by kantime on December 07, 2016 at 02: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).
  • Profile Image
    JotForm Support

    Answered by Jim_R on December 07, 2016 at 06: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.