Jotform Guide

Jotform WordPress Integration Add Forms to Any WordPress Site

M

Written by Muzi

Full Stack Web Developer and Digital Entrepreneur with a focused expertise in creating high-utility digital platforms that make complex technology straightforward for everyday users.

Updated May 2026 · 5 min read

💡 Quick Answer

Jotform embeds in WordPress via the official Jotform plugin (block + shortcode), iFrame embed code, or JavaScript embed. The official plugin is the easiest method — install it, then insert a Jotform block on any page and enter your form ID. No coding required.

Ways to Embed Jotform in WordPress

  • Jotform WordPress Plugin — official plugin with Gutenberg block and shortcode
  • iFrame embed code — paste into a Custom HTML block
  • JavaScript embed code — more flexible, form loads without page refresh
  • Lightbox/popup embed — form appears in a popup modal

Using the Jotform WordPress Plugin

  1. In WordPress admin, go to Plugins → Add New
  2. Search "Jotform" and install/activate the official plugin
  3. Edit your page or post in the block editor
  4. Add a Jotform block (search in block inserter)
  5. Enter your Jotform form ID or URL
  6. The form renders inline in the page editor preview and on the live page

Manual Embed (iFrame or JavaScript)

  1. In Jotform, open your form and go to Publish → Embed
  2. Copy the iFrame or JS Embed code
  3. In WordPress, add a Custom HTML block to your page
  4. Paste the embed code into the HTML block
  5. Save and preview the page

Frequently Asked Questions

Does Jotform work with WordPress?
Yes. Jotform forms can be embedded in WordPress using the official Jotform WordPress plugin, a shortcode, iFrame embed code, or JavaScript embed code. The official plugin (available on wordpress.org) provides a block and shortcode for easy embedding without touching code.
How do I add a Jotform to a WordPress page?
The easiest method: install the Jotform WordPress plugin → edit your page → add a Jotform block or use the shortcode [jotform id='YOUR_FORM_ID']. Alternatively, copy the iFrame or JavaScript embed code from Jotform's Publish → Embed section and paste it into a Custom HTML WordPress block.