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

The Index Page is a powerful design feature available in certain templates. The Index Page collects images and content from different pages and arranges them visually, creating a single destination where visitors can browse content from multiple sub-pages.

Each template family has its own Index style that falls into one of three categories:

  • Grid - Each page in the Index creates a thumbnail image on the page. Clicking a thumbnail image opens the connected page. This design forms a visual navigation grid linking to content throughout your site. Here's an example.
  • Stacked - Each page in the Index creates a section of a single scrolling page, like an an accordion-folded pamphlet that you can open up and see all the pages at once. The sections stack vertically, allowing visitors to scroll through a lot of information, all with a unified look. Here's an example.
  • Slideshow - Each page displays as a full-bleed background image with a content overlay. Clicking a page title opens the connected page. This is a great way to use images to introduce different concepts or portfolios. Here's an example.

Note: How Index Pages display in your navigation depends on the template. To create a drop-down menu of pages in your navigation in any template, create a folder. To learn more, visit Folders vs. Index Pages.

Watch a video

To see how the Index Page works, watch this video:

Index Page feature comparison

Use this list to compare different Index styles. Templates are grouped by family. If your template isn't in this chart, it doesn't support an Index Page.

Template  Style Thumbnails Supported Pages
Avenue Grid Required Album, Blog, Gallery, Events, Products, Regular

Bedford family

Anya, Bryant, Bedford, Hayden

Stacked Optional Regular

Brine family

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

Stacked Optional Gallery, Regular
Flatiron Grid Required Album, Blog, Gallery, Events, Products, Regular
Forte Slideshow Required Album, Blog, Gallery, Events, Products, Regular
Momentum Slideshow Required Gallery

Montauk family

Julia, Kent, Montauk, Om

Grid Required Album, Blog, Gallery, Events, Products, Regular

Pacific family

Charlotte, Fulton, Horizon, Naomi, Pacific

Stacked Optional Album, Gallery, Regular
Supply Grid Required Album, Blog, Gallery, Events, Products, Regular

Tremont family

Camino, Carson, Henson, Tremont

Slideshow Optional Album, Blog, Gallery, Events, Products, Regular

York family

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York

Grid Optional Album, Blog, Gallery, Events, Products, Projects, Regular

Step 1 - Add an Index Page

If your template supports an Index Page, follow these steps:

  1. From the Home Menu, click Pages.
  2. Click the + icon, then click Index.
  3. Give your Index a title, then press Enter or Return.
Note: If your template supports a stacked Index, the icon will look slightly different.

Step 2 - Adjust Index Page Settings (optional)

Desktop Squarespace App

Hover over the Index and click the gear-icon to adjust the Index's Page Settings, such as the title and URL slug. In some templates, the Index Page's title, description, and thumbnail image display at the top of the page.

To adjust an Index's Page Settings, such as the title and URL slug: 

  1. Tap the Pages icon.
  2. Tap the title of the Index Page.
  3. Tap the ... icon in the top right corner.
  4. After making changes, tap Save in the top right corner.

Step 3 - Add pages to the Index

Desktop Squarespace App
Tip: You can add up to 100 pages to an Index Page, but we don't recommend adding more than 25. The more content you add, the longer the page will take to load.

Add pages

Within the Pages panel, click + Add Page below your Index Page. (Depending on your template, you may see + Add Section+ Add Gallery or Page, or + Add Project instead.)

add-page.png

The Create New Page menu shows the pages your template's Index supports. For example, the Momentum template supports one page type:

momentum-add.png

Click any icon from the menu to add new pages.

You can also drag and drop existing pages into the Index.

For stacked Indexes:

  • You can add sections in the Manage Sections view.
  • Regular Pages are called Content sections.
Note: Disabled pages won't display.

Build the pages

For grid or slideshow Index Pages, add content to any Regular Page or collection page as you would normally. 

For stacked Index Pages, click the title in the Pages panel to scroll to that section in the page preview. Add content using the page preview edit annotation. You can also drag sections out of the Index to edit them. Outside the Index, Content sections become Regular Pages.

  • Custom code added to pages within an Index may not render on your live site. To test your code, remove the page from its Index, then view the page directly in a private or incognito window.
  • If you don't see an edit annotation for a stacked Index, move the page out of the Index to add content, then move it back into the Index. You can also disable the page, add content to it, then re-enable it.

Reorder the pages

The page order in the Pages panel reflects how they display on the Index Page. Drag and drop pages to rearrange their order.

Tip: For stacked Indexes, see our additional tips.

Review any password-protected pages

You can password-protect the main Index in its Page Settings.

  • In stacked Indexes, this password will protect sub-pages as well.
  • In grid and slideshow Indexes, add passwords to the individual sub-pages to protect them.

