A shopper lands on your laptops page with a budget, a screen size, and a deadline in mind. Then she sees 400 products and a filter panel that offers "Series," "SKU Family," and "Form Factor Class." She closes the tab. Most stores have filters, but far fewer have filters that match how people shop. Well-designed product filters in ecommerce turn a long list into a short, relevant one, and they do it in a few clicks. This guide shows you how to choose, order, and present filters so they help customers buy.
Key Takeaways
- Good filters come from the questions shoppers ask before they buy, such as price, size, brand, and use, not from the columns in your product database.
- Match the filter type to the data: checkboxes for multi-select options, sliders for ranges, swatches for color, and simple toggles for yes-or-no features.
- Put the filters people use most at the top, and show result counts so nobody picks a combination that returns nothing.
- Each category needs its own filter set, because what matters for running shoes has little to do with what matters for tablets.
- On mobile, keep filters in a tap-to-open panel with an obvious "Apply" button and a visible list of active choices.
- Watch your analytics, then remove filters nobody touches and add the ones shoppers keep requesting through search.
Start With Shopper Questions, Not Your Data
The easiest way to build filters is to expose every attribute you store. It's also the fastest way to build a confusing panel. Start from the other direction. Ask what a person needs to know before they'll add this item to a cart.
For a pair of running shoes, those questions might be size, width, terrain, cushioning, and price. For a laptop, they're screen size, memory, processor, battery life, and price. Your customer service inbox, on-site search terms, and product reviews are full of these questions already. Pull the most common ones and turn each into a filter.
A filter earns its place by answering a question shoppers really ask. If nobody would say it out loud while shopping, it probably doesn't belong in the panel.
Choose the Right Filter Type for Each Attribute
Not every attribute fits a checkbox. The control you choose changes how quickly someone can use it, so match the format to the kind of data.
Checkboxes, Sliders, and Swatches
Use checkboxes when a shopper might want more than one value, such as several brands at once. Use sliders or min-max fields for continuous values like price or screen size, so people can set a range without scanning a long list. Use swatches for color, because a small colored circle is clearer than the word "Teal."
Toggles and Single-Select Lists
Yes-or-no features, like "Free shipping" or "Waterproof," work best as simple toggles. Single-select lists suit options that exclude each other, such as sort order or one department. If you're deciding which attributes should become filters at all, our guide to product attributes explains how to define them cleanly, and product facets covers turning them into filter groups.
The best control is the one a shopper doesn't have to think about. Colors look like colors, ranges slide, and features switch on and off.
Order and Label Filters So People Find Them Fast
Shoppers rarely read a whole panel. They scan the top, pick one or two filters, and move on. That makes order one of the most valuable decisions you'll make.
Put the most-used filters first. Price and brand usually lead, followed by the attributes that define the product, such as size for mens clothing or capacity for mattresses. Check your analytics to see what people click instead of guessing.
Labels matter just as much. Use the words your customers use. "Screen size" beats "Display diagonal," and "Fits wide feet" beats "EE width." Keep each group short, and collapse long lists behind a "Show more" link so the panel stays readable.
Show Counts and Prevent Dead Ends
Add a result count next to each option, like "Sony (12)." It tells shoppers what to expect before they click. When an option would return zero products, gray it out or hide it. A page that says "No results" after three clicks is where many visitors give up.
Every filter click should move the shopper closer to a product. Counts and disabled options keep the path clear and the dead ends out of sight.
Give Every Category Its Own Filter Set
A single global filter panel is tempting to build, but it fails fast. Cookware needs material and oven-safe temperature. Headphones need connection type and noise cancelling. If you show the same ten filters everywhere, half of them will be irrelevant on any given page.
Build filter sets by category, with a small shared core (price, brand, rating) and a handful of category-specific options on top. This is where your category structure and your filters work together. A clear category tree tells you which products share attributes, and that tells you which filters belong together.
Keep each set focused. Five to eight well-chosen filters usually beat twenty. If you're unsure where the line sits, consider the point at which a panel stops helping and starts overwhelming people.
A filter set should feel like it was written for the page it sits on. Generic panels read as generic help.
Make Filters Work on Mobile
More than half of ecommerce traffic arrives on phones, and a desktop sidebar squeezed onto a small screen is hard to use. Move filters into a slide-up panel opened by a clear "Filter" button, and keep it sticky so it's always within reach.
Inside the panel, use large tap targets and show an "Apply" button with a live result count, such as "Show 38 results." Display the active filters as removable chips above the product grid, so shoppers always see what is applied and can clear one with a single tap. Avoid reloading the page on every tap, since slow updates feel broken on a mobile connection.
On mobile, the filter panel is the whole navigation experience. Make it fast, tappable, and honest about what's applied.
Test, Measure, and Keep Improving
Filters aren't a one-time build. Track which ones people use, which combinations lead to purchases, and which categories see shoppers leaving after filtering. If a filter gets almost no clicks, remove it. If shoppers keep searching for "waterproof" or "wide," that's a request for a new filter.
Also watch the SEO side. Filter combinations can create many near-duplicate URLs, so read our guide on faceted navigation and duplicate content before you launch new ones.
Put Your Filters to Work
Good filters start with shopper questions, use the right controls, appear in a sensible order, and adapt to each category and screen size. If you'd rather not build every category structure and filter set from scratch, TaxonomyBuilder can generate category hierarchies and matching filters you can refine for your store.
Frequently Asked Questions
How many filters should a category page have? Most categories do well with five to eight visible filters. Show the most-used ones first and tuck the rest behind a "More filters" link so the panel stays manageable.
Should filters sit in a sidebar or above the products? A left sidebar works well on desktop for stores with many filters, while a horizontal bar suits stores with only a few. On mobile, a slide-up panel is the standard choice.
What's the difference between a filter and a facet? A facet is an attribute of a product, like color or brand. A filter is the control a shopper uses to narrow results by that attribute. People often use the terms interchangeably.
Should filters apply instantly or after the shopper taps "Apply"? On desktop, instant updates feel natural. On mobile, an "Apply" button prevents repeated slow reloads and gives shoppers a chance to choose several options first.
How do I know which filters to add? Look at on-site search terms, customer questions, and reviews. Words that show up again and again, like "waterproof" or "wide fit," usually point to a missing filter.
Do filters affect SEO? They can. Filtered URLs may create duplicate or thin pages, so decide which combinations search engines should index and use canonical tags or noindex for the rest.