Create dynamic and unique layouts for your site with our fully customizable, drag-and-drop editing system and Finishing Layer tools.

Fluid Engine is the primary editing experience for sites on Squarespace version 7.1. Block sections in all page types, portfolio projects, and your site's footer can use Fluid Engine.

Fluid Engine is available in block sections on version 7.1. Fluid Engine isn't available on version 7.0 sites.

Video on using Fluid Engine

Watch this video for an introduction to Fluid Engine’s features and design options.

Am I using Fluid Engine?

Block sections on version 7.1 sites use Fluid Engine by default.

Fluid Engine sections have:

• An Add Block button in their top-left corner after you click Edit on a page.
• A grid in the background when you click and drag blocks.

Tip: Make the grid stay visible by pressing G. Press G again to hide the grid.

Check if you're using the classic editor

If no button or grid appears, the block area uses the classic editor. All block areas in version 7.0 use the classic editor.

Upgrade classic editor sections

Note: It's not possible to revert an upgraded section after saving the page. If you're not sure you want to use Fluid Engine with a section, you can duplicate the section first just in case.

When you upgrade a classic editor section to Fluid Engine, your layout may change slightly. Upgrading can be a great opportunity to reimagine your block layouts with new options and increased flexibility.

To convert classic editor sections to Fluid Engine:

1. Click Edit on the page.
2. Click Upgrade in the top-left corner of any classic editor section.
3. The classic editor section becomes a Fluid Engine section. If the classic editor height exceeds the 1000-row grid limit, it will be split into multiple Fluid Engine sections.

If you change your mind about upgrading, click Undo before saving.

Use Finish Layer design tools with Fluid Engine

With Finish Layer, a suite of creative tools built into Fluid Engine, you can:

• Add animations to blocks
• Hide blocks at different browser sizes
• Transform blocks
• Upload custom fonts
• Use mobile-specific block design settings