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

Layout Pages

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 Products 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.

  1. In the Home Menu, click Pages, then click the + icon.
  2. Under Pages, click Blank Page.
  3. Enter a page title, then press Enter to save. You can change this later.
  4. Click Edit in the top-left corner of the page, then click + to add a page section.
  5. You can add a blank section or a section with a pre-built layout. Click an insert point on the section to add blocks. Learn more about adding and moving blocks to customize your page.
  6. When you've finished adding content, hover over Done and click Save.
  1. In the Home Menu, click Pages, then click the + icon.
  2. Under Layouts, click Blank.
  3. Enter a page title, then press Enter to save. You can change this later.
  4. 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.
  5. When you've finished adding content, click Save.
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.

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: 

  1. In the Home Menu, click Pages, then click the + icon.
  2. Under Pages, click Page Layouts, then select the layout type you want, like About or Contact.
  3. Browse options for that layout type and click the one you want to start with.
  4. 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:

  • GeneralAboutServicesTeam - Multi-purpose layouts with a mix of body text, headers, and images.
  • Appointments - Options for displaying online book options with Appointment Scheduling Blocks.
  • ContactRSVP - Different combinations of forms, maps, addresses, and phone numbers.
  • Gallery - Layout pages with a combination of block sections and gallery sections.
  • Reviews - Common layouts for reviews, featuring different combinations of images and Quote Blocks.
  • Menu - Different combinations of text, images, and Menu Blocks for displaying restaurant menus.
  • FAQsPrivacy PolicyTerms of Service - Text-centric layouts for important information.

Add a page with a pre-built layout

To add a page with a pre-built layout: 

  1. In the Home Menu, click Pages, then click the + icon.
  2. Under Layouts, select the layout type you want, like About or Contact.
  3. On the next page, browse layout options and click the one you want to start with.
  4. 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.
  • 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 thumbnail navigation.
  • Team - Common layouts for team pages, featuring different combinations of headshots, names, and bios.
  • Booking - Options for displaying online booking options, like Appointment Scheduling Blocks.

Update a page layout's placeholder blocks

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.
  • You can also add new blocks.

To see any block's type, hover over or tap the block after clicking Edit on the page. For a full list of blocks and their uses, visit Adding content with blocks.

Add new blocks

If you like a page layout’s format but need to add more content, customize the page by adding new blocks, then dragging and dropping them to the right position.

add_new_column.gif

Adding more blocks to a page layout doesn’t “break” the page. 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 learn more about using blocks with Squarespace, we recommend reviewing these guides:

Edit Layout Pages 

To edit an existing Layout Page:

  1. In the Home Menu, click Pages.
  2. Select the page in the Pages panel.
  3. Click Edit on the page.
  1. Tap the Pages icon.
  2. Tap the title of the page you want to edit.
  3. 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, thumbnail, and other options.

  1. In the Home Menu, click Pages.
  2. Hover over the page's name in the Pages panel.
  3. Click the gear icon.
  4. When you've finished editing the page settings, click Save.
  1. Tap the Pages icon.
  2. Tap the page where you want to edit settings.
  3. Click the ... icon or the gear icon in the top right corner.
  4. When you've finished editing the page settings, tap Save.

Style Layout Pages 

Your options for styling Layout Pages depends on your site's version.

Use the FontsColors, and other Design panels to adjust the site-wide style tweaks that affect the appearance of Layout Pages. To learn more, visit Making style changes.

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.

Use the Site Styles panel to adjust the site-wide style tweaks that affect the appearance of Layout Pages, like fonts, colors, and spacing. To learn more, visit Making style changes.

While Layout Pages don't have independent style tweaks, 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?
108 out of 245 found this helpful