Embedding a JotForm in Xara Web Designer Premium 9

  • RandCSG
    Asked on February 5, 2017 at 6: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

  • Jan
    Replied on February 5, 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.

  • RandCSG
    Replied on February 5, 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" onDISABLEDload="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

  • jonathan
    Replied on February 5, 2017 at 3: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.