Search

Add Advanced Product Filters to Your WooCommerce Store

Listen to this article
filter-products-woocommerce-facets
Filter WooCommerce Products

How many products do you sell on your WooCommerce website? 

If you can’t think of an exact number, it’s probably because there are too many for you to remember. And that’s great because consumers looking for a product of a particular size, brand, style or color, are going to shop at the store with the widest selection first. 

However, having a large selection of products can be problematic if your customers can’t easily find what they are looking for on your site. 

Now, we need to bear in mind that search, sorting, and filtering are 3 different ways of helping your customers find the products that they are looking for – quickly and easily. 

Using WooCommerce’s Default Sorting Options

WooCommerce shows your products chronologically by default. In other words, the last added product is displayed as the first product.

This, however, can be changed. WooCommerce allows you to make use of additional sorting options, and list products based on price, date-published, popularity, or rating to help your users quickly access products that they would be more likely to purchase.

WooCommerrce Product Filter

Pro Tip:

To Modify the Default Product Sorting on Your WooCommerce Store:

  • Click on ‘WooCommerce’
  • Go to the ‘Settings’ Page
  • Select the ‘Products’ Option
  • Click on the ‘Display’ Tab
  • Look for an option titled ‘Default Product Sorting’

The drop-down will allow you to choose from the available sorting options.

Additionally, you can also make use of ‘Related Products’, to display products in the same category, along with a particular product.

What is a WooCommerce Product Filter?

An effective search option is an essential part of your WooStore. But the odds of a customer using the search feature are higher, when he knows the exact product name.

A filtering functionality would allow a user to search for products based on product ‘attributes’ and list only the relevant products based on these attributes. 

For example, if you sell gadgets, the filters for such products are ‘Make’, ‘Color’, ‘OS’, etc. If you sell apparel, filters can be, ‘Brand’, ‘Color’, ‘Size’, etc. I’m certain, you must have come across such a functionality (usually present in a sidebar) on other eCommerce websites or even marketplaces like Amazon.

Customers can effectively use these filters to search for a product. Such a filtered search functionality is also known as a faceted search.

So, how do you add such a filter in your WooCommerce store?

If you’ve surfed around the internet a little, you already know that there are WooCommerce product filter plugins available to help you out with this. But before you go ahead and install one of them, there are a couple of things you need to take care of first.

To filter products based on attributes, you need to begin by adding attributes to your store Products.

Setting Up the WooCommerce Product Filter Functionality

Let’s take the example of a store that sells smartphones.

Consider that you want to allow visitors to sort products based on ‘Make’, ‘Screen Size’, ‘Weight’ and ‘Camera’. These are basically specifications or features of your products.

woocommerce-product-facets

Facets to Filter Gadgets

With a faceted search feature, a visitor can use these attributes (or facets) to filter products based on their liking. A WooCommerce Product Filter solution would provide you an option to define such custom attributes for the products in your store, and then add filters to refine product search.

Define Custom Product Attributes

Step 1: Define Custom Product Attributes

WooCommerce has an option to define and add attributes to products.

Since products in every WooCommerce store are different, there aren’t any default attributes. Rather, you can add your own custom attributes. These filters are defined at a single place, and can be added to every product in your store.

  • Go to Products -> Attributes. Here, you have the option to create custom filters. Add a new attribute and set the Type as ‘Select’

woocommerce-add-attributes

  • Once you add a new attribute, for example ‘Make’, you need to add values (known as terms)
  • Under Settings for each attribute add associated values. For example, for ‘Make’ add ‘Apple’, ‘Samsung’, ‘Sony’, etc. These values are the specifications of your products.

woocommerce-attribute-terms

Step 2: Set Attributes for WooCommerce Products

Once you have created these filters, you can proceed with adding them to every WooCommerce product.

  • Under Product Data, you should notice the ‘Attributes‘ tab. Using this option, you can then set the attributes for each product, from the list of expected values

woocommerce-attributes-products

  • Remember to update your product once the changes have been made

Step 3: Install and Activate Your Ideal WooCommerce Product Filter Plugin

You can then display these filters on your WooCommerce shop page (or in a sidebar widget), to allow visitors to easily shortlist products.

For this, you could use any of the below plugins:

