Embed form is not working on Wordpress site

  • Profile Image
    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 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.

  • Profile Image
    BJoanna
    Answered on May 27, 2015 at 01: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.

    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/   

    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. 

  • Profile Image
    jnphoto
    Answered on May 27, 2015 at 05: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!

  • Profile Image
    EltonCris
    Answered on May 27, 2015 at 07:14 PM

    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.

  • Profile Image
    jnphoto
    Answered 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:

     

  • Profile Image
    jnphoto
    Answered 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.

  • Profile Image
    EltonCris
    Answered 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 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!

  • Profile Image
    jnphoto
    Answered on May 28, 2015 at 01:00 AM

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

  • Profile Image
    BJoanna
    Answered on May 28, 2015 at 02:37 AM

    On behalf of my colleague, you are welcome.

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