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

    Unable to properly embed form using form's script

    Asked by director692 on June 23, 2015 at 07:57 AM

    Hello,

    I imported some forms on JOTFORM after that I noticed frames don't fix the content inside web pages. When I embed the form into a page (static html) I see just the header; same when I embed on wordpress as well.

    The issue happen just with imported forms; ordinary form made on JOTFORM websites work fine. So I checked same preferences for all form, nothing changed.

    I see after 2/3 minutes the frame become full height and then it's usable. But this's annoying: nobody wait till 2/3 minutes to load a page, and there's no loader who says "Loading, please wait...".

    I give two examples:

    1) The page with live view

    2) Screenshot of the same page using a default Theme for Wordpress.

    Page URL:
    http://www.morethanenglish.co.uk/en/page-for-crash-tests-2/

    Screenshot
    script iframe embed form
  • Profile Image
    JotForm Support

    Answered by Mike_G on June 23, 2015 at 09:38 AM

    Could you, please, try to use the iframe code instead of the embed script code?

    You may use this guide: Getting-the-Form-iFrame-Code

    It's possible that there are conflicts between the scripts of your form and the scripts of your web page. 

    When you embed the iframe code, please do not include the "script" part of it. 

    I hope this helps. Let us know if you need any further assistance. Thank you. 

  • Profile Image

    Answered by director692 on June 23, 2015 at 10:26 AM

    Yes, I know the iFrame embedding. But, sometimes the scroll down action doesn't work, or don't show footer buttons.  And also, the result is a 11600 pixels long page.
    I'll try some other options.

  • Profile Image
    JotForm Support

    Answered by Mike_G on June 23, 2015 at 12:25 PM

    I tried replicating your website, It's possible that the issue is not within the form but where it was embedded on your website.

    The form is embedded inside the "<article>" element with an "id" of "post-1130". 

     

    Could you try if that element could be lowered down so it will not be under the header because that might solve the issue you're having?

    Let us know how your testing goes. We will wait for your response. Thank you. 

  • Profile Image

    Answered by director692 on June 30, 2015 at 04:05 AM

    Hello, after many tests I tried a simple-basic embed of the form.

    Same problem on a simple plain page as well.

    I tried to embed the form in a simple-basic HTML page.
    This is what I see:

    - I taken the SCRIPT code from JOT FORM embedding wizard;

    - the form is partially rendered in the page;

    - I tried with many browsers;

    - see basic HTML behind.

    This issue is very urgently! 

     

  • Profile Image

    Answered by director692 on June 30, 2015 at 04:08 AM

     

  • Profile Image
    JotForm Support

    Answered by Welvin on June 30, 2015 at 08:44 AM

    You should follow the basic HTML structure if you want to embed the form into an HTML page: http://www.w3schools.com/html/html_intro.asp.

    I see that you are using WordPress. If the embed method won't work, maybe our Plugins will do. Kindly check them.

    https://wordpress.org/plugins/embed-form/

    https://wordpress.org/plugins/jotform-oembed/

    Try first the Embed Form Plugin. If that isn't working, try the oEmbed. If none is working, then please let us know so we can investigate further.

    Just a  few things to note:

    1. You have a multi-page form so embedding the form using our iframe and removing the script tags will create an empty space at the bottom part. This is because iframe has a fixed height.

    2. Your form doesn't automatically load the images. They're just too big so maybe you should optimize them before adding them into the form.

    I hope that helps.

    Thanks