Embed Fillout forms on Squarespace

Choose an embed style

Start by clicking Publish in the upper right corner of the Fillout form editor. A popup will show up where you can pick an embed style.If you’ve already published your form, click Share in the top middle or top right. Adjust your embed style settings to fit your use case. Then, Get the code

Add an embed block

Inside the Squarespace drag-and-drop editor, hover your mouse over the section where you want to embed your form and click + Add Block. Scroll to or search for the Embed block and click and drag it onto the page.

Paste Fillout embed code

Double-click the Embed block, open the Code Snippet tab from the block editor, and click the Embed data button. Paste your Fillout embed code into the code editor and click Back.

Save and preview

Hit Save in the upper left corner of the page editor and press Ctrl + Shift + P to preview the updated page (or click the button from the site’s Home Menu).You can also paste your Fillout embed code into a Code block if you’re on a Squarespace Business plan or higher.

Create a blank page

From your site’s Home Menu, open the Website tab. Click + next to either Main Navigation or Not Linked and choose Blank Page.

Remove header and footer

After giving the page a name, click next to it and open the Advanced tab. Paste <style>.header, #footer-sections {display:none!important;}</style> into the Page Header Code Injection textbox and click Save.

Paste Fillout embed code