Layout pages

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

Layout pages

Last updated August 21, 2023 15:52

Customize a blank page or use a pre-built layout to add content to your site.

Layout pages are flexible, basic pages you can use to create custom layouts of text, images, forms, and other common page features with drag-and-drop blocks. Layout pages are a great choice for contact pages, about pages, and—for many sites—the majority of your content.

When you add new layout pages, you can choose between blank pages and pages with pre-built layouts designed for specific uses.

Tip: To learn more about other types of pages you can add to your site, like blog pages or store pages, visit Adding pages to your navigation.

Watch a video

This video is for version 7.0.

Add a blank page

Add a blank layout page to design the page layout from scratch. How you add the page depends on your site's version.

Version 7.1
Version 7.0

Open the Pages panel and click +.
Under pages, click Blank Page.
Enter a page title, then press Enter to save. You can change this later.
Click Edit in the top-left corner of the page, then click Add section to add a page section.
You can add a blank section or a section with a pre-built layout. Learn more about adding and moving blocks to customize your page.
Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.

Open the Pages panel and click +.
Under layouts, click Blank.
Enter a page title, then press Enter to save. You can change this later.
Hover over the page and click Edit, then click an insert point to add blocks. Learn more about adding and moving blocks to customize your page.
Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.

Tip: As you add blocks to a page, think about how the page layout will appear on mobile.

Add pages with pre-built layouts (computer only)

You can add layout pages with pre-built, professional page designs and prearranged placeholder blocks. You can add your own content to the blocks, or delete them and add more blocks to the page to create a custom look and feel. How you add the page depends on which version of Squarespace your site is on.

Version 7.1
Version 7.0

Add a page with a pre-built layout

Page layouts can be made up of one or multiple page sections with different combinations of blocks, depending on the type. You can always add more sections and blocks to any layout.

To add a page with a pre-built layout:

Open the Pages panel and click +.
Under pages, click Page layouts, then select the layout type you want, like About or Contact.
Browse options for that layout type and click the one you want to start with.
Enter a page title, then press Enter to save. You can change this later.

Types of page layouts

There are multiple layout types for different purposes, including:

Appointments - Options for displaying online book options with scheduling blocks.
Contact, RSVP - Different combinations of forms, maps, addresses, and phone numbers.
Digital Products - Different combinations of text, images, and digital product blocks, encouraging visitors to sign up for gated content on your site.
FAQs, Privacy Policy, Terms of Service - Text-centric layouts for important information.
Gallery - Layout pages with a combination of block sections and gallery sections.
General, About, Services, Team - Multi-purpose layouts with a mix of body text, headers, and images. May include auto layouts.
Menu - Different combinations of text, images, and menu blocks for displaying restaurant menus.
Reviews - Common layouts for reviews, featuring different combinations of images and quote blocks.

Add a page with a pre-built layout

To add a page with a pre-built layout:

Open the Pages panel and click +.
Under layouts, select the layout type you want, like About or Contact.
On the next page, browse layout options and click the one you want to start with.
Enter a page title, then press Enter to save. You can change this later.

Types of page layouts

There are multiple layout types for different purposes:

About - All-purpose, with a mix of body text, headers, and images.
Booking - Options for displaying online booking options, like scheduling blocks.
Contact - Different combinations of forms, maps, addresses, and phone numbers.
Details - All-purpose, with a mix of text and images arranged in different columns and rows.
Features - Detailed layouts for features, services, or products.
Images - Different layouts of images blocks that create varying gallery styles. These layouts are great for creating image navigation.
Team - Common layouts for team pages, featuring different combinations of headshots, names, and bios.

Update a page layout's placeholder blocks

Think of layouts as your starting point and blocks as tools to further customize your page. If you’re hesitant to change a layout, you can duplicate the page, make it private, then use that as a test page.

To replace the placeholder blocks with your own content:

On the computer, double-click any placeholder image, text, or other content to edit it.
On the Squarespace app, tap Edit or the pencil icon, then tap any block to edit it. Keep in mind, it's not possible to edit all types of blocks on the app.
Alternatively, you can delete the placeholder blocks and add new blocks.

To see any block's type, hover over or tap the block after clicking Edit on the page. To learn more about using blocks with Squarespace, we recommend reviewing these guides:

Edit layout pages

To edit an existing layout page:

Computer
Squarespace app

Open the Pages panel.
Select the page in the pages panel.
Click Edit on the page.

Tap the Pages icon.
Tap the title of the page you want to edit.
Tap Edit or the pencil icon in the top right corner.

Edit page settings

You can use page settings to edit a page's title, description, URL, featured image, and other options.

Computer
Squarespace app

Open the Pages panel.
Hover over the page's name in the pages panel.
Click .
When you've finished editing the page settings, click Save.

Tap the Pages icon.
Tap the page where you want to edit settings.
Click the ... icon or in the top right corner.
When you've finished editing the page settings, tap Save.

Style layout pages

Use the site styles panel to adjust the site-wide style tweaks that affect the appearance of layout pages. To learn more, visit Making style changes.

Depending on your site's version, you may have more options that affect layout pages:

Version 7.1
Version 7.0

Page sections have their own section-specific style options. To set section styles, click Edit on the page, then click the pencil icon on a page section.

Layout pages don't have independent style tweaks, but some templates have special features that display on layout pages:

Next steps

After adding a layout page, you may want to:

Was this article helpful?

216 out of 571 found this helpful

Customize a blank page or use a pre-built layout to add content to your site.

Watch a video

Add a blank page

Add pages with pre-built layouts (computer only)

Add a page with a pre-built layout

Types of page layouts

Add a page with a pre-built layout

Types of page layouts

Update a page layout's placeholder blocks

Edit layout pages

Edit page settings

Style layout pages

Next steps

Related articles