Form not displayed on my WordPress website

  • 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/

  • Kiran Support Team Lead
    Replied on June 27, 2016 at 11:44 PM

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

    Form not displayed on my WordPress website Image 1 Screenshot 30

    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.

    Form not displayed on my WordPress website Image 2 Screenshot 41

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

  • marcus
    Replied 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/

  • Irshad
    Replied on June 29, 2016 at 1: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" onDISABLEDload="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)

     

    Form not displayed on my WordPress website Image 1 Screenshot 20

     

    Please let me know, if it works for you.

  • marcus
    Replied on June 29, 2016 at 2: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!

  • Kiran Support Team Lead
    Replied on June 29, 2016 at 2: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!!