The best tools to embed a form on your website.
Almost every form builder can put a form on your site — the real question is how polished the embed is, whether it resizes itself, and how much it costs. Below is an honest ranked list for the common case, followed by the general iframe pattern that works with any of them. If you just want the short version: Tally for a free auto-resizing embed, Typeform for a premium SDK, and QuizGen if an AI assistant is building the form for you.
How we picked
We ranked on three things that actually matter for embedding: how good the embed itself is (inline vs. popup, does it auto-resize), what it costs to embed without watermarks, and how you build the form in the first place. Every tool here can embed a working form. We've named each one's real strength and been plain about where it's weaker — including our own product.
The ranked list
1. Typeform
Best polished embed SDKTypeform is the most mature embed on this list. Its JavaScript SDK gives you inline, popup, slider, and full-page modes, auto-resizes the frame to the content, and passes hidden fields and completion events back to the parent page. If the form is a design deliverable a stakeholder will judge, the one-question-at-a-time feel embeds beautifully.
Pricing: Paid tiers meter monthly responses; a limited free tier exists. Check typeform.com/pricing for current numbers.
When to pick it: Pick it when the embedded form itself needs to feel premium and you want a real SDK with events, not just an iframe.
2. Tally
Best free embedTally is genuinely excellent and unusually generous: most of what other builders gate behind paid plans is free here, including embeds. It ships a small embed script with a Notion-like editor, and inline embedding with auto-height works out of the box. For most people who just want a clean form on their site without paying, Tally is the default answer.
Pricing: Free plan covers most needs; a paid tier adds branding and advanced features. Check tally.so for current numbers.
When to pick it: Pick it when you want a polished, auto-resizing embed for free and don't need an API or AI to build it.
3. Jotform
Best embed options and widgetsJotform has the widest range of embed methods — iframe, JavaScript, a feed/card layout, lightbox popups, and a large catalog of add-on widgets and integrations. If you need a specific embed behavior or a niche field type, Jotform probably has a toggle for it. The tradeoff is that the editor and dashboard can feel heavy compared with newer tools.
Pricing: Free tier with submission caps; paid tiers raise limits. Check jotform.com/pricing for current numbers.
When to pick it: Pick it when you want maximum embed flexibility and a big library of field types and integrations under one roof.
4. Google Forms
Simplest free iframeGoogle Forms gives you a ready-made iframe snippet from the Send menu, and it costs nothing. It's plain and unbranded, responses land in a linked Google Sheet, and there's no styling to speak of — the embed looks like Google Forms and can't be made to look like anything else. For an internal survey or a quick signup, that's completely fine.
Pricing: Free with a Google account.
When to pick it: Pick it when you want a zero-cost, zero-setup embed and don't care that it looks like Google Forms.
5. QuizGen
Best for AI-built forms you embedQuizGen is the AI-native pick. You describe the form in one sentence to Claude, ChatGPT, or Cursor via its MCP server — or POST a JSON definition to the REST API — and it becomes a live hosted form at quizgen.dev/q/<slug> with scoring, per-form webhooks, and response caps built in. To put it on your site, drop that hosted link into a standard <iframe>, or link out to it. Being honest: there is no dedicated embed SDK or auto-resizing widget yet, so if you need a polished inline embed that grows with its content, Typeform, Tally, and Jotform are more mature there today.
Pricing: Free — $0 for 3 live forms, 100 answers each/mo, no card. Pro — $15/mo removes QuizGen branding and adds full theming, webhooks everywhere, hidden fields. Sandbox needs no account and stays live 72 hours.
When to pick it: Pick it when an AI assistant or your own code builds the form, you want scoring and webhooks built in, and a hosted iframe or link is embed enough.
How to embed a form (the general pattern)
Whatever tool you use, embedding comes down to one of two moves. The first, and the one that works everywhere, is an iframe: you take the form's hosted URL and wrap it in an <iframe> element placed wherever you want the form to appear.
<iframe src="https://quizgen.dev/q/your-form-slug" width="100%" height="720" frameborder="0" title="Contact form" ></iframe>
Set width to 100% so the form fills its column, and give height enough room for the longest step. The main limitation of a plain iframe is that it can't grow to fit its content on its own — you pick a fixed height. The second move solves that: some builders (Typeform, Tally, Jotform) ship a small JavaScript snippet that auto-resizes the frame and adds popup or slider modes. If your tool offers that script, use it instead of the raw iframe for a cleaner result.
QuizGen forms embed with the plain iframe above — every form is a live page at quizgen.dev/q/<slug> with no framing restriction, so it drops straight into WordPress, Webflow, Framer, or hand-written HTML. There's no auto-height SDK yet, so either give the iframe a generous fixed height, or skip the embed and link out to the hosted form with a button. If a resizing inline widget is essential, one of the tools above is the better fit today — we'd rather tell you that than pretend otherwise.
At a glance
| Tool | Embed methods | Auto-resize | Cost to embed |
|---|---|---|---|
| Typeform | SDK: inline, popup, slider, full-page | Yes, auto-resizes | Free tier + paid; metered by responses |
| Tally | Script + iframe, inline | Yes, auto-resizes | Generous free plan |
| Jotform | iframe, JS, feed, lightbox | Yes, several modes | Free tier + paid |
| Google Forms | Ready-made iframe | Fixed height | Free |
| QuizGen | Plain iframe of hosted link, or link out | No SDK / auto-height yet | Free for 3 forms; $15/mo Pro |
Competitor pricing and features change — check each tool's own pricing page for current numbers before you commit.
Where QuizGen fits
QuizGen isn't trying to win the embed-widget race. Its edge is upstream of the embed: you describe a form in one sentence to an AI assistant via the MCP server, or POST JSON to the REST API, and get back a live link with scoring and per-form webhooks already wired in. That link embeds in a plain iframe or works as a standalone page. If you build forms with AI agents or from code, that matters more than a resizing widget. If you don't, look hard at Tally or Typeform first. We wrote up the reasoning in what a headless form builder actually is. For deeper one-to-one comparisons, see our Typeform, Tally, Jotform, and Google Forms pages.
Common questions
What is the best tool to embed a form on my site?
For a free, polished, auto-resizing embed, Tally is the best default. If the form is a design deliverable and you want a real SDK with completion events, Typeform is the most mature. For the widest range of embed methods and field types, Jotform. For a zero-setup free iframe, Google Forms. If an AI assistant or your own code builds the form and you want scoring and webhooks built in, QuizGen — embedded via its hosted link in an iframe.
How do I embed a form on my website?
The universal method is an iframe: get the form's hosted URL, then paste an <iframe src="..."> element into your page's HTML wherever the form should appear. Set a width (100% is common) and a height. Builders like Typeform, Tally, and Jotform also offer a JavaScript embed that auto-resizes the frame and adds popup or slider modes; Google Forms and QuizGen forms embed with a plain iframe of their hosted link.
Can I embed a QuizGen form on my site?
Yes, two ways. Every QuizGen form is a live hosted page at quizgen.dev/q/<slug>, so you can wrap that URL in a standard <iframe> and place it inline, or simply link out to it with a button. QuizGen doesn't ship a dedicated embed SDK or an auto-height widget yet, so for a pixel-perfect inline embed that resizes with its content, Typeform or Tally are stronger. For a form that an AI built in one sentence — with scoring and webhooks — a hosted iframe is usually all you need.
Do embedded forms hurt my page speed?
A single iframe is lightweight and loads its own content independently of your page, so the impact is small. JavaScript-based embeds add a script that can defer or lazy-load. If speed is critical, embed one form per page, load it below the fold, or link out to the hosted form instead of embedding it.
Is it better to embed a form or link to a hosted one?
Embedding keeps people on your page and usually converts better for short forms. Linking out to a hosted form is simpler, avoids iframe styling quirks, and is the better choice for long or multi-step forms, or when you want the full-screen hosted experience. Many tools — QuizGen included — let you do either from the same form.
Build a form in one sentence, then embed the link
Describe your form to an AI assistant, get a live hosted link, and drop it into an iframe. See how the AI form builder works, browse real examples, or start free.