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

    Cargocollective: Form not showing in the webpage

    Asked by natnatperez on August 06, 2016 at 08:53 AM

    Hello, it doesn't work. It just appears the written stuff and not the form.



    This is a re-post of a comment on Adding a form to your Cargo site

    form not showing embed form cargocollective cargocollective.com
  • Profile Image
    JotForm Support

    Answered by Chriistian on August 06, 2016 at 09:02 AM

    Hi,

     

    Can you provide to us the exact URL where you have embedded your form so we can further investigate the issue?

     

    We will wait for your response.
    Regards.

  • Profile Image

    Answered by natnatperez on August 06, 2016 at 10:45 AM
    Yes!
    https://www.jotform.com/?formID=62183565493362
    ...
  • Profile Image
    JotForm Support

    Answered by Jan on August 06, 2016 at 11:53 AM

    I'm sorry if you misunderstood. My colleague Christian is actually asking for the URL of your webpage where the form is embedded.

    Thank you.

  • Profile Image

    Answered by natnatperez on August 06, 2016 at 02:45 PM
    Oh sorry!
    It's www.nperezdelgado.com
    ...
  • Profile Image
    JotForm Support

    Answered by Jan on August 06, 2016 at 04:28 PM

    Thank you for providing the link. Please try the following steps:

    1. Click the "Publish" button in the toolbar.

    2. In the Publish wizard, go to the "Embed" tab. Click the Embed Options drop down and select the  "iFrame" option.

    3. After that, copy the whole iFrame code and then paste it to your website. Please take note that you need to copy the code manually instead of clicking the "Copy Code" button.

    If that didn't work then you might need to remove the script element of the iFrame code.

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

     

    Hope that works. Let us know if the issue is still the same. 

  • Profile Image

    Answered by natnatperez on August 06, 2016 at 04:45 PM
    Hi, I tried that but it didn't work either...
    ...
  • Profile Image
    JotForm Support

    Answered by Mike on August 06, 2016 at 06:07 PM

    Could you please try adding the form iFrame or Embed code to the project's Contents & Layout area as described in this guide?

    Thank you.

  • Profile Image
    JotForm Support

    Answered by Mike on August 06, 2016 at 06:11 PM

    If this is not working, please provide us with a full link to the web page with embedded form (e.g. http://www.nperezdelgado.com/contact-page).

  • Profile Image

    Answered by natnatperez on August 08, 2016 at 01:45 PM
    It's not working.
    Check it out please and tell me what I did wrong
    http://nperezdelgado.com/Contact
    ...
  • Profile Image
    JotForm Support

    Answered by KadeJM on August 08, 2016 at 05:01 PM

    I've done some investigating and upon looking at this problem it seems like maybe you didn't embed the full iframe so that's probably why it's only showing up as text instead.

     

    When you embed it you need to make sure you embed this entire code and don't leave anything out:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/62185523058961" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>

    I also inspected your page source where this is but I am not able to locate your form embedded which either means you embedded it wrong or it's due to leaving out part of the iframe and ended up as pure text.

    Can you please try it again?

    Also take a screenshot before and after if possible and share that with us so that we can see what's going on with it. If not that's okay but we'll just need a bit more time to test and investigate this on a similar page again is all.

    Additionally, I checked the test page we have our form for our test cargo site and I can see it's working normally there. I think if there was an actual problem the issue would show up there too.