Layout Pages are flexible, basic pages you can use when you want to start with a blank space or add content to a starter layout for a specific purpose.

With Layout Pages, you'll use drag-and-drop blocks to create a custom layout of text, images, forms, and more common page features. Layout pages are a great choice for contact pages, about pages, and—for many sites—the majority of your content.

Tip: For other types of pages you can add to your site, like Blog, Gallery, Index, or Products Pages, visit Adding pages to your navigation.

Layout Page options

When you add new Layout Pages, you can choose between blank pages and pages with starter layouts designed for specific uses.

Add a blank page

Add a blank page to design the page layout from scratch.

Add pages with starter layouts (computer only)

Starter layouts are professional page designs with prearranged placeholder blocks. You can add your own content to the blocks, delete them, and add more blocks to the page to create a custom look and feel.

Types of starter layouts

There are multiple page layouts 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.

Add a page with a starter layout

To add a page with a starter layout: 

1. In the Layouts section of the pages menu, choose a layout type.

2. On the next page, browse layout options.
3. Click the layout you want to start with.

4. Enter a page title. You can change this later.
5. Add your content.

Update a starter layout's placeholder blocks

To replace the placeholder blocks with your own content: 

1. Double-click any placeholder image, text, or other content to edit it.
2. Click an insert point to add more blocks.

To see any block's type, click or tap Edit on the page, then hover over or tap the block. For a full list of blocks and their uses, visit About blocks.

Starter layouts use these placeholder blocks:

• Text Blocks - Click the text to change or delete it.
• Image Blocks - Double-click the placeholder image to add an image and caption.
• Social Links Blocks - Double-click the Social Links Block and connect social accounts to display links to your social media.
• Spacer Blocks - Move the block or add another to create blank space in different parts of the layout.
• Contact layouts have customizable Form Blocks and Map Blocks. Double-click these to edit them.

When you’re done building your page, click Save to publish your changes.

Add new blocks

If you like a starter 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.

Adding more blocks to a starter 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 starter layout, you can duplicate the page, make it private, then use that as a test page.

For example, If you start with the Features 1 layout, which includes three columns of images and text, you might want to add one more column to the right. To do this, use our tips for moving blocks and creating columns and rows to add another column of blocks. Use guidelines to ensure that the first block matches the full height of the previous column, then add more blocks beneath it. For best results, drag the block directly from the block menu to where you need it on the page before customizing each block.

 

When you’re done editing the page, click Save to publish your changes. 

To learn more about using blocks with Squarespace, we recommend reviewing these guides:

• Adding blocks
• Moving blocks
• Creating columns and rows with blocks
• Resizing blocks
• Deleting blocks
• Page and block layout changes on mobile devices

Edit Layout Pages 

To edit a page:

Edit Page Settings

You can use Page Settings to edit a page's title, description, URL, thumbnail, and other options.

Style Layout Pages (computer only) 

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:

• Banner images
• Page headers or footers
• Content inset

Next steps

After adding a Layout Page, you may want to: 

• Hide the page behind a password
• Move or hide the page from a navigation menu
• Add the page to a drop-down menu with a folder
• Add the page to an Index Page
• Set it as your homepage
• Rename it
• Change its URL
• Add a page description
• Add a page thumbnail
• Duplicate it