A Guide to Embed Forms for WordPress Users

WordPress is the most popular content management system in the world. It started out as a platform exclusively for blogging but has grown and advanced significantly over the years. As of January 2015, WordPress was used by more than 23.3% of the top 10 million websites. 

Jotform strives hard to make sure that forms will work for the most popular CMSes on the market. For WordPress users, putting your form into a post or page takes just a few steps. The three ways to do this are:

• Using WordPress Embed Form Plugins.
• Using our WordPress embed method
• For hosted WordPress.com users, using the embed method.

Using WordPress Embed Form Plugins

For WordPress.org users, install our embed form plugin, and then use shortcodes to embed the form. First install the plugin: Embed Form.

1. Log in to your WordPress Admin Panel.

2. Click Plugins > Add New option.

3. Search for “Jotform” in the search bar. You will find 3 different plugins authored by Jotform.com. The Embed Form plugin is named “Jotform Online Forms – Drag & Drop Form Builder, Securely Embed Contact Forms“.

4. Click the Install Now button

5. Click the Activate button to activate the plugin.

6. In your WordPress post/page, you will see the Jotform pencil icon.

As long as you are logged into your Jotform account using the same browser, clicking the icon will popup a window where you can select the form you’d like to embed.

Search and select the form from the list.

If you are using WordPress’s latest editor, Gutenberg, you must add a Classic block to your post or page to be able to add a form using the Jotform icon.

7. Selecting the form and clicking the Continue button will add the shortcode into the post/page:

8. Save the page and that’s it, the form is now embedded to your post/page. We also have an oEmbed Plugin: Jotform oEmbed. Simply install the plugin by following the same steps above.

Get your form URL by clicking the Preview button in the Form Builder

Paste the form URL in the WordPress post/page and the oEmbed plugin will automatically detect the form and embed it to your page/post.

When pasting the form URL, the form is loaded or displayed automatically:

For Feedback forms, you can install our Feedback Form Plugin: Jotform Feedback Button.

After you install and activate the plugin, simply go to Settings > Jotform Feedback Button. Click the Search icon next to the Form ID box > Select the form from the popup. The popup automatically logs you in for as long as you are logged in with Jotform account. Click the Continue button to select/add the form.

Configure the other options when required and click the Save Changes button at the bottom part to save your changes. And that’s it!

After saving the changes, you will now see the feedback button in every post/page of your website:

Using Our WordPress Embed Method

If you prefer not to use a plugin, you can also embed the form to your post/page using our embed methods.

In the form builder, click the Publish button. Open the “Platforms” tab and search for WordPress.

Select which WordPress from the list is appropriate in your case.

If your website is self-hosted using “WordPress.org” files, then follow the instructions listed under the WordPress.org option.

In your WordPress post/page, add the Custom HTML block and paste the embed codes.

If for some reason the WordPress Embed won’t work, we recommend using our iFrame method: Getting-the-Form-iFrame-Code. Sometimes it may run into a JavaScript conflict with other code on the page, for instance.

Using the Embed Method With WordPress.com

For WordPress.com hosted websites adding a Jotform form is as easy as placing embed tags around your form’s URL within your post. Add the Shortcode or Custom HTML block and paste the embed tags for your form.