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

    Form not showing up in Blogger Html

    Asked by Durianwriter on May 19, 2014 at 06:00 AM

    I'm trying to place a form in my blogger blog post. When I paste the iframe code in my html editor it just shows up as a lot of white spacein both the compose window and the preview.

     

    The page I'm trying to place the form is http://www.yearofthedurian.com/p/about-us.html

     

    Here's the code:

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

    Screenshot
    JotForm iframe code style POST
  • Profile Image
    JotForm Support

    Answered by Welvin on May 19, 2014 at 07:30 AM

    Hi,

    Please review this guide on adding form to Blogger page/post: http://www.jotform.com/help/14-Adding-Form-to-Blogger

    I checked the webpage source but couldn't find the iFrame codes. Did you remove it? I also noticed some form in the sidebar area, but they aren't visible. We recommend using the iFrame embed method. iFrame is recommended for blogger.

    Thanks

  • Profile Image

    Answered by Durianwriter on May 19, 2014 at 08:53 AM

    Hi Welvin,

    Yes, I removed the iframe code from my website because I did not wish to leave it with a giant white space while I waited for assistance.

    As you can see in the initial post I used the iFrame code. Please see the code in the initial post.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on May 19, 2014 at 08:59 AM

    Okay, please kindly restore the iframe since that is recommended. This time, remove the script tags; use this codes:

    <iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotform.me/form/41375705009452" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="no"></iframe>

    See if that works.

    Thanks

  • Profile Image

    Answered by Durianwriter on May 19, 2014 at 09:06 AM

    Okay i've inserted the code you recommended but it still doesn't show. You can now go to the page and see how it is interacting with the rest of tht code.

    Also, I want to change the height of the form to be a horizontal strip. I've edited the height px dimensions. do you have any code to make sure it stays aligned correctly?

  • Profile Image
    JotForm Support

    Answered by Welvin on May 19, 2014 at 09:14 AM

    I see the form just fine. Please clear your browsers cache. Do a hard refresh CTRL+F5

    Also check it using another browser. You can adjust the height and make it 90px. 

    Thanks

  • Profile Image

    Answered by Durianwriter on May 19, 2014 at 10:08 AM

    Thanks that worked. I'm glad it was easy.