Embed forms anywhere: inline, full-screen, and popup

A form that lives on a standalone link is useful, but most forms need to live on your website — on a contact page, inside a landing page, or as a popup that appears at the right moment.

We’ve just shipped three embedding options for Fomr forms.

Standard embed

The simplest option. Copy a code snippet, paste it into your website’s HTML, and the form appears inline on the page. It’s an iframe plus one small script (a few KB) that resizes the form to fit its content, so there’s no inner scrollbar to manage.

<iframe
  src="https://fomr.io/s/embed/YOUR_FORM_ID"
  title="Contact form"
  width="100%"
  height="500"
  loading="lazy"
  allow="clipboard-write; fullscreen"
  style="border: 0"
></iframe>
<script async src="https://fomr.io/widget/embed.js"></script>

This works on any website: WordPress, Squarespace, Wix, static HTML, React apps, Webflow — anywhere you can paste HTML. The embed is responsive by default, so it adapts to the container width, and it loads without slowing your page down.

Best for: contact pages, quote request forms, feedback forms on product pages, registration forms on event landing pages.

Full-screen embed

Some forms deserve the full screen. A full-screen embed gives your form an entire page — no navigation, no sidebar, no distractions. Just the form.

<!doctype html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Contact form</title>
    <script async src="https://fomr.io/widget/embed.js"></script>
  </head>
  <body style="margin: 0">
    <iframe
      src="https://fomr.io/s/embed/YOUR_FORM_ID?embedType=fullscreen"
      title="Contact form"
      width="100%"
      height="100%"
      allow="clipboard-write; fullscreen"
      style="position: fixed; inset: 0; border: 0"
    ></iframe>
  </body>
</html>

This is ideal for forms where completion is the only goal. Lead magnets, job applications, detailed surveys. The respondent’s attention is fully on the form, which typically improves completion rates.

You get a dedicated URL that you can link to from anywhere: email campaigns, social media posts, QR codes, or buttons on your website.

Popup embed

The newest option. A popup form appears on top of your existing page content, opened by a button click. It’s a button plus the same small script, and the popup resizes to fit the form.

<button
  type="button"
  data-fomr-open="YOUR_FORM_ID"
  data-fomr-popup-overlay="true"
  data-fomr-popup-position="center"
>
  Open form
</button>
<script async src="https://fomr.io/widget/embed.js"></script>

Two popup styles are available:

Center popup — A modal overlay that appears in the center of the screen. Good for forms triggered by a “Contact Us” or “Get a Quote” button. The overlay dims the background, focusing attention on the form.

Bottom-right corner popup — A smaller, less intrusive popup that sits in the bottom corner of the screen. Think of a feedback widget or a quick survey. It’s visible but doesn’t block the page content.

Both popup types are dismissible. Respondents can close them by clicking outside or pressing Escape, and return to what they were doing. Any element with the same data-fomr-open attribute opens the popup. On a site builder that only lets you set a link URL, add the script to your site and link the button to #fomr-open=YOUR_FORM_ID.

One form, multiple embed options

Here’s what’s nice: you don’t have to create separate forms for each embed method. Build one form, and use it as an inline embed, a full-screen page, and a popup — all from the same form URL.

Open Configure → Add to website in the editor to copy the code for Standard, Popup, or Fullscreen. Use the matching snippet above; all three load the same form.

When to use each option

The right choice depends on the form’s purpose and where it appears in the user journey. A feedback form on a SaaS dashboard works best as a corner popup. A registration form for an event works best as a standard embed or full-screen page.

Available now

All three embed options are available on the free plan. No response limits, no form limits.

Create a form and try embedding it on your site.