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.
Embed form is not working on Wordpress siteAsked by jnphoto on May 27, 2015 at 11:53 AM
We've had several complaints from people who say that only the first name field shows up on their screen and they can't complete the rest of the form. We've tried using the embed code as well as the WP code, but the problem occurs with either one.
I've attached a screenshot of the code for your review.
I have tested your website in Chrome and Firefox and I could not reproduce mentioned problem. I was able to see entire form.
Did you try to embed your form to Wordpress with our oEmbed plugin?
Inside of this article you find out how to embed your form to Wordpress using oEmbed plugin:
Once you are done, you'll be able to grab the direct link of the form and paste it directly in any of your Wordpress pages, so Wordpress will automatically recognize it's a Jotform URL's and will create the iFrame.
Hope this will help. Let us know if you need further assistance.
Thanks for looking into this so quickly.
I am still having the same problem. It seems people trying to use Android devices can't move through the form.
Thanks for the help!
Is this how it looks on android phones?
The form isn't displayed in full due to the mobile CSS version of your site that overrides the iframe container height of the form.
May I suggest to re-embed your form using the following iframe embed code (with !important on the height property to force the form height), this might help.
<iframe onload="window.parent.scrollTo(0,0)" src="https://www.jotform.com/form/51415580045146?redirect=1" allowtransparency="true" frameborder="0" name="51415580045146" id="51415580045146" style="width: 100%; border: none; height: 1003px !important;" scrolling="no"></iframe>
Hope this helps. Let us know if not so we can assist you further.
Yep, that's exactly how it looks. Thank you for the suggestion. Unfortunately, we've tried several different methods with that code, but the form is either gone completely or we get this screen:
Here's the updated code. We've also tried removing everything after <script type to no avail. Thanks in advance for your help.
My apologies. I've provided incorrect form URL. The one above in your screenshot seems working though it loads incorrect form URL. Please try it again with this.
<iframe onload="window.parent.scrollTo(0,0)" src="//www.jotform.us/form/51415580045146?redirect=1" allowtransparency="true" frameborder="0" name="51415580045146" id="51415580045146" style="width: 100%; border: none; height: 1003px !important;min-height:1003px !important;" scrolling="no"></iframe>
Please update us how it goes. Thanks!
YESSSS! That fixed it. Thanks so much!!!
On behalf of my colleague, you are welcome.
Feel free to contact us if you have any other questions.