Jotforms submission pushing users to bottom of website - they can't see the thank you message

  • Profile Image
    brainandspine
    Asked on April 03, 2018 at 06:00 AM

    Hi,

    I hope you can help us regarding this. 

    For all the jotforms on our website (https://www.brainandspine.org.uk) we have chosen a thank you message on the same page, however, the problem is that after the form submission, the system pushes the user to the bottom of the website, meaning they miss the message completely unless they scroll up. If it’s an event that has a registration fee, they miss the paypal button in the thank you message to make the payment.

    Our webdevelopers have looked into this but have not been able to fix this issue and suggested we contacted you. Can this be fixed? Please let us know as soon as possible.

    An example of a form on our website is linked below.

    Many thanks,
    Aaron

  • Profile Image
    Victoria_K
    Answered on April 03, 2018 at 09:24 AM

    Hello brainandspine, 

    As far as I understood upon reviewing the page you shared, you have used the script code for form embedding.

    Can you kindly re-embed the form with it's IFRAME code? It should fix the issue. 

    1522761736screenshot2d13q.png

    Getting-the-Form-iFrame-Code

    Hope this helps. But, we will gladly assist if the issue persists afterwards.

  • Profile Image
    brainandspine
    Answered on April 03, 2018 at 10:32 AM

    Hi Victoria,

    Thanks for your response. I did a test with the iframe code and instead of pushing users to the bottom of the website, it pushes users to the top - again not ideal as the message may not be seen easily. 

    Is there a way the form confirmation message can appear without the user needing to scroll up or down to see it?

    If you could look into this, that would be much appreciated.

    Thank you. 

    Aaron

  • Profile Image
    Richie_P
    Answered on April 03, 2018 at 12:05 PM

    You could try using custom css to fix the issue.

    Kindly try these css codes.

    .thankyou {

            position: absolute;

            bottom: 0px;

        }

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let us know how it goes.


  • Profile Image
    brainandspine
    Answered on April 06, 2018 at 10:03 AM

    Hi, 

    I have asked our webdevelopers to look into this. The CSS code option did not solve the issue. Is there an alternative solution?


    Thank you

    Aaron

  • Profile Image
    Victoria_K
    Answered on April 06, 2018 at 10:27 AM

    Hello,

    It seems that your website is running on Wordpress. Our best recommendation would be to use the JotForm Embed Form Plugin. 

    Here is a guide:

    Embed-JotForm-in-Wordpress-using-the-Embed-Form-Plugin

    If you have already tried it, please let us know so we could investigate further. 

    Thank you.

  • Profile Image
    brainandspine
    Answered on April 06, 2018 at 10:31 AM

    Hi Victoria,


    We have already tried this option. You'll need to investigate further. 


    Thanks,

    Aaron

  • Profile Image
    Richie_P
    Answered on April 06, 2018 at 11:28 AM

    Please try again using this custom css, I have increased the margin of the thank you page.

    .thankyou {

            position: absolute;

            bottom: 100px!important;

        }

    Kindly also provide us with the screenshot of the Thank you page.

    -How-to-add-screenshots-images-to-questions-to-the-support-forum

    Let us know how it goes.

    Thank you.