Embed form is not working on Wordpress site

  • jnphoto
    Asked on May 27, 2015 at 11:53 AM

    Hello,

    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 website form 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.

    Thanks.

    Jotform Thread 576880 Screenshot
  • BJoanna
    Replied on May 27, 2015 at 1:15 PM

    I have tested your website in Chrome and Firefox and I could not reproduce mentioned problem. I was able to see entire form.

    Embed form is not working on Wordpress site Image 1 Screenshot 30

    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:

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

    Embed form is not working on Wordpress site Image 2 Screenshot 41

    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. 

  • jnphoto
    Replied on May 27, 2015 at 5:15 PM

    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!

  • Elton Support Team Lead
    Replied on May 27, 2015 at 7:14 PM

    Is this how it looks on android phones?

    Embed form is not working on Wordpress site Image 1 Screenshot 20

    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 onDISABLEDload="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.

  • jnphoto
    Replied on May 27, 2015 at 11:38 PM

    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:

     

    Embed form is not working on Wordpress site Image 1 Screenshot 20

  • jnphoto
    Replied on May 27, 2015 at 11:42 PM

    Here's the updated code. We've also tried removing everything after <script type to no avail. Thanks in advance for your help.Embed form is not working on Wordpress site Image 1 Screenshot 20

  • Elton Support Team Lead
    Replied on May 27, 2015 at 11:44 PM

    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 onDISABLEDload="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!

  • jnphoto
    Replied on May 28, 2015 at 1:00 AM

    YESSSS! That fixed it. Thanks so much!!!

  • BJoanna
    Replied on May 28, 2015 at 2:37 AM

    On behalf of my colleague, you are welcome.

    Feel free to contact us if you have any other questions.