WooCommerce filter by tag: How to add tag-based filters to your store

June 21, 2022

How to Use Categories and Tags for Pages in WordPress

Are you looking for the best way to add tag-based filters to your online store? Product filters are a very handy feature for boosting the user experience in any store. The more options available for filtering your products, the fewer products your customers will have to search through. A WooCommerce filter by tag is particularly useful for helping shoppers find what they want faster.

Most WooCommerce store inventories feature hundreds of products and variations. Of course, offering your customers multiple purchase options increases your chances of getting more conversions. But from a shopper's perspective, having to browse through long item listings can take the fun out of the shopping process.

To make navigating your site easier, it makes sense to add product filters to your shop page. One of the attributes that can help customers see a shorter product listing is the product tag. Though the default WooCommerce allows you to add tags to products, there is no way to allow customers to filter by tag.

In this article, we'll show you the 2 best ways to add WooCommerce filter by tag to your store. But let's first talk about how this feature can help you offer your store visitors a better user experience.

Grow your sales by helping customers to find exactly what they need - quickly and easily.

Why add tag filters to your WooCommerce store?

Product filters are an important part of every digital store's user experience. For example, a typical electronics store contains multiple products from the same brand. Each product also has different variations of attributes like storage, memory, and screen size.

Customers looking to find a specific product can do so faster using a product filter at the top of the shop page or in a sidebar widget. With this feature, they won't have to scroll through dozens or even hundreds of results when they search for a brand name or any other keyword.

A tag filter is particularly useful for stores with products or groups of products that cannot be easily classified using other common product attributes.

A good example is a customer looking to buy a mobile phone and a phone case of the same color. Using a filter with popular attributes like storage, memory, or product category, they won't be able to see both items on the same search results page. But by filtering with a tag like 'black' or any other characteristic previously assigned to both products, the customer can find the products faster.

So, WooCommerce filter by tag can benefit your store in 2 major ways:

  • Site navigation Get your customers to buy more and buy faster. Shoppers won't only see the products they search for but also see relevant product recommendations. This improves the customer journey significantly.
  • Search engine optimization Since product tags affect site navigation, they influence how search engines rank your site as well. Tags serve as text evidence that your product page offers a product that a search engine user is querying.

But as useful as they are, you shouldn't add too many product tags to your store. Doing this will only clog your shop page and even worsen the user experience.

How to add WooCommerce filter by tag to your store

We've established that WooCommerce allows you to add text labels called tags to your store's products. These tags work like categories as they help you to classify related products. But unlike product categories, the default WooCommerce doesn't display them in product filters.

Typically, you would need to add code to your WordPress site to be able to support WooCommerce filter by tag. Of course, this requires you to be an expert or hire an expert. And even if you do, bad code can still easily break your site.

A better alternative would be to use a WordPress plugin. This doesn't require you to write a single line of code and you don't pay a huge sum to hire an expert developer either.

Talking about WordPress plugins, we recommend 2 products that add professional tag filters to WooCommerce. Let's take a look at them.

Option 1: WooCommerce Product Filter Pro

When it comes to WooCommerce product filters, WooCommerce Product Filter Pro offers some of the most extensive features in the market. The plugin is specially designed to offer you as much flexibility as possible when setting up product filters for your store pages. And you guessed it - it comes with tag filters as well as just about every other type of filter you can imagine.

Grow your sales by helping customers to find exactly what they need - quickly and easily.