To learn more, see Passwords and Index Pages.

Tip: You can add up to 100 pages to an Index Page, but we don't recommend adding more than 25. The more content you add, the longer the page will take to load.

Add pages

After adding an Index Page to your site on desktop, you can add Regular Pages to it on the Squarespace App.

  1. Tap the Pages icon.
  2. Tap Add at the bottom of a navigation section to add a new Regular Page.
  3. Tap the arrow in the top left corner to close the new page.
  4. Tap Edit in the top right corner.
  5. Tap and hold the hamburger icon to the right of the page title, then drag the page under your Index Page and let go when the page is in place.
  6. Tap Done.
Tip: If your template's Index Page supports other types of pages, add them on desktop.

Build the pages

To edit pages within your Index Page:

  1. Tap the title of the page in the Pages tab.
  2. Tap Edit beside the page title on the overlay.
  3. Add text, images, or other content.
  4. Tap Done, then tap Save Changes to confirm.

Reorder the pages

The page order in the Pages panel reflects how they display on the Index Page. To reorder the pages:

  1. Tap Edit in the top right corner of the Pages tab
  2. Tap and hold the hamburger icons to the right of the page titles, then drag the pages up or down.
  3.  Tap Done.

 Review any password-protected pages

To password-protect an Index Page:

  1. Tap the title of the Index Page in the Pages tab.
  2. Tap the ... icon in the top right corner.
  3. Tap into the Add Password field and enter the password you want to use.
  4. Tap Save.

 Depending on the type of Index Page, you may need to add page passwords to individual sub-pages:

  • In stacked Indexes, this password will protect sub-pages as well.
  • In grid and slideshow Indexes, add passwords to the individual sub-pages to protect them.

Step 4 - Add page thumbnails

Desktop Squarespace App

For best results, ensure that every page or section in your Index has a thumbnail image. Depending on your template's Index style, the image may become a navigation thumbnail, a banner, or a background image.

In some templates, the thumbnail image is optional. However, when you first create an Index, it's best to start with a thumbnail image for every page.

  1. Hover over the title of a page or section within your Index.
  2. Click the gear-icon.
  3. Click the Media tab.
  4. Add a thumbnail image

Repeat this process for every page within your Index.

Note: In some templates, you can add a video thumbnail. For grid Index Pages, you should also add a thumbnail image, as these Index Pages don't use videos for the thumbnail tile.

For best results, ensure that every page or section in your Index has a thumbnail image. Depending on your template's Index style, the image may become a navigation thumbnail, a banner, or a background image.

In some templates, the thumbnail image is optional. However, it's best to start with a thumbnail image for every page.

  1. In the Pages tab, tap the title of a page within your Index.
  2. Tap the ... icon on the overlay beside the page title. This opens the individual page's settings. Don't tap the ... icon in the top right corner, as that opens the Index Page's settings.
  3. Under Options, tap Media.
  4. Tap Add Image to add a thumbnail image from your device.
  5. After the image uploads, tap Page Settings to go back, then tap Save.

Repeat this process for every page within your Index.

Step 5 - Set the Index Page as your homepage (optional)

Desktop Squarespace App

It's common to set the Index Page as a site's homepage so visitors can easily browse your content from a unique landing page. To do this, set the Index Page itself as the homepage, rather than a page within the Index.

  1. Hover over the Index Page title.
  2. Click the gear-icon.
  3. Scroll down in the Basic tab and click Set As Homepage
Note: It isn't possible to set a page or section within an Index as a site's homepage.

It's common to set the Index Page as a site's homepage so visitors can easily browse your content from a unique landing page. To do this, set the Index Page itself as the homepage, rather than a page within the Index.

  1. In the Pages tab, tap the title of your Index Page.
  2. Tap the ... icon in the top right corner.
  3. Tap Set as Homepage.
  4. Tap Confirm, then tap OK.

Step 6 - Style the Index Page

Your template determines the Index's style: grid, stacked, or slideshow. In the Site Styles panel, you'll find tweaks to help you customize how the Index looks. 

Grid

You can change the number or shape of the thumbnails, their padding, and how the page titles display, depending on your template. Use the links below to find the guide for your template's Index.

Stacked

You can change the fonts, navigation elements, and how page content displays. Options vary by template. Use the links below to find the guide for your template's Index.

  • Bedford family - Anya, Bryant, Bedford, Hayden
  • Brine family - Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West
  • Pacific family - Charlotte, Fulton, Horizon, Naomi, Pacific 
Tip: See our additional tips for managing sections.

Slideshow

You can style page names and choose how visitors click through to a connected page. Options vary by template. Use the links below to find the guide for your template's Index.

