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