Embedding my jotform through GoDaddy Website Builder v7

  • Profile Image
    ndidinwange
    Asked on December 06, 2014 at 11:06 PM

    My site isnt live yet and besides since i can even embed it I'm not sure what link or screenshot you want me to send you. Pls help. See Iframe code below:

     

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.myjotform.com/form/43397609832566" frameborder="0" style="width:100%; height:1003px; 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

  • Profile Image
    Ben
    Answered on December 07, 2014 at 03:49 AM

    Hi,

    I would suggest checking this section on GoDaddy: Designing Pages with Website Builder v7

    It should allow you to add iframe code, with and without script. In your case for the jotform you have mentioned above, it would mean that you can add:

    1. - with script

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.myjotform.com/form/43397609832566" frameborder="0" style="width:100%; height:1003px; 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    2. - without script

    <iframe id="JotFormIFrame" allowtransparency="true" src="//form.myjotform.com/form/43397609832566" frameborder="0" style="width:100%; height:1003px; border:none;" scrolling="no"></iframe>

    If your website is behind HTTPS protocol (secured pages), then you would need to use the secure option for your jotform (this uses SSL submissions). In that case the code would look like this:

    1. - with script

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.myjotform.com/form/43397609832566" frameborder="0" style="width:100%; height:1003px; 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    2. - without script

    <iframe id="JotFormIFrame" allowtransparency="true" src="https://secure.myjotform.com/form/43397609832566" frameborder="0" style="width:100%; height:1003px; border:none;" scrolling="no"></iframe>

    Do let us know how it goes for you.

    Best Regards,
    Ben

  • Profile Image
    ndidinwange
    Answered on December 08, 2014 at 02:36 AM

    Voila! 

     

    httpS it is. Thanks

  • Profile Image
    Meredithliss
    Answered on February 15, 2015 at 09:52 AM

     

    How do you decide if you need to embed WITH SCRIPT or WITHOUT script?

    Click here to view

  • Profile Image
    Jan
    Answered on February 15, 2015 at 12:28 PM

    I need to move your inquiry to another thread so that we can assist you properly.

    This is the URL of the new thread: http://www.jotform.com/answers/516392

    Thank you for understanding.