Best features

  • Style your tag filter displayChoose whether to display filters as dropdowns, images, checkboxes, labels, or color swatches. Also, you can choose where to display the filters: either at the top of the product listing or as a sidebar widget.
  • Filter products using different product attributesAllow customers to filter products using all the product data they want. Filter by tags, colors, categories, price, ratings, or any custom taxonomy you create yourself. Once your customers apply these filters, they get to see which filters are active and the number of products that match their selection above the filter block.
  • Create filters dynamicallyWe talked about adding too many tags to your store previously. If you have quite a lot of tags or attributes, you can create individual filters with them and then add these filters into groups. You can copy a filter's shortcode to add it to a group within your admin dashboard. After this, you get the option to enable or disable the group on store pages. You can also choose to show a tag cloud of either the most used tags in your store or only the tags relevant to the products on the current store page.
  • Lots more featuresYou can offer your customers even more with your product filters. For example, you can enable AJAX filtering or customize the 'Apply Filters' button text. AJAX filtering applies the filters the instant the customer selects them. Also, you can choose to hide or show the filters by default and display them in a horizontal or vertical layout.

Looking for the easiest and most flexible way to serve your customers product filters? WooCommerce Product Filters Pro is easily the best product filter plugin to check out.

Let's show you how to set up a WooCommerce filter by tag with it.

How to set up a WooCommerce product filter

The first step to setting up your first WooCommerce filter by tag is to get your copy of WooCommerce Product Filter Pro here. After getting the plugin, you'll receive a license key in the email you registered with. You'll need this key after uploading Product Filter Pro to your site.

Next, you can continue by following these steps:

  1. Download the plugin ZIP file from your Barn2 account.
  2. Log into your WordPress admin dashboard and navigate to Plugins → Add New → Upload Plugin. Then select the ZIP file you just downloaded and click Install Now. By default, the file is named 'woocommerce-product-filter-pro.zip'.
  3. Once it's uploaded, click Activate.

The next step is to activate the plugin with the license key you got in your email earlier. To do this:

  1. Go to WooCommerce → Settings → Filters. You'll find a field to enter your license key. Once you're done, click Save Changes. WooCommerce Product Filter Pro is now fully activated and ready for use.
  2. Next, create the filters you want. You can do this by also navigating toWooCommerce → Settings → Filters. On this page, you'll find an 'Add new filter' form under the 'Filters' tab.
  3. The first field in this form is the 'Filter name' field. Name the filter in a way that's easy for you to remember. The name will only be visible in the back-end.
  4. The most important field is the 'Filter by' field. You can choose as many product attributes as you'd like here. Since we want to add a tag filter, make sure you select 'Tags'.
  5. Still within this form, you also want to set the filter type and add the new filter to an existing filter group if you choose to. The filter types let you choose how you want to display your filter: either as a dropdown, checkboxes, radio buttons, labels, or images.
  6. When you're done, click Add new filter and that's it!

You've just successfully created your first WooCommerce filter by tag. Simple and easy!

You can also implement any of the features we've mentioned earlier. For example, you can choose to enable/disable storewide filtering, product count display, or default filter display.

Option 2: WooCommerce Product Table

An example of a WooCommerce product table.
List products in a neat table view, complete with a WooCommerce tag filter

If you're looking for a WooCommerce tag filter that also changes how your products are displayed, then you may want to try WooCommerce Product Table. This plugin uses a different approach by listing products in a sortable table, with various filters - including tag filters (as dropdowns) above.

As the best product table plugin for WordPress sites, WooCommerce Product Table is ideal for stores that will benefit from the one-page order form layout. These are generally stores with loads of products. Your customers will love seeing product listings in a structured easy-to-view, filterable table.

The table format allows you to display detailed information about your products in the extra columns of data available. This means they can compare products and add them to the cart directly from the table without having to visit single product pages.

Another helpful feature is that customers not only get to filter products by tags but you can also add a tags column for each product within the table. They can even click on a tag in the tags column and the table will instantly update to show only the products with that tag.

These flexible options make it very easy for the shopper to navigate your store quickly and enjoy an outstanding user experience.

Here are some other interesting features you get:

  • List unlimited products and decide which products to include.
  • Display different product variations.
  • Customize the size of the table.

Now, let's consider how to create a WooCommerce filter by tag using this option.

How to create a product table with tags and tag filters

To create a WooCommerce product table with tag filters, you first need to get WooCommerce Product Table here.

