What Is Index Page On Bedford Template

Search Results

All Categories

Clear

Utilize

Search in

Alphabetize pages in version 7.0

In version 7.0, index pages adjust images and content from different pages into unique layouts, creating a unmarried destination where visitors can browse content from multiple sub-pages.

Alphabetize pages are available in sure templates.

This guide is for version 7.0. In version seven.1, y'all tin utilise folio sections for an effect similar to stacked index folio layouts, or portfolio pages for an effect to grid index folio layouts.

Watch a video

To run into how the alphabetize page works, sentry this video:

Alphabetize page designs

Each template family has its ain index fashion that falls into 1 of three designs:

Grid - Each page in the index creates an image on the page. Clicking an image opens the continued page. This design forms a visual navigation grid linking to content throughout your site. Here's an example.
Stacked - Each folio in the index creates a section in a single scrolling page. The sections stack vertically, allowing visitors to gyre through a lot of data, all with a unified await. Think of information technology equally a digital version of an accordion-folded pamphlet that you tin open and see all the pages at once. Here's an example.
Slideshow - Each page displays equally a full-bleed background image with a content overlay. Clicking a page title opens the continued folio. This is a neat way to use images to introduce dissimilar concepts or portfolios. Here'southward an instance.

Additionally, the index folio's link in your navigation depends on the template. To create a drop-downwards carte du jour of pages in your navigation in whatever template, create a binder instead. To learn more, visit Folders vs. index pages in version 7.0.

Index page feature comparing

Here'southward how indexes display in these template families. If your template isn't listed, it doesn't have an index page.

Template family	Manner	Featured images	Supported Pages
Artery	Filigree	Required	Album, blog, gallery, events, products, layout
Bedford	Stacked	Optional	Layout
Brine	Stacked	Optional	Gallery, layout
Flatiron	Grid	Required	Anthology, blog, gallery, events, products, layout
Forte	Slideshow	Required	Album, blog, gallery, events, products, layout
Momentum	Slideshow	Optional	Gallery
Montauk	Grid	Required	Album, blog, gallery, events, products, layout
Pacific	Stacked	Optional	Album, gallery, layout
Supply	Grid	Required	Album, blog, gallery, events, products, layout
Tremont	Slideshow	Optional	Album, blog, gallery, events, products, layout
York	Grid	Optional	Album, web log, gallery, events, products, projects, layout

To set up your alphabetize page, follow the rest of this guide.

Add an index page

If your template supports an alphabetize page, follow these steps:

In the Squarespace App, adding new pages is only possible in the iOS version.

In the Home menu, click Pages, then click the + icon.
Select Index from the pages menu.
Enter a folio title, and then press Enter to save. Yous can change this subsequently.

Edit folio settings

You can change the index page's settings, such every bit its title and URL slug. In some templates, the title, description, and featured epitome display at the elevation of the page.

To edit the alphabetize folio's settings:

In the Pages panel, hover over the index.
Click .
Afterwards making changes, click Salvage.

To learn more about the different options, visit Page settings.

Add, edit, and accommodate pages

Next, you'll build the content of the index past adding, editing, and arranging pages. Each page creates a section of the index.

Tip: You can add up to 100 pages to index pages, only nosotros don't recommend calculation more than than 25. The more content yous add, the longer the page will take to load.

Estimator
Squarespace App

Add pages

To add together pages to an alphabetize:

In the Pages panel, click Add page below the alphabetize page. Depending on your template, yous may see Add section, Add gallery or p historic period, or Add project instead.
Click any icon from the pages carte du jour to add new pages. The carte du jour shows the pages your template's index supports. For example, Momentum'due south index page only supports gallery pages. layout pages are called Content sections.

Other methods

You lot can drag and drop existing pages into the index.
In stacked indexes, you tin can add sections using Manage sections.

Note: Disabled pages won't display in the index.

Build pages

You can add content to any layout page or collection page within an index by clicking Edit on the page. For stacked index pages, click the title in the Pages panel to gyre to that department in the page preview.

Custom code added to pages inside an index may not render on your alive site. To test your code, remove the page from its index, and so view the page straight in a private or incognito window.
If you don't meet an edit annotation for a stacked index, motility the page out of the index to add content, and so move it back into the index. You can as well disable the folio, add content to information technology, then re-enable it.

Reorder pages

The folio guild in the Pages panel reflects how they display in the alphabetize folio. Drag and drib pages to rearrange their order.

Tip: For stacked indexes, meet boosted tips.

Review password-protected pages

You can password-protect the main index in its page settings.

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

To learn more, see Passwords and alphabetize pages.

Add pages

To add pages to an alphabetize in the iOS version of the Squarespace app:

Tap the Pages icon.
Tap Add below the alphabetize folio.
Tap the page type you want to add.
Click into the Page title field and add a folio title.
Tap Create.

Build the pages

To edit pages within your index folio:

Tap the title of the folio in the Pages tab.
Tap Edit or the pencil icon beside the page title on the overlay.
After adding or changing content, tap Done or the ✓, then tap Save changes to confirm.

Reorder the pages

The page social club in the Pages console reflects how they brandish on the index page. To reorder the pages:

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

Review password-protected pages

To countersign-protect an index page:

Tap the championship of the index page in the Pages tab.
Tap the ... icon or in the top-right corner.
Tap into the Password field, then enter the password you want to use.
Tap Save.

Depending on the type of alphabetize page, yous may need to add page passwords to individual sub-pages:

In stacked indexes, this password volition protect sub-pages also.
In grid and slideshow indexes, add passwords to the individual sub-pages to protect them.

