← Back to Blog
How to Embed Forms in WordPress | Form Automation & Template Management 2026
February 1, 2026 · Form2Doc Team

How to Embed Forms in WordPress | Form Automation & Template Management 2026

How to Embed Form2Doc Forms Into Any Website (WordPress Step-by-Step Guide)

Learn how to embed Form2Doc forms into WordPress, Wix, Squarespace, or any custom website using a simple responsive iframe code. This complete tutorial shows you the exact buttons to click in Form2Doc and how to paste the embed code into WordPress using the Custom HTML block — no plugins needed.

Perfect for: Contact forms, lead generation forms, survey forms, booking forms, registration forms, and any data collection form you want to embed on your website.

Embed Form2Doc forms into WordPress, site builders, or any custom website using a small responsive iframe. This tutorial explains the exact buttons and order to click in the Form2Doc app and shows the minimal HTML required for a fast, responsive, SEO-friendly embed.

Quick Steps Overview

  1. Create a form in Form2Doc (example: Contact form with Name, Email fields)
  2. Publish the form to make it Public
  3. Click Actions → Embed HTML → Copy
  4. Paste into WordPress Custom HTML block and save
  5. Done! Your form is now live on your website

Video Tutorial

Watch this video to see the complete process how to find and copy embed code:

Part 1: Get Your Embed Code from Form2Doc

Step 1: Create or Open Your Form

  1. Log in to your Form2Doc account
  2. Create a new form or open an existing one
  3. Add fields you need (example: Contact form with Name and Email fields)

Step 2: Publish Your Form

  1. If your form is still in Draft status, click the Publish button in the top-right corner
  2. Once published, the form status changes to Public
  3. Now you can access the embedding options

Step 3: Copy the Embed Code

  1. Click the Actions button (three vertical dots icon) in the top-right area
  2. A dropdown menu appears with several options
  3. Choose Embed HTML (the code icon </>)
  4. The Embed HTML Code dialog appears showing a ready-to-copy iframe snippet
  5. Click the Copy button — the code is copied to your clipboard
  6. A success message confirms the code was copied

Important Note: The Embed HTML option only appears for Published (Public) forms. If you don't see this option, make sure your form is published first.

Video Tutorial

Watch this video to see the complete process if the embedding form in WordPress:

Part 2: Embed the Form in WordPress

Step 1: Open Your WordPress Page or Post

  1. Log in to your WordPress admin dashboard
  2. Navigate to the page or post where you want to embed the form
  3. Click Edit to open the page/post editor

Step 2: Add a Custom HTML Block

  1. Click the + (Add block) button where you want to insert the form
  2. Search for "Custom HTML" in the block selector
  3. Select the Custom HTML block from the results

Step 3: Paste the Embed Code

  1. Click inside the Custom HTML block
  2. Paste the embed code you copied from Form2Doc (Ctrl+V or Cmd+V)
  3. The iframe code will appear in the block

Step 4: Preview and Publish

  1. Click Preview to see how the form looks on your website
  2. If everything looks good, click Update or Publish
  3. Visit your public page to test the embedded form
  4. Try submitting a test entry to confirm it works

How Submissions Work

All form submissions from your embedded form automatically appear in your Form2Doc dashboard:

  • Go to your form in Form2Doc
  • Click the Responses tab
  • You'll see all submissions, whether they came from:
    • The embedded form on your website
    • The direct public link
    • Any other place where the form is embedded

There's no difference — all data is collected in one place!

Embedding in Other Platforms

The same embed code works for any website platform that supports custom HTML:

Wix

  1. Add an HTML iframe element
  2. Paste the embed code
  3. Publish your page

Squarespace

  1. Add a Code Block
  2. Paste the embed code
  3. Save and publish

Custom HTML Sites

Simply paste the iframe code wherever you want the form to appear in your HTML.

Why Embed Forms with Form2Doc?

✅ No plugins needed — Works with pure HTML iframe
✅ Responsive design — Automatically adapts to mobile, tablet, desktop
✅ Fast loading — Lightweight embed code, no performance impact
✅ Secure — All submissions encrypted and stored securely
✅ Real-time updates — Changes to your form appear instantly
✅ Document generation — Submissions automatically generate documents
✅ Notifications — Get instant alerts via email, Telegram, or WhatsApp

Troubleshooting Common Issues

Q: I don't see the "Embed HTML" option in Actions menu
A: Make sure your form is Published (Public status). The embed option only appears for public forms.

Q: The form doesn't display on my website
A: Check that you pasted the code into a Custom HTML block (not a regular paragraph). Some WordPress themes may block iframes.

Q: The form is too small/too large
A: The embed code uses responsive design. You can adjust the height in the iframe code if needed.

Q: Submissions aren't appearing in Form2Doc
A: Check your internet connection and verify you're looking at the correct form in your dashboard.

Next Steps

Now that you know how to embed forms, explore these features:

Need Help?

If you have questions about embedding Form2Doc forms on your website, contact our support team or check our documentation.

Start embedding beautiful forms on your website today! Create your free Form2Doc account and get your first form live in minutes.