How to customize the thank you page?

  • Profile Image
    mudguys
    Asked on July 23, 2018 at 11:11 AM

    Is the Thank you! form has been submitted! option only for paid users?


    I have this option selected in my settings, however once the form is sent I only get:

    an advertisement banner: Get 3 months free! Buy a year of Jotform Save 25%

  • Profile Image
    DonaldHag
    Answered on July 23, 2018 at 12:39 PM

    The thank you page can be edited on the free plan as well. I have cloned your form here and edited the page: https://form.jotform.com/82034546272959

    To edit the thank you page image, click on the Thank You page then select code view to edit the image link. Save the changes after and the thank you page should show as designed. For further assistance do let us know.

    1532363831code view thank you.png


  • Profile Image
    mudguys
    Answered on July 24, 2018 at 11:19 AM

    I realize the thank you content can be edited, however that is not my issue. Once the form is sent, the thank you content does not display, only a JotForm banner ad is displayed (please see my original screenshot). thanks

  • Profile Image
    BJoanna
    Answered on July 24, 2018 at 12:45 PM

    I cloned your form and I was able to replicate the issue with a blank Thank You page. 

    To resolve this issue open your Thank You page settings make any change, such as adding a space at the and of the 'Thank You' message. That will refresh the page and save the settings. 

    1532450356thankyou.gif

    Here is my form - https://form.jotform.com/82044650996969 

    Feel free to test it and clone it

    Regarding the JotForm Banner - Please note that only paid account can remove the banner. 

  • Profile Image
    mudguys
    Answered on July 24, 2018 at 02:28 PM

    Thanks that fixed the issue..

    ...but is there anyway to stop the page from going to the top after the form is sent?

  • Profile Image
    DonaldHag
    Answered on July 24, 2018 at 03:51 PM

    I hope I understand you correctly, by top do you mean showing the thank you page text at the top. The thank you page has an editor that lets you customize it to the design that suits you. How would you like the thank you page to display?

    If you mean you wish to show the empty form again and not go to a thank you page, inside of the Thank You page settings, select the "Redirect to an external link" option and enter the URL of your form. That will redirect you back to the same blank form that you can fill again.


  • Profile Image
    mudguys
    Answered on July 24, 2018 at 04:59 PM

    Not quite the answer I was looking for, let me explain a little better.

    The form is displayed at the bottom of the webpage (in the footer).

    When the form is sent, the entire webpage is refreshed, and the user is presented with a brand new refreshed webpage (by default the top of the webpage).

    When the form is submitted, the Thank You content is displayed where the form was, but since the webpage gets refreshed upon form submit, and since the form is at the bottom of the webpage (in the footer) the user does not see the Thank You content, thus we have bad user experience, and it's confusing to the user. 

    Try it out here and make sure to scroll to the bottom of the webpage.


    thanks, hopefully that's more clear

  • Profile Image
    Jed_C
    Answered on July 24, 2018 at 06:21 PM

    Please re-embed the form with iFrame that has the ?nojump parameter at the end of the form URL.

    Use the iframe code below when re-embedding the form. Let us know how it goes.

    <iframe id="JotFormIFrame-82005083651247" src="https://form.jotform.com/82005083651247?nojump" allow="geolocation; microphone; camera" style="width: 1px; min-width: 100%; height: 539px; border: none;" scrolling="no" frameborder="0" allowfullscreen="true" allowtransparency="true">
    </iframe>

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code.

  • Profile Image
    mudguys
    Answered on July 25, 2018 at 11:39 AM

    Success, thank you.