Learn how to embed a Fillout form in Webflow. It only takes a few minutes to insert your form as a popup, slide-out, or standard element on the page.
Choose an embed style
Publish
in the upper right corner of the Fillout form editor. Next, open the Share tab from the top menu.Use this embed
. Adjust your embed style settings to fit your use case (more info here) and click Get the code
.Add elements
+
symbol on the upper left corner (or press A
) to open the Add Elements sidebar.Select the Elements tab, scroll to the Advanced section at the bottom of the list, and drag and drop the Embed
to a spot on the page.Paste Fillout embed code
Save & Close
.Publish and preview
Publish to selected domains
. After publishing the changes, click the external link icon
next to your site URL (an arrow pointing to the upper right corner) to confirm that the embed works as intended.Embed
in the visual editor, then open the Size menu from the right Style sidebar.
Increase the Min W
value, publish the changes, and keep adjusting until you find a value you like (500px is a good starting point).
Embed
element inside of a Div
block (under Basic in the Add Elements sidebar) – almost anywhere on the page should work – and selecting Relative
from the Position dropdown in the right Style sidebar.
Then, click on every Slide
element on the page and select Static
from the Position dropdown within the Style sidebar.