Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Page sections in version 7.1

In Squarespace version 7.1, you'll build your site's pages and footers with customizable sections stacked vertically. You can add, delete, and move sections to arrange your content. In this guide, you'll learn about what you can do with page sections and how to use them to create unique page layouts.

For help creating a new page to add sections to, visit Adding pages to your navigation.

Tip: For a similar effect in version 7.0, use a stacked Index.

Watch a video

Add and edit sections

When you add a new page, it starts with at least one pre-built section, unless it's a blank page. To get started editing sections, go to the page, then click Edit in the top-left of the page preview.

Hover over a section to see its options:

  • To add a section, click +.
  • To move a section, click  or.
  • To style a section, click the pencil icon.
  • To delete a section, click the trash can icon. After saving, sections can't be restored. Collection page sections can't be deleted.
  • Click Save to publish your changes. Changes don't auto-save.

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. To learn more, visit My site is loading slowly.

Add content to sections

How you add and style content depends on the section. There are three types:

You can add block and gallery sections to any page. Collection page sections are unique to their pages.

Block sections

Blocks are features you can use to add content to your site, like text, images, buttons, and forms. All sections are block sections, except gallery and collection page sections.

To add and style content in block sections:

  • Add or move blocks to customize the layout.
  • To add content to a block, double-click it.
  • To delete a block, hover over it and click the trash can icon. After saving, blocks can't be restored.
  • To change the section styles, click the pencil icon.

Gallery sections

Use gallery sections to display images in striking layouts. To learn more, visit Gallery sections

Collection page sections

Use collection pages to display a collection of items, like blog posts or events. Blog, Events, Portfolio, and Store Pages are all collection pages.

In version 7.1, each collection page has a unique section where you manage the collection items. For example, in a Blog Page's blog section, you'll add and edit blog posts.

Add a collection page

To add a collection page:

  1. In the Home Menu, click Pages.
  2. Click the + and choose Blog, Events, Portfolio, or Store.
  3. Select a layout.
  4. Enter a name and press Enter.

This adds the collection page with its collection page section. Depending on the layout you select, the page might include other sections too.

To add more content to display with the collection, you can add block and gallery sections above or below the collection page section. It's not possible to add a collection page section to another page type, and it's not possible to delete a collection page section from its page.

Add collection items

To learn more about adding collection items, click the links below. Most of these steps are written for version 7.0, but they also apply to version 7.1:

Style collection page sections

Hover over the collection page section and click the pencil icon to change the section's layout and styles. To style blog posts and products, click Design in your site's Home Menu, then click Blog Posts or Product Items.

Example

Here's a summary of the steps above, using a Blog Page as an example:

  1. Add a new page, click Blog, and choose a layout.
  2. Go to the Blog Page and click + to add new posts.
  3. Click Edit in the top-left corner to add new sections to the blog landing page.
  4. Click the pencil icon on page sections to change the styles or layout.
  5. Click Blog Posts in the Design panel to style your posts.

Footer sections

Create your footer using sections. Hover over the footer, and click Edit Footer to add and edit its sections.

Change section styles

You can edit the fonts, colors, and layouts of your sections. There are two ways to style sections:

  • To change your global styles site-wide, go to the Home Menu and click Design.
  • To style individual sections, edit the page, hover over the section, then click the pencil icon. These changes override style settings in your Design panel.

For more help, visit Version 7.1 style and design options.

Move content between sections

To move content:

  • Block sections - Drag blocks to move them from one block section to another within the same page.
  • Collection sections - Move blog posts, events, and products from one collection to another of the same type. It's not currently possible to move Portfolio sub-pages.
  • Gallery sections - Reuse a gallery image to add it to different gallery section.
Was this article helpful?
13 out of 26 found this helpful