Skip to main content
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. FormHug embed options: inline iframe and floating button with position and color controls

​
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:
OptionDescription
Button textLabel displayed on the floating button
PositionWhere the button appears (bottom-right, bottom-left, etc.)
Button colorBackground color of the button
Text colorColor of the button label

​
Platform Guides

WordPress

Embed in WordPress

Webflow

Embed in Webflow

Notion

Embed in Notion

Framer

Embed in Framer

Share Link

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