JotForm User Guide / Share Forms /

How to Embed a Form to Wordpress.com

How to Embed a Form to Wordpress.com

Wordpress.com, a free blog-hosting service provider, has added support for Jotform. It is now possible to embed Jotform with Wordpress.com. This is also explained in this article, Wordpress.com Now Supports JotForm Forms.

Here's a video tutorial:

To add a Jotform to a Wordpress.com blog post follow these steps:

Navigate to PUBLISH > PLATFORMS > WORDPRESS.COM (blue WordPress icon).

Click the COPY CODE button then paste them on your WordPress.com page/post editor.

**Make sure that the Jotform URL is on its own line and not hyperlinked

For the classic editor, paste the shortcode into the HTML editor. The visual editor may sometimes cause a problem with the form;

Wordpress.com Classic Editor - Jotform

For the new Guterberg editor, use the Shortcode block and paste the shortcode of the form there;

Wordpress.com Gutenberg Editor - Jotform

If you have questions related to this guide, feel free to post them below.

Contact Support:
Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:
Contact JotForm Support: https://www.jotform.com/contact/

Send Comment

25 Comments...

  • maronitevocations

    Updates concerning embedding a jotform form in a page/post on wodpress.com:

    1. Install and make sure that the jotform plugin is activated

    2. Once the plugin is activated, my experience shows that [embed] https://form.jotform.com/form/jotform-id-number [/embed] displays the form, but "Save to Continue" and "Submit" do not work at all.

    3. To make it work, one must use the iframe code found under Publish | Embed | iframe

    4. Or better yet, one can use the following: [jotform id="jotform-id-number"]

    Steps 3 and 4 worked very well for me.

    I hope this helps.

  • maronitevocations

    For wordpress.com pages and posts, the [embed] tag provided by jotform has not worked for me. I used, instead, the iframe code, and it works fine. One can find it under: Publish | Embed | iframe

  • maronitevocations

    To change the height of the form, one needs to inject css code similar to the following. It works with wrodpress.com pages and posts.

    .page-id-301 .wp-embedded-content[src*="oembed.jotform.com"] {
    min-height: 1500px;
    }

  • Kirsten Rich

    Is there a way where I can have a 100% height with my form?

  • Vivienne Sang

    Thank you for your prompt reply. The problem is that I already followed this guide when I searched on line. It tells one how to embed onto a post, or rather, as a new post. This is not what I'm trying to do. I want to have it on my sidebar so it's there all the time. Is this possible?

  • red7eleven1

    Hi,

    Can we adjust the width of the form to view in wordpress?

  • theleelaproject

    It doesn't work. It doesn't show up on my wordpress page.

  • cdtcmpo

    Can I control the width of the embedded jotform? I have links & Resources on the right side of my Wordpress.com website and the embeded link for the jotform overlaps it.

  • MingleMarkets

    Hi! We have followed the steps above which are very easy to understand! However, we are only getting half a form appear on our page! I can't figure out how to expand it so the whole form appears. Any advice you have would be great! Isla

  • NATHAN

    Hi, I want to embed the pre-frill form in wordpress site. is it possible?

  • dshorne

    I have been unable to get the form to show in my Wordpress sidebar. The site is www.emilyhussey.com.au. I have posted the Embed code and also the iFrame code into the widget with no results. Not sure what to do next. I am linking to Mailchimp.

  • deniskt

    Hi Welvin,

    i trust you are well.

    kindly help me out, i have a ccount with jotforms online and i created a form which i need to publish on my hosted wordpress website but am failing.

    kindly advise me on how to finalize this.

    The url for my form is: https://form.myjotform.com/72284259153560


    Thank You.

    kind regards
    Denis

  • Eleadah

    Does anyone know how to get the form to work in a Sidebar Text Widget?

  • opeedo

    Hello I followed all the instruction and I discovered the form does not display on several browsers like Opera, Safari and UC Browser http://ijmbexam.com/ijmb-form/

  • allisouth

    I have the form on my wordpress.com website, using the Platform link. Once you complete the form, it just sits at "please wait" and never completes. Have tried from 3 different locations to rule out my internet. I even deleted the link and re-posted. Still not working. Thank you!
    http://foothillscanineacademy.com/puppy-preschool-registration/

  • amethystangel

    I have tried every which way, following some of the advice on the posts here, but it always comes out as a link, not as a form. This was my test, using one of my current forms on a site I don't use anymore
    https://indieactsofkindness.wordpress.com/2015/12/31/43/

    any ideas? I would love to move my website to wordpress, I only kept it where it was because jotform was incompatible with wordpress.com!

    Thanks!

  • Firbec

    It doesn't work me. I've tried everything written here and still got just a link to the form.

    Any suggestions? Tnx!

  • RycheleKalilikane

    Hi there, So, it totally works! You just need to paste it the direct link that jotform creates for you in your the text box of your post or page content for your wordpress.com site, and publish! Once it's published, you can view it.

  • rebeccasaniga

    I can't get thid to work with wordpress.com. I paste the code but when I publish and view the page it is blank. When I go back to edit, the code is gone.

  • jjb2

    found the issue: one needs to paste form.jotform.me link (no customized link)

  • jjb2

    it shows a link, but not a form...

  • dalengarris

    I think it only shows after it has been published. The preview won't show it.
    I use my Wordpress blog to RSS into my Madmimi mailout automatically. I wonder if the form will still show when it gets forwarded to MM or will that show a blank page?

  • expat1uk

    But can I embed the actual form on a page in Wordpress.com?

    Thank you!

  • CP_Photography

    Hello, the form is not showing up on my Wordpress.com page after following your instructions, only the URL. Please help?

  • surfinscherfen

    Can I embed form in Dreamweaver page?