Wordpress: the page is not scrolled to top upon form submit.

  • Profile Image
    LYehNJ
    Asked on April 10, 2018 at 09:10 AM

    The forms we are using a working well when embedded in posts on our website. One problem with the one that I am about to open up for registrations - VBS Volunteers. When the Submit button is pressed the Thank You page is displayed (yeah!) but it is too far up - the user needs to scroll. I tried adding a "Back to Top" button - but it's too low.

    Jot Form: https://www.jotform.com/build/80984121045150

    On our website: http://nassauchurch.org/vbs-volunteers/

    (Wordpress site)

    I'm open to suggestions to make this better. Thanks for the help!

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

    I have tested the form on your wordpress page and was able to replicate the issue. The page is not scrolled up upon form submit. Could you try embedding the form using the Wordpress-Plugin?

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

    If the issue still persists, please get back to us so that we can look into this further.

    Thank you.

  • Profile Image
    LYehNJ
    Answered on April 10, 2018 at 12:04 PM

    Thank you for getting back to me so quickly.

    I embedded the form using the Wordpress Plugin, but we have had issues with this before and it happened again.

    When you hit the "submit" button it turns to "Please wait" and never submits the form. I've left it like this for now (and added "Under Construction" at the top of the page so other people hopefully won't use it) if you'd like to look at it. Same web post: http://nassauchurch.org/vbs-volunteers/

    When I was having this submit problem before the solution seemed to be to use the iFrame embed - this has worked for us.

  • Profile Image
    Richie_P
    Answered on April 10, 2018 at 12:51 PM

    Please still use the Iframe code/embed and try to add this css code,

    .thankyou{

    margin-top:-40px!important;/*you can change the number to greater value if you want to increase the height of your Thank you page*/

    }

    GUIDE:-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know how it goes.


  • Profile Image
    LYehNJ
    Answered on April 10, 2018 at 02:06 PM

    Thank you! This worked! :)