Embedding

Add FavForm to any website. Two methods: Web Component (recommended) or Iframe.

Setup

Add the SDK script once to your page (before closing </body>):

HTML
<script src="https://favform.com/embed/v1.js" async></script>

Forms

Full-page forms embedded inline on your site.

Web ComponentRecommended
HTML
<favform-form data-favform form-id="your-form-id" theme="auto"></favform-form>
Iframe
HTML
<iframe 
  src="https://favform.com/f/your-form-id" 
  width="100%" 
  height="600px" 
  frameborder="0" 
  style="border: none;">
</iframe>
form-idYour form ID (required)
theme'light', 'dark', or 'auto' (follows system)

Polls

Quick voting polls with live results.

Web ComponentRecommended
HTML
<favform-poll data-favform poll-id="your-poll-id"></favform-poll>
Iframe
HTML
<iframe 
  src="https://favform.com/p/your-poll-id" 
  width="100%" 
  height="400px" 
  frameborder="0" 
  style="border: none;">
</iframe>
poll-idYour poll ID (required)
theme'light', 'dark', or 'auto' (follows system)

Widgets

Floating feedback buttons that open a mini-form panel.

Web ComponentRecommended
HTML
<favform-widget data-favform widget-id="your-widget-id" position="bottom-right"></favform-widget>
Iframe
HTML
<iframe 
  src="https://favform.com/w/your-widget-id" 
  width="100%" 
  height="500px" 
  frameborder="0" 
  style="border: none;">
</iframe>
widget-idYour widget ID (required)
position'bottom-right' or 'bottom-left'
theme'light', 'dark', or 'auto' (follows system)

Web Component vs Iframe

Recommended

Web Component

  • • Best performance
  • • SEO friendly
  • • Blends with your site
  • • Smaller payload

Iframe

  • • Works if scripts are blocked
  • • Complete style isolation
  • • Simple copy-paste
  • • No SDK required

Platform guides

The Publish step in the builder provides copy-paste code for:

HTMLWordPressWixSquarespaceFramerWebflowBubbleShopifyReact / Next.js