Learn how to use categories and tags to help your customers and clients find what they're looking for.

Add categories and tags to store page products to display a category navigation, product filters, and related products.

What’s the difference between categories and tags?

Categories and tags are similar and have some overlapping uses.

What categories are for

The main use of product categories is to create a store page navigation that customers use to browse your products. In version 7.1, this navigation can have multiple levels and subcategories. For example, if you’re a florist that sells floral arrangements and in-person workshops, you might add two categories, one for arrangements and workshops.

What tags are for

The main use of tags is to create a store page filter that displays some products while excluding others based on seasonal or temporary characteristics. If you’re a florist, you might add tags like new, last chance, and spring sale.

Add product categories to create a category navigation

Adding product categories automatically creates a category navigation that displays at the top of your store page or in a sidebar. You can rename and change the order of the navigation by editing your categories and dragging them into a new order. The way to add and manage product categories depends on your site’s version. 

Add product tags

To create tags, edit a product and scroll to Organization. Add the tag, press Enter, then click Save. You can use tags to create product filters on your store page.

Edit or delete product tags

To edit or delete product tags, go to the product editor and scroll to Organization. To delete a tag, click X. To edit a tag, click the tag, then click Edit. Make your changes, then click Save.

Add product filters to your store page (version 7.1 only)

Create product filters to help your customers find the products and services most interesting to them. Filters rely on product tags to display a selection of products on your store page. You can add filters to store pages that have 200 or fewer products. To add a store page filter:

1. Add tags to your products. 
2. Edit a store page section. 
3. In the Elements tab, click Filters, then click Create new filter.
4. Click the filter.  
5. Add a label. This is what customers select to apply the filter. 
6. Select the tags that will appear when the filter is selected. Products without the selected tags will be hidden from the store page when the filter is applied. A filter can have up to 50 tags. 
7. When you're finished setting up the filter, click Back. 
8. Repeat these steps to create up to 10 filters. A tag can only be assigned to a single filter.
9. After you close the editor, click Save.

Clear the store page filter

After customers apply a filter to your store page, they click Clear to remove the filter and view all products.

Style the store page filter

The filter displays at the top of your store page. It’s not possible to change its position. The filter button follows your site’s primary button styles.

Editing product tags after creating a store page filter

If you delete, merge, or edit a product tag after you assign it to a filter, you’ll need to edit the filter, delete the outdated tag, and add the updated tag to the filter.

Edit or delete a store page filter

To edit a store page filter:

1. Edit the store page section.
2. Click Filters. 
3. Click a filter. 
4. Edit the filter’s label. 
5. Edit the filter’s assigned tags. To delete an outdated tag, click the trash can icon.
6. To delete the filter, click Delete.

Hide the store page filter button

To hide the store page filter button from visitors on the computer, delete all filters. On mobile browsers, the filter button always displays if you have product categories, and there's no way to hide it without deleting all categories. If you have a category navigation and store page filters, both dropdown menus display beneath the filter button on mobile.

Link to categories and tags from outside the store page

Both tags and categories can be used as filters in various organizational blocks, and you can also link to them from dropdowns in your site's main navigation, or from text and images.

Blocks and other areas that use product tags and categories

Beyond the store page category navigation and filters, product tags and categories are used in these areas:

• Tag Cloud Blocks - Display tags or categories in a graphic cloud formation.
• Archive Blocks - Display tags or categories in a customizable text-only list.
• Summary blocks - Display products from your store page based with an optional tag filter.
• Related products - Display related products in product details pages based on category.