How can I get rid of the huge box underneath my Wordpress.com form?

  • Profile Image
    sophiechen43
    Asked on May 18, 2017 at 01:30 PM

    I'm trying to embed a subscribe form in Wordpress.com. When I use the [embed] tags, the height of the box is too much and I get a huge box underneath my form (I tried making it transparent, and I still get a huge space under my form). I also tried pasting in the iframe code instead of the [embed] and while it showed up perfectly when I clicked to the Visual tab of my Wordpress.com, when I go to my website, I only see a link.  

  • Profile Image
    BJoanna
    Answered on May 18, 2017 at 02:32 PM

    Inside of this guide you can find how to embed a form to Wordpress.com:

    How to embed a form to Wordpress.com

    You can also check this guide:

    A guide to forms for WordPress users

    If the issue still persist, please provide us URL of your webpage. 

    Let us know if you need further assistance. 

  • Profile Image
    sophiechen43
    Answered on May 18, 2017 at 02:36 PM

    Yes, I successfully embedded the form to  Wordpress.com following those instructions. But when it appears on my website, there's a huge blank box that appears around the form. For some reason, it's automatically getting resized to a way bigger height than I want. I've seen instructions for how to resize box or use the iframe code for Wordpress.org, but I can't find a solution for Wordpress.com. 

    Thanks

  • Profile Image
    BJoanna
    Answered on May 18, 2017 at 03:18 PM

    It should be the same for Wordpress.com and Wordpress.org. Add the iFrame code inside of the Text mode editor. Inside of this guide you can find how to get iFrame code of your form:

    Getting the form iFrame code

    If the form is still not shown properly, provide us URL of your webpage.

  • Profile Image
    sophiechen43
    Answered on May 18, 2017 at 03:32 PM

    I did copy the iFrame code and paste it inside the Text mode editor in Wordpress.com. But the form doesn't show up on my website, just a link (although the form, for some reason, DOES show up on the Visual mode editor, looking absolutely perfect). I've been trying to get this to work for hours and I don't think it's possible. Although JotForm's forms are better-looking and less intrusive I ended up having to use Wufoo b/c the sizing was right :(

  • Profile Image
    Welvin
    Answered on May 18, 2017 at 04:36 PM

    You cannot use our embed methods on WordPress.com hosted websites. To embed the form, you need to wrap the form URL with [embed] tag or paste the form URL directly into the editor and let WordPress.com parse and display it in the page.

    Would you mind sharing us the page here? We'll check the page/form and let you know what can be done. I am sure the height can be adjusted. By default, the form height is dynamic, so I think something is adjusting the height in the page.

    I look forward to your reply.