If you’ve got more than a few items or categories in your online store, filtered navigation is a must to help shoppers find what they need.
Let customers filter your products by size, color, categories, price, brand, availability in stock, special offers and so much more—and then watch your sales grow.
Enable Product Filters
Note
This feature is only available on Advanced and Unlimited stores.
To enable product filters:
In the side panel, click Sell Online, and then click Manage Store.
To enable the Nex-Gen StoreFront, click Settings, and then click What's New.
If you do not see this option, your store is up-to-date and prepared to enable product filters.Click Settings, click Product Filters, and then click Enable.
Add New Filters to the Store
Once filters are enabled, your store will receive personalized filter suggestions based on your catalog settings—like sale price, stock level, product options, and attributes.
If you have a sale price or stock level set up, you’ll be able to enable filtering On sale products and those available in stock.
If you’ve set up common Product Options (for example, size and color) for some of your products, you’ll see a filter by specific product options.
Product Types are groups of products that share the same attributes. For example, in an online bookstore, there might be books with paper covers and books with hard covers. The Attribute Cover can become a filter criteria.
Search by Phrase ensures quick product search if a customer already knows exactly what they’re looking for.
Based on your store’s data, you’ll see a list of suggested filters in your store control panel to select. The more products in your catalog that share a filter criteria, the higher it appears on your list of suggestions.
Create New Filters
To create new product filters:
In the side panel, click Sell Online, and then click Manage Store.
Click Settings, and then click Product Filters.
Click Add New Criteria.
From there, you’ll see filter criteria that are also available for your catalog settings but matched fewer products. You’ll also see tips for expanding the filtering criteria to more products:
If you don’t see the desired filter at this point, create a new Attribute in your store control panel → Settings → Product Types, and add those values to your products in Catalog → Product → Attributes.
How Product Filters Improve Navigation
Filtered navigation is a way to narrow and streamline product search that may help your customers discover and find your products. This improves their shopping experience, which ultimately serves to help you sell more.
Using navigation filters should lead your shoppers to the specific products they want. If you have over 50 products that come in different sizes, colors, or styles, you should include those criteria in filtered navigation.
Stores with fewer products can do well with a simple categories navigation and a search box, though that may depend on the specific products being sold, so don’t hesitate to test navigation filters in your online shop.
Store navigation filters remain visible for your customers while they browse your store.
Filters on Category Pages
When a customer visits one of your store categories, they can click Refine By and use navigation filters to sort products from that category only. This keeps your customer focused.
You can also expand filters and display the panel right on the category page. It helps customers see all the filters at once and find the products they need within seconds.
If your store has lots of products and no categories, the filter panel is displayed on the store page. In this case, filters are not expanded, but they are available by clicking Refine by.
Filters on the Search Page
When product filters are on, the search page becomes a product feed that displays all store products. Your customers can use filters here to sort items they’re looking for and discover more products.
Customers can access this page via the link in the footer (look for All products), and you can also link to this page throughout your website using custom banners or simple links.