Unable to properly embed form using form's script

  • director692
    Asked on June 23, 2015 at 7: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.

    Jotform Thread 594619 Screenshot
  • Mike_G JotForm Support
    Replied on June 23, 2015 at 9: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. 

    Unable to properly embed form using forms script Image 1 Screenshot 20

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

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

  • Mike_G JotForm Support
    Replied 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". 

    Unable to properly embed form using forms script Image 1 Screenshot 20

     

    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. 

  • director692
    Replied on June 30, 2015 at 4: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! 

     

  • director692
    Replied on June 30, 2015 at 4:08 AM

    Unable to properly embed form using forms script Image 1 Screenshot 20

     

  • Welvin Support Team Lead
    Replied on June 30, 2015 at 8: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