Embed code not working

  • Profile Image
    awesomerei
    Asked on August 13, 2018 at 02:10 PM

    I have a Jotform embedded on this test URL and the form is not appearing:


    http://awesomerei.com/jotformtest.html

    When I inspect the errors on the page, this is what I see:

    https://www.dropbox.com/s/gscid6t73ynzb30/Screenshot%202018-08-13%2014.09.30.png?dl=0


    What could be causing this error? it is completely preventing the form from being displayed on the page.

  • Profile Image
    Kevin_G
    Answered on August 13, 2018 at 03:17 PM

    I have checked the source code of the page and it seems the Jotform form does not have a height value, that's why it's not displaying on your page. 

    In order to control the width and height value of the embed code, I would recommend you to use the iFrame method instead, this guide will help you getting it: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    Once you get the code, remove the JavaScript tags and keep the iFrame only, you may need to change the height and the scrolling attribute to yes, example: 

    <iframe

           id="JotFormIFrame"

           onload="window.parent.scrollTo(0,0)"

           allowtransparency="true"

           src="https://form.jotform.com/23456789"

           frameborder="0"

           style="width:100%;

           height: 8815px;

           border:none;"

           scrolling="yes">

         </iframe>

    I hope this helps.