What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Embed iframe code in Clickfunnel

    Asked by laptopstyle 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 

    Page URL:
    https://app.clickfunnels.com/pages/9394424/editor

    iframe code clickfunnel embed iframe custom html
  • Profile Image
    JotForm Support

    Answered by jonathan 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

    Answered by laptopstyle 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
    JotForm Support

    Answered by Jan 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

    Answered by activesmallbiz 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
    JotForm Support

    Answered by Jan 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.