How to embed form with Iframe method

  • Profile Image
    learningroots
    Asked on August 11, 2016 at 10:57 AM
    2nd Issue is the submit button is not working. I read some threads about iframe-but didn't know what's it and how to work with it. 

    Please correct the button issue.

  • Profile Image
    Kevin_G
    Answered on August 11, 2016 at 12:20 PM

    Yes, we suggest to use the iFame embed code as sometimes there may be some conflicts between the existing code on your website and the form's code. 

    This guide will help you to get the iFrame code of your form: Getting-the-form-iFrame-code

    Also, try embedding the iFrame code only and remove the JavaScript that will be provided. 

    So you should embed your from like this: 

    <iframe

          id="JotFormIFrame"

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

          allowtransparency="true"

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

          frameborder="0"

          style="width:100%;

          height:2190px;  <---- You will need to manually set the needed height value. 

          border:none;"

          scrolling="no">

        </iframe>

    This should help you to avoid any conflict. 

    Hope this helps. 

  • Profile Image
    Sarah ahmad 
    Answered on August 11, 2016 at 12:43 PM

    Hi, I want to know where to embed this iframe code? Do I have to embed in designer CSS? 

    I haven't embedded my form anywhere I'm just using it here. 

  • Profile Image
    Kevin_G
    Answered on August 11, 2016 at 01:46 PM

    Sarah, 

    Your question has been moved to another thread, it can be found here: https://www.jotform.com/answers/904090 

    We will assist you on that thread as soon as possible.