Embedding a JotForm in Xara Web Designer Premium 9

  • Profile Image
    RandCSG
    Asked on February 05, 2017 at 06:14 AM

    Hi...

    I am trying to embed a form created on JotForm into a website designed on Xara Web Designer Premium 9, but it only appears as text and not as the form.

    <script type="text/javascript" src="https://form.jotform.com/jsform/70352489427967"></script>

    How can I resolve this problem?

    Many thanks

    Robert Webber

  • Profile Image
    Jan
    Answered on February 05, 2017 at 12:30 PM

    Please try to re-embed the form using the iFrame method. Here's a guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code.

    According to this support article from Xara, it is possible to insert an iFrame code in the website builder. Please click here to view that article.

    Hope that helps. Thank you.

  • Profile Image
    RandCSG
    Answered on February 05, 2017 at 12:45 PM

    Hi...

    I have tried that, and still it reproduces text only... it really is most frustrating and I have never had this problem previously.

    <iframe id="JotFormIFrame-70352489427967" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/70352489427967" 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 = false; if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } 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; } 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 = false; if (args.length > 2) { ifr = document.getElementById("JotFormIFrame-" + args[2]); } else { 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>

    Thanks

    Robert Webber

  • Profile Image
    jonathan
    Answered on February 05, 2017 at 03:50 PM

    Hi Robert,

    Please share to us the URL of your Xara website so that we can check the actual form used on the website as well.

    It will help us look for the cause of issue if we can view it on the actual website also.

    We will wait for your updated response.