How to Add Product Filter in WooCommerce

How to Add Product Filter in WooCommerce

WooCommrce is one of the best eCommerce plugins in WordPress history. You can set up products both digital and physical, sell them online, and earn money. 

However, when you add a lot of products, it is hard for users to come and find their desired products easily. To give them the ultimate customer experience, it may be a good idea to give your site users a way to filter through them to find what they want. This is where you need to add a product filter plugin for WooCommerce. 

Product filters make it easy for customers to find what they are looking for. While WooCommece has its own set of built-in filters, it is easier to use filter plugins. They will offer a much more dynamic experience. 

Because a dynamic product filter plugin for WooCommerce will allow your users to find exactly what they are looking for in a minimal amount of time. This will keep them on your site shopping, and allow them to easily add products to their carts as they filter out what they need.

And we have found a great plugin that can help with the filtering of products on your WooCommerce online shop. 

Let’s see how to add product filter in WooCommerce using this plugin. 

WOOF – An Amazing Products Filter Plugin for WooCommerce

An Amazing Products Filter Plugin for WooCommerce

The WOOF filter by category plugin will allow you to easily filter products. It uses several different methods. You can filter products by,

  • Categories
  • Attributes
  • Product Tags
  • Custom Taxonomies of Products
  • Product Price

The plugin has all the features and is kept up to date. It supports the latest version of WooCommerce. The plugin is also lightweight and compatible with most of the plugins. 

Moreover, you can use the plugin in two ways: as a widget, or use WOOF shortcodes.  It is provided to place the filter by category option wherever you want on your online WooCommerce store.

Now, et’s have a look at how you can install and use the WOOF filter by category and other methods plugin.

Read: How to Start a Toy Store: A Proper Guideline with WooCommerce

At First, Install and Activate WOOF

For you to use the WOOF shortcodes and other options to filter products, you have to install and activate the plugin. You can do this from the plugins page in your WordPress admin dashboard. Just go to WP-Admin→ Plugins→ Add New. 

At First, Install and Activate WOOF

When you successfully activate the plugin, click on WooCommerce > Settings.

WOOF – An Amazing Products Filter Plugin for WooCommerce

You can see that a new tab has been added to the setting’s section for WooCommerce. As you can see from the image the tab is called “Products Filter.” Just click on the tab to access the WOOF plugin settings.

How to Add Product Filter in WooCommerce

Setup

On to setup. You will see 6 tabs When you get to the setting’s page. They include:

  • Structure
  • Options
  • Design
  • Advanced
  • Extensions
  • Info

Go through all of these tabs and configure the plugin how you feel best for your online store.

Structure

You need to fill out the structure of the plugin here including button setup and dropdown configurations.

How to Add Product Filter in WooCommerce

Note: When you click on any of the “Additional Options” buttons, you will see a popup box appear with even more configuration options to choose from.

How to Add Product Filter in WooCommerce

Options

As you want them to be in front of your website, set the plugin options here. This includes things like showing available product count in stock, hiding empty items, and auto submits features.

options

Design

Now you need to set the look and feel of the WOOF plugin. You will find that there are various skins and other design options. You need to choose those that best fit the design of your website.

WOOF plugin

Advanced

Here you need to add custom code and other advanced options on this tab. But this is only for the people who understand how to add custom CSS.

Advanced

Info

You will find some additional info about the plugin from here. You will find a video and some demo sites to help you get a feel of what you can do on your own.

Info

You can use the WOOF product filter for WooCommerce in two ways. Either you can use the widgets in any widget area of your website you would like, or you can use the WOOF shortcodes to put the filter in posts and pages.

It’s all up to you. You can use it one way, or use it in both ways. 

So, you are now allowing your website customers to quickly and easily use a plugin filter for WordPress to filter out the exact products they are looking for in your online store.

Read More: How to Edit WooCommerce Shop Page with Elementor? Easy Solution

FAQ(s)

1. How do I add a product price filter in WooCommerce?

Woocommerce comes with a filter by price widget, all we have to do is to add the widget to the desired area.

To add this widget, go to the admin panel of your site and click on widgets under appearance. Here you can find the filter by price widget. Add the widget to any of the widget areas.

2. How do you filter a product by attribute?

Go to Appearance > Widgets. Drag & drop the Filter Products by Attribute widget into the sidebar. Click the  Save button.

How do you create a category filter?

Creating a category filter. Use the Policy Management > Filters > Add Category Filter page to create a new category filter. You can work from a predefined template, or make a copy of an existing category filter to use as the basis for the new filter.

How do I add a price range filter in WordPress?

You need to install WooCommerce. Go to Plugins in your dashboard and select “Add New”.

Search for “WPC Smart Price Filter”, Install & Activate it. After that, you can go to Appearance >> Widgets to add the widget “WPC Smart Price Filter” to the sidebar.

Start Using Product Filters for Your WooCommerce Store

So, now you know how to add product filter in WooCommerce. It not only elevates the customer experience of your store but also saves them from a lot of hassle. They can find exactly what they are looking for and they will spend more time on your website. 

2 thoughts on “How to Add Product Filter in WooCommerce”

  1. Pingback: How to Add WooCommerce Product Filter without Plugin - EazyPlugins

  2. Pingback: How to Copy a Page in WordPress Elementor - EazyPlugins

Leave a Comment

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

Scroll to Top