Open main menu
HomeSquarespaceWeb DesignAcademyStudioSquare Forge
Free Membership

How to Use and Customise Index Pages in Squarespace 7.0

Learn how Index Pages in Squarespace 7.0 can group and display content in various layouts. Tips on featured images, layout types, and performance.

Table of Contents
How to Use and Customise Index Pages in Squarespace 7.0
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
Squarespace
squarespace 7.0
index pages
Tags Synced
Tags Synced
AI summary
Index Pages in Squarespace 7.0 allow grouping of content from multiple sub-pages in grid, stacked, or slideshow layouts. Limit to 25 sub-pages for optimal performance, use consistent featured images, and always test changes in a private browser window.
Last edited by
Platform
Squarespace
Category
Topic

How to Use and Customise Index Pages in Squarespace 7.0

Quick Summary

• Index Pages let you group and display content from multiple sub-pages in organised layouts • You can choose from grid, stacked, or slideshow designs (depends on your template) • Keep it under 25 sub-pages for better performance (limit is 100) • Featured images boost visual appeal but need careful management • Always test custom code changes in a private browser window

What Are Index Pages?

Index Pages in Squarespace 7.0 are a way to group and display content from multiple sub-pages in one organised layout. Think of them as a container that pulls together different sections of your site into a single, flowing experience.
Important: Index Pages only exist in Squarespace 7.0. If you're using 7.1, you'll need Page Sections or Portfolio Pages instead.

Three Types of Index Page Layouts

Your template determines which layout options you get:
Grid Layout Creates a visual grid where each page's featured image acts as a clickable thumbnail. Perfect for portfolios or showcasing different services.
Stacked Layout Shows all your content in one continuous scroll, with sections stacked vertically. Great for storytelling or comprehensive service pages.
Slideshow Layout Each page appears as a full-screen image with text overlay. Works well for portfolios or highlighting featured content.

Setting Up Your Index Page

  1. Open the Pages panel
  1. Click the '+' button to add a new page
  1. Select 'Index' from the menu
  1. Enter your page title
That's it. Your Index Page is created, though you'll need to add sub-pages to make it useful.

Adding and Organising Content

For Stacked Layouts: Use the 'Manage sections' feature to add, delete, or drag sections into the right order.
For Grid or Slideshow Layouts: Go to your Pages panel and drag sub-pages up or down to reorder them.
Pro tip: Preview your changes in a private browser window, especially after adding custom code. What you see in the editor isn't always what visitors get.
Featured images can make or break your Index Page's first impression. Here's how to add them:
  1. Edit your page settings
  1. Click the media tab
  1. Upload your chosen image
Size matters: Keep images consistent in dimensions and file size. A mix of portrait and landscape images often looks messy in grid layouts.

Performance Tips

While you can add up to 100 sub-pages to an Index Page, don't. Stick to 25 or fewer for better loading times and user experience. More than that and you're probably trying to cram too much into one page anyway.

Common Problems and Solutions

Custom code not showing up? Test in a private browser window first. Custom code on Index Pages can be temperamental.
Images looking wonky? Check your image dimensions are consistent, especially for grid layouts.
Page loading slowly? You probably have too many sub-pages or your images are too large. Compress your images and consider splitting content across multiple Index Pages.

Quick Definitions

Index Pages: Container pages that pull together content from multiple sub-pages into one organised layout
Featured Images: The main image for each sub-page, displayed as thumbnails in grid layouts
Page Sections: The 7.1 equivalent for creating sequential layouts (similar to stacked Index Pages)
Portfolio Pages: The 7.1 equivalent for grid-style layouts

The Bottom Line

Index Pages in Squarespace 7.0 give you a powerful way to organise and display content that keeps visitors engaged. Pick the right layout for your content type, keep your sub-pages under 25, and test everything in a private window before going live.
Remember, if you're on Squarespace 7.1, you'll need to use Page Sections or Portfolio Pages to get similar results.

Join our Free Membership and access our DIY Community.

Need help with your website

Become a member