Embed iframe code in Clickfunnel

  • laptopstyle
    Asked on July 2, 2016 at 8:51 AM

    it deosnt allow me to save and error comes in my funnel. can you please help me to sort out asap. i really need to do my event 

  • jonathan
    Replied on July 2, 2016 at 6:37 PM

    Hi,

    I could not check the problem on your website because it requires a login access.

    Try this this steps :

    #1 Get the iframe embed code:

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

     

    #2 This would need to be added in a custom HTML block:

    https://support.clickfunnels.com/support/solutions/articles/5000018826-custom-html

    Let  us know if you need further assistance.

    Thanks.

     

  • laptopstyle
    Replied on July 3, 2016 at 7:45 AM
    hi
    the html is already setup in click funnels as i was using before its just
    suddenly doesnt allow me to add iframe code
    thanks
    dhara
    ...
  • Jan
    Replied on July 3, 2016 at 11:29 AM

    You need to add a custom HTML where you can paste the Iframe code.

    Embed iframe code in Clickfunnel Image 1 Screenshot 30

    After that, in the Custom HTML section, please paste the Iframe code.

    Embed iframe code in Clickfunnel Image 2 Screenshot 41

    If it is not working, then please remove the script code below the Iframe. Just use the Iframe code.

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

    Iframe method: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Hope that works. Thank you.

  • activesmallbiz
    Replied on July 10, 2016 at 2:02 PM

    I don't know what changed with clickfunnels, but removing the script code worked for me. Is the script code important? What does it do?

  • Jan
    Replied on July 10, 2016 at 6:18 PM

    @activesmallbiz

    Glad to hear that it worked on your webpage without the script code. The script code are used to specify the form's compatibility to the script of the webpage. However, if your website have a conflicting scripts with our sripts, then we suggest to remove it.

    Please open a new thread if you need any help. Thank you.