Squarespace fluid engine tools with SquareKicker custom design

Fluid Engine + SquareKicker Webinar (Aug 2022)

Join us for a Webinar as we Journey through the new Squarespace Fluid Engine and the New SquareKicker Compatible tools. There some amazing new things you can do now with SquareKicker on Fluid Engine.

Highlights:

0:00 - Welcome & Introduction - Swag & Circle Day
07:47 - Video: FE + NEW SK Features
09:50 - Fluid Engine Tips & Tricks
16:50 - Changes to SquareKicker
22:22 - NEW Section Tools (Grid Width, Background Filters)
32:18 - NEW Blocks Tools Everywhere (Effects: Opacity, Scale, Blur, Visibility)
38:44 - Block Advanced Tools (Sticky Sections, Scrolling Effects)
41:15 - NEW Image Block Tools (Border Offset, Filter Overlay)
42:21 - Text/Code Block Border Trick
44:00 - Block Hover Tools (Image / Text / Blocks, Background Coming Soon!)
52:40 - NEW Text Tool (Style Words: Bold, Italic, Links, Outline)
56:28 - Q&A


 

MORE FLUID ENGINE VIDEOS

How to Use Fluid Engine in 8 Minutes

Fluid Engine is the new drag and drop editing system for Squarespace Page Sections and Blocks. 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. With this new editor you will have more flexibility for block, placement, overlapping and resizing. If that wasn’t exciting enough, Fluid 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.

Highlights:

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


How to Convert your site from Classic to Fluid Engine

Highlights:

0:00 Introduction
0:41 Identifying Sections
0:59 Upgrade Sections
1:55 Duplicating Sections & Pages
2:13 Section Columns vs Grid
2:42 Adding Blocks
3:07 Moving Blocks
3:32 Resizing Blocks
3:52 Changes to Blocks
4:25 Mobile Layouts

Previous
Previous

Circle Day 2022 presentation: Make empathy the superpower of your business

Next
Next

Webinar: Scrolling through 2022