These plugins essentially are WooCommerce extensions that make use of product attributes to filter products.

Each of these plugins provides a widget or shortcode that can be used to display the user-interface to filter products.

When a customer uses the product filter, and selects a particular attribute, the products which have the attribute value are displayed. A visitor can select multiple filter attributes to refine his/her search.

The Advanced AJAX Product Filters plugin also provides filters as sliders (to define a range), color swatches, checkboxes, etc.

[su_note note_color=”#EDEDED”]

Recommended Reading:

[/su_note]

Moving Forward

I’m aware that I’ve referred to the offerings on your website as ‘products’, but you can follow all of the same steps mentioned in case you’re dealing with ‘services’.

The WooCommerce Product Filter solution can be the difference between a potential customer and a buyer. It definitely provides a faster, user-friendly option for visitors to search for a product they are interested in, thus increasing conversions. 

If you have numerous products in your WooCommerce store, and are looking to improve the product search functionality, the advanced product filter is just what you need.

Shreya Reddy

Shreya Reddy

16 Responses

  1. i want a filter for woocommerce where i can filter accoding to price,color ,and etc

    plz send me link to download

    and i also wants to learn wordpress more.’

    1. Hi Rashid,

      Thank you for your interest. But we do not have a ready solution, you can contact us via our contact form, if you are interested in a custom solution.

  2. Hi. I have question about the size attribute. Lets say I have a clothing store that sells shoes, t-shirts and jeans. Shoe sizes range from 5 – 12, t-shirt sizes range from small to X-large while jean sizes range from 30 – 40. The problem I am having is that when I put a search by size filter say on Shoes category, the drop-down is showing all the other size values that are not applicable to shoes, for example small, medium, large, 30, 39, etc from the t-shirts and jeans categories. How do i solve this and make my shoe size filter just show shoes size values only?

    1. Hi Reuben,

      The solution provided in the article is based on the idea that all products in the store would have the same attribute values. I understand your requirement is different. In your case, you’d have to link attribute values to the category. When you select a particular category, the attribute values will have to be populated based on the category. Sounds complicated right?

  3. I have the same problem, using another filter plug-in. I think the combinations of attributes doesn’t work in Woocommerce. I have toner cartridges with the attributes of Brand name and model number. But, when I choose a Particular Brand, it still displays all the million Model numbers from all other Brands. It defeats the whole purpose.

    1. Hi Kish, could you please give me more details on your implementation. I’ll be able to help you better that way!

  4. Hi Kish,

    I realise this is a very old discussion but I thought I’d ask anyway. Do you have the name of the other plugin that you’re using? I’m trying to create the very same thing with toners/inks/printers etc and woocommerce. thanks a million.

    Patrick

    1. Hi Patrick,
      The Plug-in I am using is WooCommerce Product Filter by Mihajlovic Nenad. I hope that’s all you needed to know.

  5. Hi, just use WooCommerce Product Filter by Mihajlovicnenad.com. It’s the best and the fastest product filter for WooCommerce I have ever used. You can filter your products by any criteria. Also, it integrates with your Shop and archive pages perfectly. Mihajlovicnenad.com has even free stuff section where You can try some of the plugins. Plugin improved my customers experience and they love it. Give it a try, you won’t regret it!

  6. I would like to give the option for my visitors to switch on/off the out of stock products visibility. Have any idea for that guys? Thank you

  7. I am a user of woocommerce and this article helps me to know some important things. Thanks a lot.

Leave a Reply

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

Get The Latest Updates

Subscribe to our Newsletter

A key to unlock the world of open-source. We promise not to spam your inbox.

Suggested Reads

How to Make Responsive Tables using CSS without Tag
WordPress Development

Custom WordPress Solutions, for You

LearnDash Development

Custom LearnDash Solutions, for You

WooCommerce Development

Custom WooCommerce Solutions, for You

WordPress Plugins

Scale your WordPress Business

WooCommerce Plugins

Scale your WooCommerce Business

LearnDash Plugins

Scale your LearnDash Business

Label

Title

Subtext

Label

Title

Subtext

Join our 55,000+ Subscribers

    The Wisdm Digest delivers all the latest news, and resources from the world of open-source businesses to your inbox.

    Suggested Reads