← All Posts
Guides2026-03-225 min read

How to Embed a Form on Your Website (HTML, WordPress, Webflow)

Complete guide to embedding online forms on any website. Includes code snippets for HTML, WordPress, Webflow, Squarespace, and Wix.

You've created a beautiful form — now you need to put it on your website. Here's how to embed forms on any platform.

Method 1: iframe Embed (Works Everywhere)

The simplest method. Works on any website that supports HTML.

<iframe src="https://formgenius.co/embed/YOUR_FORM_ID" width="100%" height="600" frameborder="0"></iframe>

In FormGenius, click the Embed button in the form editor to get your personalized code.

Method 2: Direct Link

Share the form URL directly: https://formgenius.co/f/YOUR_FORM_ID

Best for: email campaigns, social media, QR codes.

Platform-Specific Instructions

WordPress

Add a Custom HTML block in the editor and paste the iframe code. That's it.

Webflow

Add an Embed element from the Add panel. Paste the iframe code into the embed settings.

Squarespace

Add a Code Block to your page. Paste the iframe code. Make sure "Display Source" is unchecked.

Wix

Add an HTML iframe element from the Add menu. Paste the embed URL into the iframe settings.

Shopify

Edit your page in the Shopify admin. Switch to HTML view. Paste the iframe code where you want the form.

Styling Tips

Try FormGenius for free

Build your first form in under 30 seconds with AI.

Get Started Free