Iframe embed code added to the web page using Elementor page builder is not saved

  • wardchapelamestl
    Asked on April 21, 2019 at 7:24 PM

    I receive a 403 server error when I paste this code in the html (Elementor page builder).  The form shows up on a preview but it won't show when I visit the page.  Please help.  I can't figure out why my jotform won't display on the webpage.  



    <iframe id="JotFormIFrame-90975505491162" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/wardchapelamestl/facility-request" frameborder="0" style="width: 1px; min-width: 100%; height:539px; border:none;" scrolling="no" > </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-90975505491162"); if(window.location.href && window.location.href.indexOf("?") > -1) { 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; } } window.handleIFrameMessage = function(e) { if (typeof e.data === 'object') { return; } var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { 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; case "loadScript": var src = args[1]; if (args.length > 3) { src = args[1] + ':' + args[2]; } var script = document.createElement('script'); script.src = src; script.type = 'text/javascript'; document.body.appendChild(script); break; case "exitFullscreen": if (window.document.exitFullscreen) window.document.exitFullscreen(); else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen(); else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen(); else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen(); else if (window.document.msExitFullscreen) window.document.msExitFullscreen(); 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); } </script>

  • Kiran Support Team Lead
    Replied on April 21, 2019 at 10:24 PM

    I have tried inspecting your web page and see that there is no form embed code added to the page. It looks like the page is not saved or published after making the changes. Could you let us know if you are using HTML element to add the embed code to the web page? 

    Since you are using WordPress for your website, could you also try embedding the form using the normal builder and see if that works? 

    Please get back to us if you need any further assistance. We will be happy to help. 

  • wardchapelamestl
    Replied on April 22, 2019 at 10:43 AM
    I tried to embed both codes for that form and nothing is showing up. Can
    you check it?
    ...
  • Welvin Support Team Lead
    Replied on April 22, 2019 at 12:36 PM

    I cannot replicate this problem with Elementor. It seems that you are copy/pasting the iframe codes into a Textbox editor, not the HTML block. Please try changing that. See demo below your iframe codes:

    15559509072019 04 23 001 Screenshot 10