Skip to main content

Documentation Index

Fetch the complete documentation index at: https://formhug.ai/docs/llms.txt

Use this file to discover all available pages before exploring further.

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 Embedding is especially useful for lead generation forms, contact forms, and newsletter signup forms.

​
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

Lead Generation Guide

Learn how to structure and place forms that capture qualified leads
Last modified on May 15, 2026