Embedding
Embed a Formbear form on any website; the same renderer powers the embed and the hosted page.
Any published form can be embedded on your own site. The embed and the hosted page share one renderer, so respondents see exactly what you built, with the same styling and validation.
Get your embed code
Open the embed configurator
Open the form, select Share in the top bar, then Embed this form. Share appears once the form is published: an embed always serves the published version, never the draft.
Pick a type and adjust it
Choose Standard, Popup, or Full page and tune the options. The preview shows the embed exactly as your visitors will see it, and the code updates live.
Copy the code and paste it into your page
Paste the snippet into your page's HTML where the form should appear. Any site that accepts raw HTML works: a custom site, a CMS block, or a site builder.
Embed types
| Type | What it does | Options |
|---|---|---|
| Standard | The form sits in the flow of your page, filling its container's width. One iframe tag, no script. | Height; transparent background (drops the form's backdrop so it blends into your site) |
| Popup | A small script adds a floating button to your site that opens the form in a panel. | Position (bottom right or left); panel width; button label (emoji or short text); dark overlay |
| Full page | The form fills the whole browser tab. Use it on a page of its own. | None |
<iframe src="https://formbear.app/f/your-form" title="Your form" loading="lazy" style="width: 100%; height: 600px; border: none;"></iframe>A standard embed defaults to 600px tall; if your form is longer, respondents scroll inside the frame, so raise the height until the form fits without an inner scrollbar. The popup script loads from formbear.app, weighs about 2 kB compressed, and does nothing beyond drawing the button and the panel.
How embeds behave
- The snippet uses your form's public link, so a custom domain carries over to the embed automatically.
- Embedded views and submissions count in analytics and results exactly like visits to the hosted page.
- Publishing a change updates every embed immediately; there is nothing to re-copy unless you want a different size.