How to use product filters more effective?

February 14, 2019


There is no secret that your sales depend directly on how easy and pleasurable customers find what they want. Therefore, an essential key to a successful business is to provide shoppers with the tools to strip out the goods in the way they want and to quickly search their product range. First of all, you need to add a search bar to the site, and the second step is to develop effective filters. There is one example: a product retailer increased its revenue by 76.1%, conversions by 26%, and shopping cart visits by 19,76% just after implementing two new filters:

  • By kilt type
  • By kilt pattern.

Below we are going to reveal the most common mistakes and their solutions.

1. Use a breadcrumb trail

Breadcrumb allows users to keep track where they are, and what is the selected category. Its path based on viewing history and, usually, looks as follows:

Breadcrumb path

Breadcrumb path


As the example, look at the screenshot below. It was made on the Walmart store.

Breadcrumb implementation on the Walmart

Breadcrumb implementation on the Walmart


Typically breadcrumb is placed under the headers and title bar. It provides users with the links back to each previous page they are visited to get the current page.

2. Display all filters at once but with scrolling capability within each filter type

It is much better to show all the available filters to users. But there is a huge pitfall. Look at this example.

List of categories

List of categories


It is hard to percept: a long list with numbers. But you can avoid it just by adding the scrolling capability or subcategories which are displayed after you select the necessary category. This is how Amazon does.

Filter by a category - Amazon

Filter by a category – Amazon


They present only filter titles and all other options you can see when you click on one of the titles.

3. Use specific filters

There are the basic filters that can be applied for the most stores type like color or size. But with it take time and think about the unique filter that can be suited only for your product’s type. For example, H&M added general filters as well as specific like Occasion, Style, and Quality.

Specific filters - H&M

Specific filters – H&M


4. Provide users with the opportunity to see all the selected filters

It is easy to get confused for customers in which filters they applied. Therefore it is important to allow users to see what they have already chosen. Also, provide them with the opportunity to remove filters just in one click. For example, River Island makes it possible not just delete one filter option but also clear all filters with one click.

Displaying the selected filters - River Island

Displaying the selected filters – River Island


WooBeWooo Product Filter plugin

With the WooBeWooo Product Filter plugin, you can easily implement all the tips described above for your online store. It has such features:

  • A range variety of available filters
  • Automated integration with WooCommerce options
  • Responsiveness
  • AJAX live search
  • Convenient editor, and much more!

WooBeWoo Product Filter plugin

WooBeWoo Product Filter plugin


Try it now and you’ll become a filtering god 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *