Skip to main content

Embed types

Filla supports four embed styles. Choose the one that fits your page layout and user experience.
Embed typeDescription
StandardInline iframe embedded directly in the page at a configurable size
PopupOpens in a centered or bottom modal when a trigger button is clicked
FullscreenTakes over the entire viewport when triggered
SliderSlides in from the left or right edge of the screen

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

SettingDescription
WidthWidth of the iframe (px or %)
HeightHeight of the iframe (px)
Paste the <iframe> tag into your page where you want the form to appear.
SettingDescription
Button textLabel on the button that opens the popup
Button colorBackground color of the trigger button
Button sizeSmall, medium, or large
PositionCenter or bottom of the viewport
The popup embed includes a trigger button and a script. Paste both into your page.

Fullscreen embed settings

SettingDescription
Show close buttonShow a close button so respondents can dismiss the fullscreen form

Slider embed settings

SettingDescription
DirectionLeft or right side of the screen
WidthWidth of the slider panel
Button textLabel on the trigger button
Button colorBackground color of the trigger button

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

No. All form features work the same in an embedded iframe. File uploads, linked record pickers, conditional logic, and automations all function normally.
Yes. The embedded version shows the same styled form. Your logo, accent color, and header image all appear in the embed.
Yes. The embed code is standard HTML. It works on WordPress, Webflow, Squarespace, Shopify, custom HTML sites, and any platform that allows embedding HTML.
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.