Embedding
Add FavForm to any website. Two methods: Web Component (recommended) or Iframe.
Setup
Add the FavForm SDK v1.0.0 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
<fav-form data-embedId="your-form-id"></fav-form>Iframe
HTML
<iframe
src="https://favform.com/f/your-form-id"
width="100%"
height="600px"
frameborder="0"
style="border: none;">
</iframe>data-embedIdYour form ID (required)Polls
Quick voting polls with live results.
Web ComponentRecommended
HTML
<fav-form data-embedId="your-poll-id"></fav-form>Iframe
HTML
<iframe
src="https://favform.com/p/your-poll-id"
width="100%"
height="400px"
frameborder="0"
style="border: none;">
</iframe>data-embedIdYour poll ID (required)Widgets
Floating feedback buttons that open a mini-form panel.
Web ComponentRecommended
HTML
<fav-form data-embedId="your-widget-id"></fav-form>Iframe
HTML
<iframe
src="https://favform.com/w/your-widget-id"
width="100%"
height="500px"
frameborder="0"
style="border: none;">
</iframe>data-embedIdYour widget ID (required)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
Step-by-step instructions for embedding on popular platforms: