How To Use Squarespace Fluid Engine
Introducing Fluid Engine, the latest content editing experience for Squarespace 7.1 sites. In this video we give a detailed overview of the most important things you need to know about Fluid Engine and some tips to get you up to speed and building incredible websites right away.
0:00 What is Fluid Engine?
1:14 Adding Sections
1:57 Adding Blocks
2:21 Arranging Blocks “
3:35 Overlapping Blocks
3:57 Resizing Blocks
4:40 Fit, Fill and Align Blocks
4:17 Block Background
5:06 Mobile Layouts
6:02 Section Settings
What is Fluid Engine?
Fluid Engine is a drag and drop editing system for Squarespace Sections and Blocks, released in July 2022. Unlike Squarespace's earlier version called the Classic Editor which uses Columns and Rows to position content in a section, Fluid Engine is built using the latest CSS Grid Technology. Combined with Squarespace’s easy to use platform, Fluid Engine makes Squarespace one of the most advanced and intuitive drag & drop website editors available.
With Fluid Engine you have more flexibility for Block placement, overlapping and resizing. If that wasn’t exciting enough, Fluid Editor also gives you the flexibility to position and resize your Blocks for mobile sites which is arguably the most important screen size to design for.
Are Classic SquareKicker and Fluid SquareKicker tools the same?
SquareKicker Classic tools have received some updates as SquareKicker Fluid tools have been developed. Some the new features are only available in Fluid Engine. There is also a handful of tools that are Classic or Fluid specific due to differences between the two editors, these will automatically show depending on the section type you are working on.
NOTE: If you upgrade a Classic Squarespace Section to Fluid you will lose the existing SquareKicker changes. If this happens by accident you can click 'Undo' or 'Discard Changes' in Squarespace. Once a converted section has been changed and saved you will not be able to revert these changes.
NOTE: If you upgrade a Classic Squarespace Section to Fluid you will lose the existing SquareKicker changes. If this happens by accident you can click 'Undo' or 'Discard Changes' in Squarespace. Once a converted section has been changed and saved you will not be able to revert these changes.