Add page featured images

You can add featured images to every folio or section in the index. Depending on your template's index style, the image may become a navigation paradigm, a banner, or a background paradigm.

In some templates, you lot tin can add a featured video. Grid index pages don't support videos as featured images, and then use images instead.

Computer
Squarespace App

To add index folio featured images:

In the Pages panel, hover over the title of a page or section within your index.
Click .
Click the Media tab.
Add a featured image.

Repeat this process for every page within your index.

To add alphabetize folio featured images:

In the Pages tab, tap the title of a page inside your index.
Tap the ... icon or on the overlay next to the page championship to open up the private folio's settings. (Tip: Don't tap the ... icon in the tiptop-right corner because information technology opens the entire index page'south settings.)
Under Options, tap Media.
Tap Add image to add a featured image from your device.
Subsequently the paradigm uploads, tap Folio settings to go back, then tap Salvage.

Repeat this process for every page within your alphabetize.

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 assist y'all customize how the index looks.

Grid

You can change the number or shape of the featured images, their padding, and how the page titles brandish. Options vary past template. Use the links beneath for help with these template families:

Avenue
Flatiron
Montauk
Supply
York

Stacked

You can change fonts, navigation elements, and how page content displays. Options vary past template. Use the links below for help with these template families:

Bedford
Brine
Pacific

Tip: See our additional tips for managing sections.

Slideshow

You can mode folio names and choose how visitors click through to a connected page. Options vary by template. Apply the links below for assistance with these template families:

Forte
Momentum
Tremont

Managing stacked alphabetize sections

In Stacked index pages, you can move, add, and delete sections using Manage sections in the Pages panel.

To open up Manage Sections:

In the Abode menu, click Pages.
Click the alphabetize page.
Hover over the meridian of the site preview and click Manage sections.

You lot'll see a zoomed-out version of your index, which yous can use to more easily scroll through sections.

Click and drag any section to rearrange it.
Utilise the + and - icons to add together or remove sections.
To return to the Pages panel, click Back in the top-left corner.

Display other content

To display content from an unsupported page type within an index, add a layout page to the index. Then use the following methods to brandish the content on that layout folio:

Blog posts - Add a summary block and connect information technology to a blog page.
Products - Add a summary block and connect it to a products page. You can also add individual products with Production Blocks.
Gallery images - Add a gallery block. Yous tin connect it to an existing gallery folio or add together images to it directly. You can likewise add individual epitome blocks.
Events - Add calendar blocks and connect it to an events page.
Album tracks - Add together audio blocks and add tracks to them direct.

Y'all can as well utilise archive blocks to create lists of blog posts, gallery images, products, and events.

Tip: Move collection pages (such as a blog folio) to the not linked department and then they don't bear witness in your navigation.

Momentum

The Momentum template only supports gallery pages. To link to other content on your site, add together a link to the clarification of any gallery image, or add pages to your primary navigation so the links show in the navigation bar.

Special URLs

In the templates listed below, gallery and layout folio sub-folio URLs include a hashtag (#) when they're opened from the index page. Here's an example:

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

The hashtag version of the page has special formatting in these template families:

Avenue - Uses navigation images and Prev / Next links. Folio headers and footers don't display. gallery folio images stack vertically.
Flatiron - Uses navigation images and arrows. Layout pages display page titles and descriptions.
Montauk - Uses epitome navigation. Layout page banners don't display; instead, they prove the index page banner.

The version of the page with special formatting doesn't appear if there's no hashtag. This happens when:

A visitor goes to the sub-folio'southward direct URL (with no hashtag).
The sub-folio has a password.
The visitor opens the sub-page in a new tab or window.

Search engines don't index the hashtag version of the URL. This stops them from seeing indistinguishable content for your website, which is an SEO best practice. Visitors who go to sub-pages from search engine results see the version without special formatting. To prevent these pages from actualization in search, add a noindex tag to each sub-page.

Passwords and index pages

You can employ page passwords to forestall index content from being publicly visible.

Password-protect whatsoever principal index page in its page settings.

How you countersign-protect sub-pages depends on the index mode:

For filigree and slideshow indexes, add a countersign directly to each sub-page.
For stacked indexes, the primary alphabetize page's password protects the sub-pages.

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

The sub-page'southward featured image displays unremarkably in the main index folio.
When a visitor clicks that image, or goes to the direct URL, they'll be prompted to enter the folio password.
Special formatting won't display for the Avenue, Flatiron, or Montauk families.

For password-protected stacked indexes:

If a visitor goes to the direct URL for a sub-page, they'll exist prompted to enter the page password for the main index page.
In the Pages panel, the password field is subconscious for sub-pages. Drag the page out of the index to fix a password. After you've added a password to a page, you can't drag it into an index.

Annotation: In the by, you could add together passwords to sub-pages in a stacked index. If your sub-page already has a countersign:

The page's featured prototype and content appears in the alphabetize.

The login prompt won't appear unless the visitor goes to the straight folio URL.

If you delete the password, the password field will disappear.

If you drag the folio out of the index, y'all won't be able to elevate it back in until you lot 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. To learn more, visit Index page SEO and social sharing.

Replicate an index in other templates

If your template doesn't support an index page or the index folio style you similar, there are means to recreate the expect of an index on any template:

Filigree - On a layout folio, create a grid of images with clickthrough links.
Stacked - Add images and text to a layout page.
Slideshow - Add a comprehend page and include multiple images in the Media tab.

Was this article helpful?

123 out of 290 found this helpful