Qwenvo

How to Embed a Form on Your Website (Standard, Popup, Full Page)

By the Qwenvo team · · 4 min read

To embed a form, publish it, open the Share tab, choose Standard, Popup or Full page, copy the snippet and paste it into any page block that accepts HTML. The embed resizes itself, and the same form still works at its public link.

Pick the embed type

  • Standard. An auto-resizing frame that sits inside your page like any other content. Best for contact pages and landing pages.
  • Popup. The form opens over the page. Choose a modal, a side drawer or a bottom-right popup, and a trigger: a button, a delay in seconds, scroll depth or exit intent. You can show it once per visitor. Read popup forms.
  • Full page. The form fills the whole browser window. Use it when the form is the page.

Embed in five steps

  1. Publish the form. Open the Share tab.
  2. Choose the embed type and set its options.
  3. Click to copy the snippet.
  4. In your site editor, add an HTML, code or embed block where the form belongs and paste the snippet. Do not edit the snippet.
  5. Save, view the live page, and submit a test response.

Options that change the look

  • Transparent background so the form takes the colour of your page.
  • Hide title if your page already has a heading.
  • Align left to line the form up with your text.
  • Dynamic height so the frame grows with the form.
  • Forward form events to the parent page with postMessage, for developers who want to react when someone submits.
  • Save website page and query parameters to pass UTM tags and the page URL into hidden fields. See UTM tracking with hidden fields.

Where the code goes

Any builder with an HTML or embed block works: a WordPress custom HTML block, a Webflow embed, a Framer embed, a Wix or Squarespace code block, and Notion's /embed. Step-by-step posts: WordPress, Webflow, Framer and Notion.

Make it match your site

The embed uses the form's own theme, so style it in Customize: colours, fonts, button styles, page width, logo and cover. That is free, along with custom CSS for the last details. Switch off Qwenvo branding in Settings for a clean look, and consider a custom domain so the link shows your name too.

Check it before launch

  • Open the live page on a phone and a laptop.
  • Submit a test and confirm the response and the notification email arrive.
  • Check that a very long thank-you page does not get cut off.
  • Look at your browser's console if nothing shows; a security setting on your site may block scripts.

Mistakes to avoid

  • Pasting into a plain text block. The code needs an HTML or embed block, or it prints as text.
  • Embedding a draft. Publish first.
  • Styling against the iframe. Page CSS cannot reach inside the form; change it in Customize.
  • Several popups on one page. Pick one trigger so you do not annoy visitors.

The honest limit: a builder that has no HTML or embed block cannot run the snippet. In that case, link to the form with a button instead. Some sites also block outside scripts for security, which stops embeds from loading.

Which type for which job

  • A contact page or pricing page: Standard, placed in the content.
  • An offer on a blog post or landing page: Popup, with a button, scroll or exit-intent trigger.
  • A link in a social bio, an email or a printed code: the public link or a Full page embed.
  • A product page: Standard below the description, or a Popup from a button.

You can use more than one on a site, because every embed shows the same published form and all answers land in one Submissions table.

Keep it accessible

Give the embed a heading on your page so people know what the form is for, and keep the form's own text readable: sufficient contrast, clear labels and no tiny fonts. Test with the keyboard by tabbing through the fields. The Customize panel shows the contrast of button text on its background, which helps you avoid an unreadable button. Add a plain link to the form beneath the embed as a fallback.

Questions people ask

How do I embed a form on my website?

Copy the code from the Share tab and paste it into an HTML or embed block. The embed help article lists all options.

Do I need to know code?

No. You copy and paste. Only the optional events feature needs a developer.

Can I embed the same form in several places?

Yes, and with the save-parameters option each page's tags can be told apart in the results.

Does it cost anything?

No. Embeds, popups and full-page forms are free; on Tally some design options and branding removal require Pro. See Qwenvo vs Tally.

Every feature, $0, no card.

Embed a form free