Embed Options

Add your FormHug form to any website as an inline iframe or a floating button

Embed your form directly into any website — either as an inline iframe that loads within your page, or as a floating button that opens the form in an overlay.

Getting the Embed Code

1. Publish your form

   Click Publish in the top-right corner of the form editor.

2. Open the Share panel

   Click Add to website in the Share panel.

3. Choose embed type

   Select Iframe for inline or Floating Button for an overlay launcher.

4. Copy the code

   Copy the generated HTML and paste it into your website.

Inline Iframe

Embeds the form directly into your page layout. The form loads where you place the code.

<iframe
  src="https://formhug.ai/f/your-form-id"
  width="100%"
  height="600"
  frameborder="0">
</iframe>

Floating Button

Adds a persistent button at a fixed position on your page. Visitors click it to open the form in an overlay without leaving the page.

Configuration options:

Option	Description
Button text	Label displayed on the floating button
Position	Where the button appears (bottom-right, bottom-left, etc.)
Button color	Background color of the button
Text color	Color of the button label

Platform Guides

WordPress

Embed in WordPress

Webflow

Embed in Webflow

Notion

Embed in Notion

Framer

Embed in Framer

Related

Share Link

All sharing options including QR code, social, and AI poster