Jotform Guide

Jotform Embed How to Add a Form to Any Website

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

Embed any Jotform on your website with a copy-paste iFrame or JavaScript code snippet. Open the form → Publish → Embed → copy the code → paste into your website HTML. Supports WordPress, Wix, Squarespace, Webflow, Shopify, and any HTML-based website.

How to Embed a Jotform

  1. Open your form in Form Builder
  2. Click Publish at the top
  3. Click Embed in the publishing panel
  4. Choose iFrame or JavaScript embed type
  5. Optionally adjust the height
  6. Copy the code snippet
  7. Paste into your website's HTML where you want the form

Embed Options

  • iFrame: Universal, isolated in a frame, works on all sites
  • JavaScript: Seamless integration, auto-resizes, better for single-page apps
  • Full-page embed: Form takes the entire page (no header/footer)
  • Lightbox: Embed as a popup/modal triggered by a button click
  • Popover/chat widget: Floating button that opens the form as an overlay

Platform-Specific Embedding

  • WordPress: Use the official Jotform WordPress plugin (search "Jotform" in Plugins) or paste iFrame code in an HTML block
  • Wix: Add HTML element → paste iFrame code
  • Squarespace: Add Code block → paste embed code
  • Webflow: Add Embed element → paste JavaScript code
  • Shopify: Edit theme HTML or use a page with custom HTML content block

Frequently Asked Questions

How do I embed a Jotform on my website?
To embed a Jotform: open your form → click Publish → click Embed → copy the iFrame or JavaScript code → paste it into your website's HTML. The form displays inline on your page. Works on WordPress, Wix, Squarespace, Webflow, Shopify, and any HTML-capable site.
What is the difference between iFrame and JavaScript embed?
iFrame embed is the most universal and easiest to implement — it wraps the form in an isolated frame. JavaScript embed allows the form to integrate more seamlessly with the page (no fixed iframe border) and can auto-resize. For most websites, the iFrame embed works fine.