How to list WooCommerce brands in a filterable product table layout

WooCommerce brands product table plugin

Customers love their favorite brands. That's why you need the best WooCommerce brand plugins to display product by brand, allow them to filter by brand, and more.

In the world of e-commerce, product branding is a critical element in building a strong online presence. For businesses using WooCommerce, showcasing your product brands effectively can make a significant difference in attracting and retaining customers.

Fortunately, WooCommerce provides several plugins to help enhance the display of product brands on your website. In this article, we will explore how to use three of the most popular WooCommerce brand plugins:

  • YITH WooCommerce Brands - Easily store information about the brand of each product in your store.
  • WooCommerce Product Table - Display products in a quick order form complete with information about their brand. Customers can view products by brand, sort by brand, and more.
  • Product Filters - Allow customers to filter products by their favorite brand.

In this article, I'm going to tell you why you might want these plugins, how they work together, and how to set them up. By the end, you will have a solid understanding of how to use these tools to showcase your product brands effectively and improve your online store's performance.

What is WooCommerce Brands?

YITH WooCommerce Brands is an official extension which adds a product brands taxonomy to any WooCommerce store.

It's quite a simple plugin and simply provides an easy way to store and display the brand of each product. It also has a few extra features such as an A-Z layout listing all your brands, and built-in widgets to display and filter by brand.

This is how to add brands to your WooCommerce products:

  1. Install YITH WooCommerce Brands on your WordPress site.
  2. Go to the 'Edit Product' screen for any product. You will see a new 'Brands' section on the right.
  3. Add a brand to the product.

As you can see, working with WooCommerce Brands is really easy.

Limitation of WooCommerce Brands

While the WooCommerce Brands plugin is everything you need to tag each product with brand information, it's not ideal for displaying products by brand. For example, it can't:

  • List products by brand.
  • Let customers sort your product list by brand.
  • Let customers filter and find product by brand.

Keep reading to discover two plugins that work alongside WooCommerce Brands to fill these gaps.

List and sort products by brand

WooCommerce brands product table view

WooCommerce Product Table is our flagship plugin here at Barn2. It works by listing your WooCommerce products in an interactive table or one-page order form. It comes with extra features such as customizable columns, search box, product variations support and more. The table plugin also provides more sophisticated ways to allow WooCommerce users to filter by brand.

Product table views are a popular way to increase conversion rates. They can boost your sales because it makes the buying process quicker and easier. Customer can quickly view all your products on a single page. They can see all the information they need (including brand, if you're using the WooCommerce Brands plugin). This lets them add to the cart without having to click elsewhere.

One of WooCommerce Product Table's biggest selling points is its ability to show extra data directly on the product listing page. It supports all the standard WooCommerce product data such as name, price, add to cart, description, short description, attributes, variations - the list goes on. However, the WooCommerce core doesn't come with a brands field. That's why you need to use it with the WooCommerce Brands plugin to display product brands in a table.

Once you have created a product table with a brand column, customers can click on the column header to instantly sort products by brand.

How to Use WooCommerce Brands with WooCommerce Product Table

  1. First, install and set up YITH WooCommerce Brands if you haven't already. Tag your products with their brand, as described earlier in this WooCommerce Brands tutorial.
  2. Next, use the plugin documentation to create brands and assign them to your products. This is really easy - just look for the 'Brands' section on the right of the Add/Edit Product screen.
    WooCommerce Brands Plugin Add Brand
  3. Next, install WooCommerce Product Table.
  4. Use the plugin settings wizard to choose how you want your product tables to work. The wizard opens automatically when you first activate the plugin.
  5. In the 'Columns' section of the setup wizard, choose which columns you want to appear in the product table. You can see the available columns here - choose whichever you want, such as product image, name, price, add to cart, etc. If you want to include a 'Brands' column, make sure you add tax:yith_product_brand to the list of columns. For example, adding image,name,tax:yith_product_brand,price,buy will display columns for image, name, product brand, price and add to cart button.
  6. Add a [product_table] shortcode onto the page. By default, this will list all your products but there are options to show specific products if you prefer.
  7. Finally, view your page!

When you view your product table with WooCommerce brands, you will see a list of products your chosen settings. You'll also see a 'Brands' column in the table. Clicking on a brand in the WooCommerce table will filter the list of products by that brand. However, I'll show you how to add more user-friendly brand filters in a minute.

How to list products with a specific brand

You can also use WooCommerce Product Table to list products by brand. To do this, add the terms option to your product table shortcode.

For example, the following shortcode will list all Nike products:

[product_table term="yith_product_brand:nike"]

Replace 'Nike' with the slug for the brand you wish to display.

Let customers filter by brand

While the WooCommerce Product Table plugin includes simple filter dropdowns, you probably want more visual ways to let customers filter by brand. After all, customers love buying products by their favorite brand and want a quick way to find and view them.

The best way to do add sophisticated and eye-catching brand filters to WooCommerce is to install the Product Filters plugin. This comes with a wide range of styles which you can use to filter by brand, including:

  • Checkboxes and radio buttons listing all the brands.
  • A clickable image of each brand (**recommended**).
  • A word cloud displaying the name of each brand as labels.
WooCommerce faceted search filters
Filter by any type of product data, including brand

How to add a brand filter to WooCommerce

It's easy to add filter by brand to your WooCommerce store:

  1. Make sure that YITH WooCommerce Brands is already installed, with or without WooCommerce Product Table.
  2. Install the WooCommerce Product Filters plugin.
  3. There are several ways to choose where the filters will appear on the page. You can use either of these options separately, or combine them to add filters to multiple locations:
    • To display filters above the list of products on all your shop pages, select the name of the relevant filter group in the plugin setup wizard. You can also do this on the plugin settings page at Products → Filters → Settings.
    • Go to Appearance → Widgets and add a 'Product Filters' widget. This will display it in the sidebar area on the pages where you list products.
    • You can also display filters in other locations such as via shortcodes and Gutenberg blocks, or in your page builder plugin such as Elementor. Learn how in the plugin documentation.
  4. Go to Products → Filters and add or edit a filter group.
  5. Add a filter in your chosen style (e.g. image buttons).
  6. Select 'Custom Taxonomy' as the source of the data to be used in the filter. Select 'Brand' as the taxonomy name.

Take your WooCommerce brands to the next level

Enhancing the display of product brands on your WooCommerce store can improve the best branding plugins for WooCommerce, you can effectively showcase your product brands and make it easy for customers to find and filter products based on their preferences.

  • The YITH WooCommerce Brands plugin enables you to efficiently store and manage comprehensive brand information for each product in your store.
  • With the WooCommerce Product Table plugin, you can display your products in a streamlined order form that includes brand information, and enable customers to view products by brand, sort by brand, and more.
  • The WooCommerce Product Filters plugin empowers customers to filter products by their favorite brands, making it easier for them to find and purchase the products they desire.

With the tips and strategies outlined in this article, you can take your product branding to the next level and create a strong online presence for your business. So, don't hesitate to start implementing these plugins on your WooCommerce store and see the positive impact it has on your sales and customer engagement.

2 Comments

    • Hi, Tom. If your shop page layout displays/has a sidebar, then yes you can add/display/use this filter widget on it.

Please share your thoughts...

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