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
- Set
width="100%"for responsive forms - Adjust
heightbased on your form length (400-800px typical) - Remove
frameborderfor a seamless look - Use FormGenius Pro to remove branding for a fully white-label experience