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

Linking to categories or tags

You can add links that lead visitors to filtered lists of content by category or tag. This can encourage visitors to stay engaged by finding content that interests them.

A popular approach is to add navigation links to different categories of one Blog Page. You can also use this method for products, gallery/project images, events, and album tracks.

Tip: Product Pages can automatically include their own category navigation. To learn more, visit Styling Products Pages.

Before you begin

To follow this guide, you'll need:

  • A collection page with at least one item, like a Blog Page with at least one blog post.
  • Any categories or tags you want a link for added to at least one collection item. To learn how to categorize and tag content, visit Adding tags and categories.

Create a category or tag navigation link

To create a navigation link that leads to a page of content in a specific category or with a specific tag:

  1. In the Home Menu, click Pages.
  2. Click the + icon next to the section where you want to add the link.
  3. In the Create New Page menu, select Link.
  4. In the Link Title field, enter the name of the link as you want it to appear in the menu.
  5. Click the gear icon to open the link editor, then click the Page tab.
  6. Click into Search to open a menu of all the pages on your site.
  7. Select the collection page you want to filter, then select a category, tag, or both from the corresponding drop-down menus. If you select both a category and a tag, only items with both the category and tag will appear when visitors click the link.
  8. Click Save in the link editor, then click Save again to add the link to your navigation.

When visitors click this link, they'll see a filtered collection page. Repeat this step for every category or tag you want to add to your navigation.

Tip: To create a drop-down menu of these links, add multiple links to a folder in Main Navigation. You can name that folder something like CategoriesTags, or Topics. To learn more, visit Adding drop-down menus to your navigation with folders.

Create other category or tag links

To set up a category or tag link elsewhere on your site:

  1. Open the link editor for a Button BlockCover Page action, image clickthrough, or Text Block and click the gear icon.
  2. Click into Search to open a menu of all the pages on your site.
  3. Select the collection page you want to filter, then select a category, tag, or both from the corresponding drop-down menus. If you select both a category and a tag, only items with both the category and tag will appear when visitors click the link.
  4. Click Save in the link editor. Depending on the link, you may need to click Apply or Save again to confirm the changes.

Built-in category/tag links

Some page types display links to filtered content automatically:

  • Events Pages - "Filtering by:" text appears before the category or tag. The text style follows the body text.
  • Products Pages - For categories, the category navigation shows that category as active.
  • Blog Pages - In some templates, the filtering category or tag displays at the top with accompanying text. You can choose the number of posts that appear on the landing page in Blog Page settings.

Filtered collection page display

When visitors click a tag or category link, they'll see a filtered list of content with the category and/or tag from that collection page. How this filtered collection page looks depends on which version of Squarespace your site is on.

The filtered page of results for each collection tag or category has the same style as your collection page. For example, a filtered blog page displays the same number of posts as you chose in Blog Page settings.

The filtered page of results for each collection tag or category has the same basic style as your collection page. For example, a filtered blog page displays the same number of posts as you chose in Blog Page settings.

Depending on your template and the type of collection page, filtered pages may include extra features. For example, the tag or category displays at the top of filtered blog pages on some templates. This is how a filtered blog page looks in Brine:

brine-filtered-page.png

Here's how that text displays on filtered blog pages in these template families:

Template family Filtered Blog Page text

Adirondack

  • "Filtering by Category:" or "Filtering by Tag:"
  • Style follows body text

Avenue

  • No text

Aviator

  • "Filtering by Category:" or "Filtering by Tag:"
  • Style follows Heading 3 font, meta text color

Bedford

  • Category or tag name displays above all posts.
  • Style follows Page Link color, Nav Link font

Brine

  • "Posts in" or "Posts tagged"
  • Style follows body text

Farro

  • No text

Five

  • No text

Flatiron

  • No text

Forte

  • "Articles in" or "Articles tagged"
  • Font style follows body text. The "Articles..." text follows the body text color. The category or tag follows the Headings Color.

Galapagos

  • "Filtering by:"
  • Style follows Heading 2

Ishimoto

  • "Articles in" or "Articles tagged"
  • Style follows body text. The category or tag is bold.
Momentum
  • No text

Montauk

  • No text

Native

  • No text

Pacific

  • No text

Skye

  • "All in" or "All tagged"
  • Style follows Title color, List Title font

Supply

  • Category or tag name displays above all posts.
  • Style follows Heading font and color

Tremont

  • "Posts in" or "Posts tagged"
  • Style follows body text

Wells

  • "Articles in" or "Articles tagged"
  • Style follows body text.

Wexley

  • No text

York

  • "Posts in" or "Posts tagged"
  • Style follows body text

Next steps

Continue categorizing or tagging content in your collection. The filter will include collection items with the same category or tag automatically.

For help, visit Troubleshooting link issues.

Was this article helpful?
38 out of 175 found this helpful
Linking to categories or tags