Iframe Embedding
Add your forms to any website with a simple copy-paste. Our auto-resizing iframe embed works with WordPress, Webflow, Framer, React, and any platform that supports HTML. One line of code, zero maintenance, perfect display every time.
Why Embed with Iframe?
Auto-Resizing
The embed script automatically adjusts the iframe height as users navigate through your form. No scrollbars, no cutoff content.
Secure Isolation
Forms run in a secure sandbox. Your website CSS cannot break the form, and the form cannot affect your site.
Works Everywhere
Any platform that supports HTML can embed MakeForms. No plugins, no dependencies, no compatibility issues.
Responsive
Embedded forms automatically adapt to the container width. Perfect for desktop, tablet, and mobile viewing.
The Embed Code
Copy this code and paste it into your website. That is it.
<iframe
src="https://makeforms.xyz/f/your-form-slug"
width="100%"
height="600"
frameborder="0"
scrolling="no"
style="border:none;"
data-makeforms-embed
></iframe>
<script src="https://makeforms.xyz/embed.js" defer></script>
Works With Every Platform
No matter what platform you use, embedding MakeForms is as simple as pasting HTML.
WordPress
Add to posts, pages, or widgets with the Custom HTML block
Webflow
Use the Embed element and paste the code directly
Framer
Drop in an Embed component and paste the code
React / Next.js
Render the iframe in any component
Wix
Use the HTML Embed element
Squarespace
Add a Code Block and paste the embed
Shopify
Add to pages or product descriptions
Static HTML
Paste directly into any HTML file
How to Embed
Publish Your Form
Make sure your form is published and has a public URL
Get Embed Code
Go to the Share tab and copy the iframe code
Paste on Your Site
Add the code to your website where you want the form
Done!
The form appears instantly and resizes automatically
Embedding Tips
Set the Right Height
Start with 600px and increase if your form is long. The auto-resize script will adjust as needed.
Use Full Width
Set width to 100% so the form adapts to your container. Add a max-width container if needed.
Test on Mobile
Always test embedded forms on mobile devices to ensure they look great on small screens.
Include the Script
Do not forget the embed.js script—it enables the auto-resizing magic.
Embed forms on your website today
One line of code is all it takes to add beautiful forms to your site.