Embed iframe code in Clickfunnel

  • Profile Image
    laptopstyle
    Asked on July 02, 2016 at 08: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 

  • Profile Image
    jonathan
    Answered on July 02, 2016 at 06: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.

     

  • Profile Image
    laptopstyle
    Answered on July 03, 2016 at 07: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
    ...
  • Profile Image
    Jan
    Answered on July 03, 2016 at 11:29 AM

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

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

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

    <iframe id="JotFormIFrame" onload="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.

  • Profile Image
    activesmallbiz
    Answered on July 10, 2016 at 02: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?

  • Profile Image
    Jan
    Answered on July 10, 2016 at 06: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.