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

    Wordpress.com: Unable to open the link

    Asked by Lestatin on December 26, 2016 at 12:05 PM

    I uploaded some images with the "text" basic field, i linked them to sites but they don't work on wordpress.com,

    the images doesn't send me to specific sites, they just make all content vanish from the current page (this happens on jotform preview too). I checked the html code and is fine, i even tryed to rewrite it by hand but is still broken.

     

    I also tryed to use basic field "image", it works on the jotform preview but does nothing on the wordpress.com page..

     

    any help?

     

    Page URL:
    https://licunatt.wordpress.com/portfolio/shop2/

  • Profile Image
    JotForm Support

    Answered by Jan on December 26, 2016 at 12:36 PM

    I was able to replicate the issue when I opened your webpage. You are correct, it works fine in the forms direct link.

    Please try to re-embed the form using the iFrame method. This will prevent script conflicts between the webpage and the form. Here's a guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code.

    Hope that helps. Thank you.

  • Profile Image

    Answered by Lestatin on December 26, 2016 at 12:43 PM

    The Iframe code get cropped into this <iframe id="JotFormIFrame-63604269625359" style="width: 100%; height: 539px; border: none;" src="https://form.jotformeu.com/63604269625359" width="300" height="150" frameborder="0" scrolling="no"> </iframe>

     

    Still nothing works

  • Profile Image
    JotForm Support

    Answered by Jan on December 26, 2016 at 01:26 PM

    Please try removing the <script> element below the iFrame code.

    <iframe id="JotFormIFrame-63604401172950" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/63604401172950" 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>

    If it is still the same, please try to re-embed the form again back to normal using this guide: https://www.jotform.com/help/299-How-to-embed-a-form-to-Wordpress-com

    After that, please try to make the link secure by using HTTPS instead of HTTP. Your website is using HTTPS which means that all resources should be using HTTPS as well. Here's the screenshot of the console log:

    It should be https://www.neatoshop.com/artist/Licunatt. You need to change this link in the Text element of your form.

    Hope that helps. Thank you.

     

  • Profile Image

    Answered by Lestatin on December 26, 2016 at 01:51 PM

    I tryed both, nothing changed really :| i may just remove them from the site if i could find a way to crop the form frame right after the slider :/  border, padding and such are all 0 or less, still lot of space (but it removed the one on top)

  • Profile Image
    JotForm Support

    Answered by Jan on December 26, 2016 at 02:29 PM

    Sorry to hear that. My understanding is that you want to resize the iframe of the embedded form.

    You can change the height of the frame. Please add this attribute and value (height="200") inside the embed code.

    [embed height="200"]https://www.jotform.com/form/63604269625359[/embed]

    You can adjust the height to your preferred value. Hope that helps. Thank you.

  • Profile Image

    Answered by Lestatin on December 26, 2016 at 02:51 PM

    Nice!!! thank you so much :D I'm gonna add the other images directly on wordpress now :D

  • Profile Image
    JotForm Support

    Answered by Jan on December 26, 2016 at 03:48 PM

    Glad to hear that. Let us know if you need further assistance. Thank you.