Embed forms
Embed a published hosted form in your page as an inline form, a popup, a slider, or a fullpage form. Choose the mode that fits how you want visitors to see and open it.
Choose an embed mode
| Mode | Use it when | Guide |
|---|---|---|
| Standard | You want the form to appear inline in your page and resize to its content. | Standard embed |
| Popup | You want a button or automatic trigger to open a centered or bottom-right modal. | Popup embed |
| Slider | You want a button or automatic trigger to open a drawer from the left or right. | Slider embed |
| Fullpage | You want a form to fill its iframe container. | Fullpage embed |
Popup and slider embeds can open on a button click, page load, after a delay, on exit intent, or at a scroll depth. Hosted embed snippets are available in the form’s Share dialog. You can also get a paste-ready package with the get_form_embed MCP tool.
Standard embed
This snippet places the form inline and lets the SDK resize the iframe to the form’s height.
<iframe
data-makeform-src="https://makeform.ai/e/FORM_ID?mk-rm-bg=true&mk-align-left=1&__mf_standard_embed=1"
loading="lazy"
style="width:100%;height:auto;"
data-makeform-auto-resize
frameborder="0"
marginheight="0"
marginwidth="0"
title="Contact form"></iframe>
<script async src="https://www.makeform.ai/widgets/embed.js"></script>Popup embed
This snippet opens a centered popup when the visitor clicks the button.
<button
data-makeform-popup="https://makeform.ai/e/FORM_ID?__mf_modal_embed=1"
data-makeform-width="400"
data-makeform-position="center"
data-makeform-overlay="true"
class="makeform-popup-trigger">Open form</button>
<script async src="https://www.makeform.ai/widgets/embed.js"></script>Slider embed
This snippet opens a drawer from the right when the visitor clicks the button.
<button
data-makeform-slider="https://makeform.ai/e/FORM_ID?__mf_modal_embed=1"
data-makeform-width="400"
data-makeform-position="right"
class="makeform-slider-trigger">Open form</button>
<script async src="https://www.makeform.ai/widgets/embed.js"></script>Fullpage embed
Use a plain iframe when you do not need event tracking. This mode does not require the SDK.
<iframe
src="https://makeform.ai/f/FORM_ID?mk-rm-bg=true"
style="position:absolute;inset:0;width:100%;height:100%;"
referrerpolicy="strict-origin-when-cross-origin"
title="Contact form"></iframe>