Your new template is built on Fluid Engine, Squarespace’s newest and most advanced page builder. It gives you incredible drag-and-drop freedom—meaning you can place text, images, and buttons exactly where you want them, and even overlap them!
However, with all this creative freedom comes a few important quirks. Before you click "Edit" and start moving things around, please read these 4 Golden Rules. They will save you hours of time and frustration!
Rule #1: There is NO Auto-Save!
Unlike Google Docs, Squarespace does not auto-save your progress while you are actively editing a page. If your browser crashes, you lose your internet connection, or you accidentally close the tab, your hard work will disappear.
The Golden Rule: Every time you finish customizing a section and it looks great, go to the top left corner of the screen, click SAVE, and then click EDIT again to keep going. Save early, save often!
Rule #2: Content is Global, but Layout is Separate (The Mobile Rule)
This is the #1 most important thing to know about Fluid Engine. Desktop and Mobile views are connected, but their layouts are managed separately.
If you change TEXT or DELETE an image: It updates on both Desktop and Mobile instantly. (If you delete a photo on mobile, it is gone from the desktop too!).
If you MOVE or RESIZE an item: This is independent! You can drag a photo above a title on the Mobile view, and it will NOT mess up your Desktop layout.
Rule #3: Always Check the Mobile View Before Saving
Because the mobile layout doesn't automatically arrange itself perfectly, things might look a bit messy when you first add a new block of text or a new photo.
The Golden Rule: Never hit "Save" and close your laptop without clicking the Mobile Phone Icon (in the top right corner) first. Always manually drag and drop your blocks on the mobile view so they look clean and professional.
Rule #4: Don’t Delete Layouts You Might Need Later
If you see a section in the template that you don’t need right now (for example, a "Testimonials" or "FAQ" section, but you don't have that information yet), do not just hit the trash can icon! Once it's gone, it's hard to get that exact design back.
The Golden Rule: Hover over the section, look for the little pop-up menu on the right side, and click the Heart Icon (Save Section). This saves the entire design layout into your "Saved Sections" folder. You can safely delete it from the live page now, knowing you can easily add it back with one click whenever you are ready!
💡 THE UNDO BUTTON IS YOUR BEST FRIEND
Made a mistake? Accidentally dragged a photo across the screen? Don't panic!
In the top left corner of the editor, there are two curved arrows. Click the Undo arrow (or press Ctrl+Z / Cmd+Z on your keyboard) to instantly undo your last action.
Feeling confident? Awesome! You officially know how to navigate the builder like a pro. Let’s move on to the fun part in the next module: "Module 1: Global Brand Styling," where we will start painting the template with your brand colors!