How to embed form with Iframe method

  • 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.

  • Kevin Support Team Lead
    Replied 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"

          onDISABLEDload="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. 

  • Sarah ahmad
    Replied 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. 

  • Kevin Support Team Lead
    Replied on August 11, 2016 at 1: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.