Form not displayed on my WordPress website

  • Profile Image
    impactchurch
    Asked on June 27, 2016 at 11:37 PM

    I'm having the same issue, I've tried three different ways...

    http://communitygroup.cc/cg-leader-weekly-submission/

  • Profile Image
    Kiran
    Answered on June 27, 2016 at 11:44 PM

    Could you try embedding the form using the default Javascript embed method on your WordPress website?

    Please make sure that you disable the other JotForm embed plugins active on your website. Also, please embed the script in the Text section of your WordPress page/post.

    If you need any further assistance, please let us know. We will be happy to assist.

  • Profile Image
    marcus 
    Answered on June 29, 2016 at 12:24 PM

    I've done that - it shows up briefly before disappearing...

    http://communitygroup.cc/cg-leader-weekly-submission/

  • Profile Image
    Irshad
    Answered on June 29, 2016 at 01:46 PM

    Can you please try to integrate it via Iframe code? That is instead of the Javascript code, just put the Iframe code.

    I just inspect your webpage, and put the below Iframe code of one of your Form in place of Javascript code. And I am able to see the Jot Form on your Webpage.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/61805603107953" 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>

     

    Please check the screenshot of your webpage, where Form is displaying (I put the Iframe code while inspecting the html from Browser)

     

     

    Please let me know, if it works for you.

  • Profile Image
    marcus 
    Answered on June 29, 2016 at 02:17 PM

    Thanks that seemed to work, I'm having an overlap issue, but that may be due to the theme. I'll work on fixing it. Thank you!

  • Profile Image
    Kiran
    Answered on June 29, 2016 at 02:21 PM

    Great! Glad to see that the issue is now resolved for you. Please do not hesitate to get back to us if you need any further assistance. We will be happy to help.

    Thank you for using JotForm!!Thank you for using JotForm!!