Special URLs

Some templates have a different URL for pages when they're viewed on the Index Page. Here's an example:

http://www.mydomain.com/#/page-title

The # symbol indicates that this page is in an Index Page. This URL helps search engines and social media sites recognize the page as part of an Index and not duplicated content.

You'll see this in the following templates:

  • Avenue
  • Flatiron
  • Montauk family - Julia, Kent, Montauk, Om

Page format

For those templates, some pages have special formatting when you open them from the Index Page. For example, in Avenue, when you click an Index thumbnail to open a Gallery Page, the images stack vertically and there's a clickable thumbnail navigation at the bottom.

The special formatting won't display if the page is opened without the special URL structure. This happens when:

  • A visitor goes to the sub-page's direct URL.
  • The sub-page has a password.
  • The visitor opens the sub-page by right-clicking and opening in a new tab or window.

For more information, visit the template guide for AvenueFlatiron, or the Montauk family.

Passwords and Index Pages

You can use page passwords to prevent Index content from being publicly visible. 

Password-protect any main Index Page in its Page Settings.

How you password-protect sub-pages depends on the Index style:

  • For grid and slideshow Indexes, add a password directly to each sub-page.
  • For stacked Indexes, the main Index Page's password protects the subpages as well.

For password-protected sub-pages in grid and slideshow Indexes:

  • The sub-page's thumbnail displays normally in the main Index Page.
  • When a visitor clicks that thumbnail, or goes to the direct URL, they'll be prompted to enter the page password.
  • If the sub-pages have special Index formatting, it won't display.

For password-protected stacked Indexes:

  • If a visitor goes to the direct URL for a sub-page, they'll be prompted to enter the page password for the main Index Page.
  • In the Pages panel, the password field is hidden for sub-pages. Drag the page out of the Index to set a password. Once you've added a password to a page, you can't drag it into an Index.
  • Special formatting won't display for Avenue, Flatiron, or the Montauk family (Julia, Kent, Montauk, Om). 
Note: In the past, you could add passwords to sub-pages in a stacked Index. If your sub-page already has a password:
  • The page's thumbnail image and content appears in the Index. 
  • The login prompt won't appear unless the visitor goes to the direct page URL.
  • If you delete the password, the password field will disappear.
  • If you drag the page out of the Index, you won't be able to drag it back in until you remove the password.

SEO and social sharing 

Because Indexes are collections of pages, search engines and social media sites interact with them differently than other pages in Squarespace. Search engines may direct visitors to pages within your Index, rather than the Index Page itself. On some templates, pages appear differently when viewed directly rather than through the Index Page.

If you share a page within an Index on social media, the site may display the Index Page instead of the specific page you're trying to share. Use these best practices to share a specific page:

  • Use the page's direct URL. If your page's URL includes a #/, remove that before sharing.
  • Add a thumbnail image and page description in the Index Page Settings
  • Demo pages contain a "noindex" tag that makes pages invisible to search engines. We recommend removing all demo content from your Index Page to remove this tag. 

Managing stacked Index sections

The Pages panel has an added feature that helps you move, add, and delete sections in stacked Indexes. To access this feature:

  1. From the Home Menu, click Pages.
  2. Click the Index Page.
  3. Hover over the top of the site preview and click Manage Sections.

stacked-index.png

You'll see a zoomed-out version of your Index, which you can use to more easily scroll through sections

  • Click and drag any section to rearrange it.
  • Use the + and - icons to add or remove sections.

To return to the Pages panel, click Back in the top-left corner.

Displaying other content

To display content from an unsupported page type within an Index, add a Regular Page to the Index. Then use the following methods to display the content on that Regular Page:

  • Blog posts - Add a Summary Block and connect it to a Blog Page.
  • Products - Add a Summary Block and connect it to a Products Page. You can also add individual products with the Product Block.
  • Gallery images - Add a Gallery Block. You can connect it to an existing Gallery Page or add images to it directly. You can also add individual Image Blocks.
  • Events - Add Calendar Blocks and select the collection to display.
  • Album tracks - Add Audio Blocks and add tracks to them directly.

You can also use the Archive Block to create a list of new blog posts, gallery images, products, and events.

Tip: Move collection pages (such as a Blog Page) to the Not Linked section so they don't show in your navigation.

Momentum

The Momentum template only supports Gallery Pages. To link to other content on your site, add a link to the description of any gallery image, or add pages to your Main Navigation so the links show in the navigation bar.

Replicate an Index in other templates

If your template doesn't support an Index Page or the Index Page style you like, there are ways to recreate the look of an Index on any template: 

Was this article helpful?
77 out of 173 found this helpful