Quick answer: A WooCommerce product filter lets shoppers narrow a category by things like size, color, price, brand or rating. To set one up well, first plan clean global attributes for your products, then use WooCommerce’s built-in filter widgets for simple stores or a dedicated filter plugin for AJAX filtering, more filter types and better mobile layouts. Choose filters based on how customers actually shop, make them easy to use on a phone, and control how filtered URLs are crawled so they do not create thousands of thin pages in search.
Why filters matter
Once a category has more than a couple of dozen products, scrolling stops working. Shoppers who cannot narrow the list quickly tend to leave or fall back on site search, which may or may not help. Filters let them say “show me medium, blue, under 50” and see only what fits.
Good filters also reduce the number of products a shopper has to compare, which makes deciding easier. Poor filters (too many options, confusing labels, or filters that return nothing) do the opposite.
Step 1: plan your attributes
Filters are only as good as the data behind them. In WooCommerce, the filters that work best rely on global attributes, created under Products > Attributes. Each attribute (for example Color, Size or Material) has a fixed list of terms (Red, Blue, Green).
Global attributes matter because:
- Built-in layered navigation widgets only work with global attributes, not custom attributes typed into a single product
- They keep naming consistent (“Navy” everywhere, not “Navy,” “navy blue” and “Dark blue”)
- They can be reused for product variations, so the same data drives both the filter and the add to cart choices
Before you build anything, list the attributes your customers care about in each category. A clothing store needs size, color and fit. An electronics store might need brand, screen size and storage. A furniture store needs dimensions, material and finish. Then clean up existing products so every item has the right terms assigned.
Categories and tags can be filters too, but use attributes for product properties. Categories should describe what a product is, not every trait it has.
Step 2: choose how to build the filters
WooCommerce’s built-in widgets
WooCommerce ships with several filter widgets you can place in a shop sidebar:
- Filter Products by Attribute for size, color and other global attributes, with an option to show a list or a dropdown and to combine terms with AND or OR
- Filter Products by Price with a price slider
- Filter Products by Rating
- Active Product Filters to show and clear the filters a shopper has chosen
They are free, reliable and enough for many small stores. Their main limits: each selection reloads the page, the design is basic, they depend on your theme having a sidebar, and they do not offer filter types like color swatches or checkboxes out of the box.
Filter plugins
Dedicated plugins add AJAX filtering (results update without a full page reload), checkboxes, swatches, sliders, filtering by categories, tags and custom fields, and mobile friendly filter panels. Well known options include YITH WooCommerce Ajax Product Filter and FacetWP, among others. Before choosing one, check:
- That it works with your theme’s shop and archive templates
- How it handles URLs (can a filtered view be shared and bookmarked?)
- How it performs on a catalog the size of yours
- Whether it is actively maintained and compatible with the current WooCommerce version
Custom development
Large catalogs or unusual product data (technical specs, compatibility lookups) sometimes need custom filters or a dedicated search service. That is more work, but it can be worth it when filtering is central to how people buy.
Step 3: design filters people can use
Pick the right filters per category
Show filters that matter for that category. A “Sleeve length” filter makes sense for shirts, not for shoes. Most filter plugins let you set different filter groups by category.
Order by importance
Put the most used filters first. For apparel that is usually size, then color, then price. For many other stores it is price and brand.
Show counts and hide empty options
Showing the number of products next to each option helps people avoid dead ends. Hide or grey out options that would return zero results.
Make selections obvious
Show active filters at the top of the results, each with a way to remove it, plus a “Clear all” link.
Design for mobile
On phones, a long sidebar pushes products far down the page. Use a “Filter” button that opens a panel, with an “Apply” or “Show results” button at the bottom and the product count visible. Make tap targets large.
Use clear labels
Use the words your customers use. If they say “waterproof,” do not label the filter “Hydrostatic rating.”
Step 4: handle SEO for filtered pages
Every combination of filters can create a new URL, for example ?filter_color=blue&filter_size=medium. On a store with several attributes, that can mean thousands of near duplicate pages for search engines to crawl.
A sensible approach:
- Keep category pages as your main SEO pages. Our guide to category page SEO covers how to make them strong.
- Stop filtered URLs from being indexed. Use a noindex, follow robots meta tag on filtered views, or a canonical pointing to the unfiltered category. Your SEO plugin or filter plugin may offer settings for this.
- Be careful with robots.txt. Blocking filter parameters in robots.txt saves crawling, but Google then cannot see any noindex tag on those pages. Choose one approach deliberately.
- Create real landing pages for valuable combinations. If people search for “red summer dresses,” build a proper subcategory or landing page with its own copy rather than relying on a filtered URL.
These choices fit into your wider ecommerce SEO plan, so review them together.
Step 5: keep filters fast
Filtering runs database queries across products, attributes and prices. On large catalogs, slow filters are a common complaint.
- Keep WooCommerce up to date. Version 3.6 added product lookup tables that speed up sorting and filtering by price, stock and ratings.
- Use object caching, such as Redis, on busy stores.
- Avoid stacking several filter plugins or overlapping search plugins.
- Test filters with a realistic number of products before launch.
For a wider look at store performance, see our guide to WooCommerce speed.
Step 6: measure and refine
Track how filters are used. In Google Analytics, record filter selections as events, and look at which filters are used most, which combinations return no results, and how filter users convert compared with others. Review site search terms too. If shoppers keep searching for something that is not a filter, consider adding it.
FAQ
Why do my attribute filters not show any options?
Usually because the attributes were added as custom attributes on each product instead of global attributes under Products > Attributes, or because terms are not assigned to products.
Should I use AJAX filters?
AJAX makes filtering feel faster, especially on mobile. Make sure the plugin still updates the URL so filtered views can be shared and the back button works.
Can filters hurt SEO?
They can if thousands of filtered URLs get crawled and indexed. Control indexing with noindex or canonicals, and build proper pages for valuable combinations.
How many filters should a category have?
Enough to cover how customers choose, often four to eight. More than that becomes hard to scan.
Help shoppers get to yes faster
Well planned WooCommerce product filters start with clean attribute data and end with a fast, clear, mobile friendly experience that does not cause indexing problems. Get those parts right and shoppers find what they want with less effort. If you would like help planning or building filters for your store, see Turn visitors into customers.
