JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Unable to properly embed form using form's scriptAsked by director692 on June 23, 2015 at 07:57 AM
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.
script iframe embed form
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.
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.
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.
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!
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.
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.