Embed types
Filla supports four embed styles. Choose the one that fits your page layout and user experience.Getting the embed code
1
Open the Share tab
In the form editor, go to the Share tab (or find it through the share popover).
2
Select an embed type
Choose Standard, Popup, Fullscreen, or Slider.
3
Configure the embed options
Set the size, button text, colors, and other options for your chosen embed type.
4
Copy the code
Click Copy code and paste the snippet into your website’s HTML.
Standard embed settings
Paste the
<iframe> tag into your page where you want the form to appear.
Popup embed settings
The popup embed includes a trigger button and a script. Paste both into your page.
Fullscreen embed settings
Slider embed settings
Responsive behavior
The standard embed works best with a percentage width (100%) and a fixed height. The popup, fullscreen, and slider types are inherently responsive and adapt to the screen size automatically.
Common questions
Does embedding affect how the form works?
Does embedding affect how the form works?
No. All form features work the same in an embedded iframe. File uploads, linked record pickers, conditional logic, and automations all function normally.
Will the form look the same when embedded?
Will the form look the same when embedded?
Yes. The embedded version shows the same styled form. Your logo, accent color, and header image all appear in the embed.
Can I embed on any website platform?
Can I embed on any website platform?
Yes. The embed code is standard HTML. It works on WordPress, Webflow, Squarespace, Shopify, custom HTML sites, and any platform that allows embedding HTML.
What if my page uses a Content Security Policy that blocks iframes?
What if my page uses a Content Security Policy that blocks iframes?
You’ll need to add
app.filla.io to your CSP’s frame-src directive to allow the iframe. Contact your web developer if you’re unsure how to do this.