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

    WordPress Form: My form is hanging on please pait when submitted

    Asked by r55ssy on April 05, 2016 at 10:21 AM

    Hi

    I have created a new form and posted it to my WP site here http://www.westerhopegolfclub.com/application-form/

    However when I submit it it hangs and just says please wait!

    Any clues why this may be happening?

     

     

    Regards

    Paul

     

    Page URL:
    http://www.westerhopegolfclub.com/application-form/

    please wait wordpress form
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 05, 2016 at 11:36 AM

    Hi Paul,

    You seem to be using an oembed form code in your WP page and there's a sandbox attribute inserted into the form code which seems to be preventing the form from submitting. I think there's a feature on your WP page that automatically inserts this attribute when a certain embed code is detected on a page.

    To resolve this, please try to re-embed your form using iframe embed code. This might fix the problem. Guide: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Let us know how this goes.

  • Profile Image

    Answered by r55ssy on April 05, 2016 at 02:45 PM
    Hi
    Thanks for the response.
    However, I have now embedded the Iframe coding and if you have a look at the site now you will see the error!
    http://www.westerhopegolfclub.com/application-form/

    Regards
    Paul


    ...
  • Profile Image
    JotForm Support

    Answered by Mike on April 05, 2016 at 03:37 PM

    Can you please do a quick test by embedding your form as shown in below video to see if that helps?

    https://vimeo.com/144260113

    Alternatively, we will need to remove the extra code that is following the iFrame and adjust the iFrame height.

  • Profile Image

    Answered by r55ssy on April 05, 2016 at 04:45 PM
    Hi Mike
    The Embed worked, but now it won’t submit, just keeps saying Please Wait!

    Paul

    ...
  • Profile Image
    JotForm Support

    Answered by Mike on April 05, 2016 at 05:15 PM

    Does the following code for self hosted wordpress.org version work?

    <script type="text/javascript" src="https://form.jotformeu.com/jsform/60883466128362"></script>

  • Profile Image

    Answered by r55ssy on April 06, 2016 at 03:45 AM
    Afraid not, tried it several times and when I update, the script text below disappears!

    Paul


    ...
  • Profile Image
    JotForm Support

    Answered by Boris on April 06, 2016 at 05:12 AM

    I have checked your website, and it looks like the form is still embedded with OEmbed method, and not the iFrame code nor JavaScript code my colleagues suggested above. The code that is currently on your website is this:

    <iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" width="100%" height="750" src="//oembed.jotform.com/form/60883466128362#?secret=4zjG8EI1rF" data-secret="4zjG8EI1rF"></iframe>

    The problem with the current OEmbed is that its sandbox mode does not allow forms, so if you want to keep the OEmbed code, please try adding the allow-forms attribute and other permissions to it. Here is how the oembed code would look after we added all permissions:

    <iframe class="wp-embedded-content" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" security="restricted" width="100%" height="750" src="//oembed.jotform.com/form/60883466128362#?secret=4zjG8EI1rF" data-secret="4zjG8EI1rF"></iframe>

    Our default embed codes should not be having such issues, so the preferred method to resolve it would be to actually use the iFrame code that is provided by our Form Builder, as depicted in the video guide my colleague shared above:

    https://vimeo.com/144260113

    This means that the preferred code to use would be this:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/60883466128362" frameborder="0" style="width:100%; height:749px; border:none;" scrolling="no"> </iframe>

    Please try using one of these two codes instead, and make sure to paste them by using the Text tab in your Wordpress page editor.

    If you still experience issues with one of these two codes, could you please leave it published (you can make a separate test page if you want) for us to check why the codes are not working on your website? We will be happy to help. Thank you.

  • Profile Image

    Answered by r55ssy on April 06, 2016 at 05:45 AM
    Hi Boris
    As I told your colleagues yesterday, I used the I frame code as suggested and the page displayed errors….in fact I’ve just done it again with the Iframe code, so have a look again!
    http://www.westerhopegolfclub.com/application-form/

    Paul


    ...
  • Profile Image

    Answered by r55ssy on April 06, 2016 at 05:45 AM
    Apologies all the last bit of iframe code has worked!!!

    Thanks to all
    Paul


    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on April 06, 2016 at 07:57 AM

    I am glad my colleagues were able to help you.

    Please let us know if you need any further assistance.