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

    form not loading

    Asked by perrymanku on September 05, 2013 at 07:50 AM

    I am using this embed code to load my form:

     

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/32334824017953" frameborder="0" style="width:100%; height:703px; 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

    However, it is not loading for some people, just ocmes up blank screen.  I also got a certificate warning in firefox listing that as not secure http://form.jotformpro.com

     

    Do i need to remove the form part?

     

    Thanks

    Perry

     

    Page URL:
    https://www.facebook.com/UnipartCarCareCentres/app_160430850678443

    Screenshot
    style height message parent
  • Profile Image
    JotForm Support

    Answered by KadeJM on September 05, 2013 at 10:51 AM

    Hello Perry, I think you are running this from your facebook page according to the Page Url that was provided if I am correct?

    It seems to me like there is something wrong with the App Configuration Setup that you have. When I viewed your page and " liked " it to check I could not see the form at all as it is showing that whatever is embedded in the page failed to load. I am under the impression that according to the source this should actually be your form loading when the page is liked. 

    However, I found the cause of your problem. This is happening because you are using HTTP:// on the script you've provided us. Yet on your embedded form you are using HTTPS:// according to the Source Code for the Form in Facebook. The reason the error is popping up is because you are not using our Secured Server Domain correctly. It should be HTTPS://SECURE.xxxxxxxx but on your embedded form you are using HTTPS://FORM.xxxxxxxx so because of this it is showing the security certificate as untrusted and unrecognized causing that security issue. You have to make a decision and decide if you want your form Secured or not. I would also highly advise that you use the " Secure " Form checkbox next time too which will automatically solve this problem before you embed since it makes this change for you. You can read further down for more information about this problem.

    Screenshot of Problem:

    I also did an additional test since it appears that this problem is happening in firefox but I could see that the form displays without trouble whatsoever. It even worked in Chrome also when I double-checked it to make sure just in case.

    Screenshot of Embedded Form Test:

     

    I'm not entirely sure if you meant to Secure your Form on your page or if FaceBook modified it to Secured for you. Either way though in comparison the script you are showing us that you have embedded is Non-Secured yet the one that is embedded in your Facebook page is Secured.

    What you posted Above:

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

    What I am seeing and found on your FaceBook Page:

    Now when I unsecured this in the source code this made the form work again. So then I realized that the problem was that you are using our Secured Server Domain incorrectly since after another test with this in FireFox I was then able to replicate your problem again with the same issue of it being untrusted so that is why this is happening.