Page sections

false

Page sections

Last updated June 08, 2026 21:18

Add and customize the sections that create the structure of each page.

In version 7.1, you build each page on your site with customizable sections of content called page sections. These sections stack vertically, and you can move sections up or down on the page to rearrange your content.

Version 7.1 sites use sections. For a similar effect in version 7.0, use a stacked index.

Video on page sections

This video shows how to add and style page sections

Add page sections

When you add a new page, it usually starts with at least one pre-built section. You can also add more sections to an existing page. It’s not possible to add sections on the Squarespace app.

To add a new section:

  1. Open the Pages panel, click the page, then click Edit in the top-left corner.
  2. Click Add Section above or below an existing section. If the page is blank, this button appears in the middle of the page.
  3. Click a category in the left panel to find pre-built sections. You can also click + Add Blank, then click Section to add a blank Fluid Engine section, or click Saved to add a section you've saved previously.
  4. After choosing a category, peruse the pre-built layouts to find one that fits your needs. Most sections use blocks, which you can rearrange or update with more blocks. If the section has an i icon, that means it's an auto layout or gallery section, which automatically arranges content in preset layouts.
  5. When you find the section you want, click it to add it to the page, where you can edit and style it immediately.

Tip: Product sections can showcase store items in dynamic layouts, but they're not directly connected to commerce features. Add a store page with products first, then connect the section’s product blocks to your store.

Style and organize page sections

While editing a page, hover over an existing section and make changes in the section’s toolbar:

  • Change the look - Click Edit Section to customize the section styles.
  • Try new layouts - Click View Layouts then select a layout to automatically rearrange the blocks.
  • Copy the section - Click the duplicate icon to duplicate a section.
  • Save the section to reuse its layout across pages - Click the heart icon to save a section.
  • Change the section order - Click ↑ or ↓ to move sections up or down.
  • Remove the section - Click the trash can icon to delete a section. After saving, sections can't be restored. Collection sections can't be deleted. Instead, delete the collection page.

Types of page sections

How you add and style content to page sections depends on the section’s type. Section types include:

  • Fluid Engine sections - Create custom layouts with blocks, features that add content like text, images, buttons, and forms. This is the primary content-editing section.
  • Auto layouts - Add and automatically arrange sets of images, text, and buttons. You can’t add auto layouts to your footer.
  • Collection sections - Create and showcase collection items. For example, blog pages have a collection section where you manage blog posts. You can’t add collection sections independently from their page.
  • Gallery sections - Add and automatically arrange sets of images that don’t need a lot of text. You can’t add gallery sections to your footer.
  • Classic editor sections - Another section that uses blocks. Before Fluid Engine, all block sections used the classic editor. You can continue to add and edit classic editor sections, or you can upgrade them to Fluid Engine.

How many sections can I add to a page?

There's no limit to the number of sections you can add, but we recommend adding no more than 20 sections to a single page, as pages with lots of content take longer to load.

Try new block layouts

In Fluid Engine sections, you can try out new layouts automatically with the layout switcher. To try a new layout:

  1. Open the Pages panel, click the page, then click Edit in the top-left corner.
  2. Hover over the section and click View Layouts. If you can’t click View Layouts, it means we don’t have any layout suggestions for that section.
  3. Click the preview of the layout you want to try. This rearranges your content automatically.
  4. Click Save to keep the new layout, or click undo to revert to your previous layout.

Move content between sections

To move content:

  • Fluid Engine sections - Copy and paste blocks into other Fluid Engine sections.
  • Auto layout and gallery sections - It’s not possible to automatically move content between auto layouts and galleries. As an alternative, reuse images from these sections elsewhere on your site, including in other auto layouts and galleries.
  • Collection sections - Move collection items from one collection to another of the same type. It's not possible to move portfolio projects.
  • Classic editor sections - Click and drag blocks to move them from one classic editor section to another on the same page.

Add classic editor sections

If you added block sections before the release of Fluid Engine, they use our classic editor, which other areas of your site, such as blog posts, still use.

To add a new classic editor section:

  1. Open the Pages panel, click the page, then click Edit in the top-left corner.
  2. Click Add Section.
  3. Click + Add Blank, then click Classic Editor. For pre-built layouts, you can scroll to the bottom of the section menu and click Made with Classic Editor.

Was this article helpful?

Yes No

339 out of 1204 found this helpful

Yes No

Page sections