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 Embed Code: Unable to submit form, showing oEmbed.jotform.com/submit.php is being blocked

    Asked by cbmphoto on April 11, 2016 at 10:51 AM

    The submit button will allow you to push the button and displays "please wait", but nothing happens after that. It only shows "please wait" and doesn't show an update. 

    How can I fix this? Thanks so much!

    Page URL:
    http://cbmphoto.com/birth-story-contract/

  • Profile Image
    JotForm Support

    Answered by Charlie on April 11, 2016 at 11:52 AM

    May we know what method you are embedding the form to your Wordpress website? There seems to be a problem on the plugin or the method you are using. I test your website and was able to replicate the issue. Here's a screencast of it:

     

    I'll forward this to our developers but we'll need to know what kind of embed method you used on this.

    For the meantime, please use the iFrame embed code instead. Here's a guide on how to get that code: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    There are also other methods mentioned in this guide: https://www.jotform.com/help/324-A-Guide-To-Forms-For-WordPress-JotForm-Users. However, I strongly suggest using the iFrame embed code.

    We'll wait for your response.

  • Profile Image

    Answered by cbmphoto on April 11, 2016 at 12:00 PM

    I copied and pasted the Wordpress code to a Page within my blog. 

     

    I just tried to use iFrame and it didn't work. 

  • Profile Image
    JotForm Support

    Answered by Charlie on April 11, 2016 at 01:11 PM

    I see that your form is still using a different embed code, may I know what exact code you are using? There are two Wordpress embed codes found under our "Publish" wizard:

     

    Please do try using the iFrame embed code. The problem with the submit should be resolved using that one. Here's a test setup I made:

    1. In my Wordpress editor, I pasted the iFrame embed code under the "Text" tab.

    2. I then fill out the form and click the submit button, I was able to submit it properly.

     

    Your iFrame embed code is this:

     <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/60988395589178" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe> <script type="text/javascript"> window.handleIFrameMessage = function(e) { var args = e.data.split(":"); var iframe = document.getElementById("JotFormIFrame"); if (!iframe) return; switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } if(window.location.href && window.location.href.indexOf("?") > -1) { var ifr = document.getElementById("JotFormIFrame"); var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } </script>

     

    Use that code and see if it works.

  • Profile Image

    Answered by cbmphoto on April 11, 2016 at 01:29 PM

    Perfect! I've updated with the iFrame code in the correct way and it's working! Thanks so much for your help and patience! 

  • Profile Image
    JotForm Support

    Answered by Charlie on April 11, 2016 at 01:53 PM

    You are welcome. I have also forwarded the bug to our developers for further checking. We will update you on this thread as soon as the other embed codes for Wordpress has been fixed.