My embedded form is cutoff on my WP powered website

  • Philip Cauwel
    Asked on February 4, 2018 at 5:18 PM

    I have following jotform https://form.jotformeu.com/80301564784356 that i have embedded on a wordpress.org site, visible via page https://www.wwmgent.be/musicalstage2018/

    But the bottom part of the form is not displayed completely. How can I solve this?

    I have tried using the embed code <script type="text/javascript" src="https://form.jotformeu.com/jsform/80301564784356"></script>

    I have also installed the jotform plugin and used the code [jotform id="80301564784356"], but the result remains the same.

  • jonathan
    Replied on February 4, 2018 at 5:42 PM

    I was able to see the problem when I checked on your website as well.

    1517784126zzz 2018 02 05 06 Screenshot 10

    What I suggest you try first to fix is to re-embed the form on your website using instead its iframe publish code.

    User guide: Getting the Form iFrame Code

    Let us know if using the iframe embed code still did not work.


  • Philip Cauwel
    Replied on February 5, 2018 at 3:51 PM

    Hi Jonathan,

    thank you for your quick reply. I tried the iFrame code, but the result remaining the same. Are there certainly parameters i could change to increase the displayed height of the form?

    Regards,

    Philip

  • Support_Management Jotform Support
    Replied on February 5, 2018 at 4:29 PM

    Hello Philip - I'm still seeing you're using the SCRIPT embed codes on your website. If you will be trying the IFRAME embed codes instead, please remove the script first. Then, paste the iframe codes alone (and don't include the <script> part (as shown below)?

    My embedded form is cutoff on my WP powered website Image 1 Screenshot 20

    Then on the IFRAME codes, feel free to set your preferred height in "px", and change the scrolling attribute to "yes".

    <iframe

      id="JotFormIFrame-80301564784356"

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

      allowtransparency="true"

      allowfullscreen="true"

      src="https://form.jotformeu.com/80301564784356"

      frameborder="0"

      style="width: 1px;

      min-width: 100%;

      height:2500px;

      border:none;"

      scrolling="yes"

    >

    </iframe>