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.
Pro Tip: To Modify the Default Product Sorting on Your WooCommerce Store:
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.
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’
- 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.
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
- 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.
16 Responses
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.’
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.
sir,, but how ?/
some time when i use free themes there is problem with price filter or color filter
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?
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?
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.
Hi Kish, could you please give me more details on your implementation. I’ll be able to help you better that way!
Thanks, Aparna. I have worked it out since then. I needed to turn on the adaptive search for that field.
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
Hi Patrick,
The Plug-in I am using is WooCommerce Product Filter by Mihajlovic Nenad. I hope that’s all you needed to know.
Woocomerce Price Filter Shows Two Input Fields Instead Of The Price Slider. Please help me how to fix it
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!
i need product type filter like simple,variable,…ect
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
Really Helpful article 😀 Keep up the good work !
I am a user of woocommerce and this article helps me to know some important things. Thanks a lot.