The next thing to do is download the plugin and upload it to your site. You can do this by going to Plugins → Add New → Upload Plugin. Select the ZIP file you just downloaded and click Install Now followed by Activate.

Now, you'll need to activate the plugin's license by navigating to WooCommerce → Settings → Products → Product tables. Enter the license key you got from the email you received and click Activate.

enter barn2 woocommerce product table plugin license key
Creating your first product table

After activating the plugin license, it's time to create a product table that includes a tags column and a tag filter. You can do this on the plugin's settings page by going to WooCommerce → Settings → Products → Product tables again.

On this page, all you need to do is enable product tables on all the pages you want to add them. You can display product tables on your shop, product search results, product categories, product tags, and product attributes pages.

Simply check as many boxes as you want under 'Where to display product tables' in the 'Shop integration' section.

enable product tables on woocommerce pages
Adding a tags column to the product table

After enabling product tables, you also want to decide the content of the tables' default columns. To do this, enter specific shortcodes in the 'Columns' field of the 'Table content' section.

set default product table attributes

The product attributes added by default include the product image, name, short description, and price. Then a 'Buy' button is added in the fifth column. You can add more attributes or replace the default attributes by entering the corresponding shortcode.

To add a tags column to the product table, type tags in the 'Columns' field. A comprehensive list of all the available product table columns can be found here.

Adding a tag filter to the product table

Finally, you can add a WooCommerce filter by tag feature to your product table by scrolling down to the 'Table controls' section. In the 'Product filter' field dropdown, you can either select Show based on table content or Custom.

enable product filter in product table

The first option adds a filter based on the columns you added to the table earlier. If you don't want to add all the table attributes to the filter, select Custom.

Now you'll be able to enter shortcodes for the filters you want. For a tag filter, type tags in the 'Custom filters' field. You can also add more filters separated by a comma.

add woocommerce filter by tag to product table

There are lots of other settings you can customize on this page. For example, you can decide where to display the product filter (either above or below the table or both) or set a maximum number of products to be added to a single table.

When you're done tweaking the table as much as you'd like, scroll to the bottom of the page and click Save changes.

save changes to woocommerce product table

Now when you go to the pages where you enable the product tables, you should find a table that looks like this.

woocommerce filter by tag in product table

Adding a product table to your WooCommerce store this way uses the default table layout. You can also modify the table's design by choosing the 'Custom' option in the 'Design' field of the 'Table design' section. This allows you to tweak the table's style elements like the borders or cell and header background.

customize woocommerce product table design

You can also create a product table with a Gutenberg block or a shortcode that can be added to any page, post, or text area.

Using both options together

To get the best of both WooCommerce product filters and product tables, you can use both of the plugins mentioned above together. Use WooCommerce Product Table to display products in a neat table view, and WooCommerce Product Filter Pro to add advanced filters to the table.

That way, you can benefit from quick one-page order forms with a tags column, AND fully customizable WooCommerce tag filters. It's the perfect combination for the best possible results.

Best way to create WooCommerce filter by tag?

Just like all other product filters, WooCommerce tag filters help your store visitors navigate your site better and find the exact products they need in little time. As an added advantage, this type of filter also improves your SEO rankings.

In this article, we've shown you 2 plugins that add tag filters to your WooCommerce store without writing a single line of code.

If you're looking for the best product filtering options for your store, then WooCommerce Product Filter Pro offers the most advanced features in the market. Apart from tag filters, you can also add many other filter types, display them as dropdowns, checkboxes, or images, and even enable instant AJAX filtering.

Grow your sales by helping customers to find exactly what they need - quickly and easily.

But if product tables will help your store customers navigate your site better, WooCommerce Product Table also displays product tags and a tags filter dropdown.

The easiest and most flexible way to list products and create quick order forms.

Or if you love both options and can't decide, then use the plugins together for maximum impact.

Ready to improve your store's customer experience with WooCommerce filter by tag? Then check out WooCommerce Product Filters Pro.

Please share your thoughts...

Your email address will not be published.