- r55ssyAsked on April 05, 2016 at 10:21 AM
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?
- JotForm SupportEltonCrisAnswered on April 05, 2016 at 11:36 AM
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.
- r55ssyAnswered on April 05, 2016 at 02:45 PMHi
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!
- JotForm SupportMikeAnswered 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?
Alternatively, we will need to remove the extra code that is following the iFrame and adjust the iFrame height.
- r55ssyAnswered on April 05, 2016 at 04:45 PMHi Mike
The Embed worked, but now it won’t submit, just keeps saying Please Wait!
- JotForm SupportMikeAnswered on April 05, 2016 at 05:15 PM
Does the following code for self hosted wordpress.org version work?
- r55ssyAnswered on April 06, 2016 at 03:45 AMAfraid not, tried it several times and when I update, the script text below disappears!
- BorisAnswered on April 06, 2016 at 05:12 AM
<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:
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.
- r55ssyAnswered on April 06, 2016 at 05:45 AMHi 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!
- r55ssyAnswered on April 06, 2016 at 05:45 AMApologies all the last bit of iframe code has worked!!!
Thanks to all
- JotForm SupportNik_CAnswered 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.