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

  • Profile Image
    wardchapelamestl
    Asked on April 21, 2019 at 07: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" onload="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>

  • Profile Image
    Kiran
    Answered 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. 

  • Profile Image
    wardchapelamestl
    Answered 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?
    ...
  • Profile Image
    Welvin
    Answered 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.png