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.
AMP Pages and JotformsAsked by AccCity on March 15, 2017 at 03:22 PM
So by boss wanted us to go into the world of AMP styled pages for our clients blogs. In the process i figure out unless a very good know how we can't use forms on the site. However i was able to get a iframe of the form i wanted from jotforms iframe embed code and the form shows up! The page is https://maranoeyecare.com/2017/02/spring-allergies-in-new-jersey/amp/ where you can see at the bottom the Iframe with the form in it. Once i hit submit, it doesn't go past please wait... So after some inspectiong i found this error message "Blocked form submission to 'https://submit.jotform.us/submit/70725077313150/' because the form's frame is sandboxed and the 'allow-forms' permission is not set." I am not sure how to change that settings it mentioned but I assume this is why the form isn't passing the "please wait.." stage, any suggestions or is this because of the AMP not allowing it to happen?
Please remove the form. And embed it again with the Iframe code. However, once you copy the code do the following:
Paste it in a text editor like WordPad, you will notice two part of codes, only copy and embed the Iframe part in your webpage, example:
Let us know if you need more help.
Good Afternoon BDavid, I have tried your method but still did not work, when hitting submit it still freezes at the "please wait" step.
Looks like your site is blocking the Iframe:
Please try embedding your form with the source code: https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form
The source code doesn't work the only way the form showed up on an AMP page was via iframe. I have no idea what the sandbox error they are stating, but that is the main reason i reached out to you guys was figuring out why that was showing up. I don't believe my website blocks iframes, as we have used them, but this /amp pages are made via an AMP Plugin so maybe the plugin itself might be blocking it, but before heading in that direction i wanted to make sure it wasn't something on jotforms end maybe?
If you had tried with the source code before, and the form does not show up, let's keep trying with the Iframe code.
I have inspected your page source code, and it seems like you have modify the Iframe code, because you have set a "sandbox" property in it:
Can you please simply copy and paste this Iframe code in your site:
<iframe id="JotFormIFrame-70725077313150" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/70725077313150" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>
Let us know what happens.