Adding Forms to Wordpress.org Version

October 20, 2024

WordPress is web software you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the same time. If you have a self-hosted WordPress.org website, adding your Jotform form to your post or page is relatively easy.

Getting the Embed Code

Follow these steps to copy the embed code for your WordPress.org page:

  1. In Form Builder, click on Publish.
  2. Next, click on Platforms.
Platforms tab of Form Builder Publish tab in Jotform
  1. Then, select WordPress.org. You can use the search bar to find it easily.
WordPress option in Platforms tab of Form Builder in Jotform
  1. In the next screen, click on Copy Code.
WordPress option Copy Code button in Platforms tab of Form Builder in Jotform

Embedding the Form

You can easily embed your form on your WordPress page or post using either the Classic Editor or the Gutenberg Editor, also known as the Block Editor. Both methods are straightforward, ensuring that you can display your form effortlessly on your site.

Using WordPress Gutenberg Editor

You can embed your form by using a Custom HTML block. Check out the steps below on how to do it:

  1. In WordPress Gutenberg Editor, click on the Plus icon to open the Block Inserter menu
Adding Forms to Wordpress
  1. Under the Blocks tab, search for and select the Custom HTML block to add it to your page.
Custom HTML block under the Block Inserter menu in WordPress Gutenberg Editor
  1. In the HTML block, paste your form embed code.
Jotform Embed Code in WordPress Gutenberg Editor HTML block
  1. Then, click on Save to apply the changes.
Save button in WordPress Gutenberg Editor

Using WordPress Classic Editor

You can embed a form by switching to the Text tab and pasting the embed code directly into the text editor. You may follow the steps below to complete this:

  1. In WordPress Classic Editor, click on the Text tab.
Text tab of WordPress Classic Editor
  1. In the HTML text editor, paste your form embed code.
Jotform Embed Code in WordPress Classic Text Editor
  1. Then, click on Update button to apply the changes.
Update button in WordPress Classic Editor

Are you running a blog on WordPress.com? Here’s a guide on How to Embed Form to WordPress.com.

Do you have any questions, suggestions, or feedback? Do you need help with embedding your form to your WordPress.org website? Please post a comment below. You can also reach us by creating a support ticket.

Academy Logo

Introduction to Form Building

Embed Your Form, and Create Editable PDFs

Go to course :Embed Your Form, and Create Editable PDFs
lesson-2 - image
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:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • Zhongkun Bai - Profile picture
  • flashx - Profile picture
  • Tennis Unit - Profile picture
  • cazaresbulldogs - Profile picture
  • roneet - Profile picture
  • BobDucey - Profile picture
  • aluiggib - Profile picture
  • fashionkiller - Profile picture
  • anita - Profile picture
  • skamerica - Profile picture
  • Krnnagel - Profile picture
  • 'Cesca - Profile picture
  • shezza28 - Profile picture
  • magicalmothering - Profile picture
  • Lane - Profile picture
  • TrademarkCapitalFinance - Profile picture
  • WinningEdgeFootball - Profile picture
  • uberspaceguru - Profile picture
  • uberspaceguru - Profile picture
  • skoppikar - Profile picture
  • asiskumar - Profile picture
  • Taneka - Profile picture
  • C C - Profile picture
  • John Anderson - Profile picture
  • underthemilkwood - Profile picture