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: To learn more about other types of pages you can add to your site, like Blog, Gallery, Index, or Products Pages, visit Adding pages to your navigation.
This guide is for version 7.0. In version 7.1, you can add block content to all page types with sections.
Watch a video
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.
In the Squarespace App, adding new Layout Pages is only possible in the iOS version.
- In the Home Menu, click Pages, then click the + icon.
- In the Layouts section of the pages menu, choose 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.
- 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 starter layouts (computer only)
Starter layouts are professional page designs with 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.
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:
- In the Layouts section of the pages menu, choose a layout type.
- 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.
Update a starter 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 opening the page editor. Starter layouts use these placeholder blocks:
- Text Blocks - Click or tap the text to change or delete it.
- Image Blocks - Double-click or tap the placeholder image to add an image and caption.
- Social Links Blocks - Double-click or tap 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 or tap these to edit them.
For a full list of blocks and their uses, visit About blocks.
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. 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. For more details, follow our tips for moving blocks and creating columns and rows.
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 an existing Layout Page:
- In the Home Menu, click Pages.
- Select the page in the Pages panel.
- Hover over the page preview, then click Edit.
- 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, thumbnail, and other options.
- In the Home Menu, click Pages.
- 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, 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: