How to list WooCommerce brands in a filterable product table layout

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.

WooCommerce comes with a built-in 'Brands' taxonomy which lets you display the brand of each product in your store. In this article, I'll tell you about 2 awesome plugins which will help your customers to find and view customers by brand more easily:

• 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.

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.

How to use the built-in WooCommerce Brands taxonomy

This is how to add brands to your WooCommerce products:

1. Go to Products → Brands.
2. Set up your brands.
3. Find the 'Brands' section on the right hand side of the Add/Edit Product screen. Select a brand for each product as needed.

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

Limitation of WooCommerce Brands

While the built-in WooCommerce brands are everything you need to tag each product with brand information, it's not ideal for displaying products by brand. For example, it can't:

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

List and sort products by brand

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. 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.

   

3. Next, install WooCommerce Product Table.
4. The table builder will open when you activate the plugin, or you can create a table later via Products → Product Tables.
5. Use the table builder to choose set up your product table. Specifically:
   • On the first page, choose whether you want to list products on a page manually or use the table layout on your main shop page templates.
   • On the 'Columns page', select the 'Brand' column. If you have already installed a brand plugin then this will appear automatically in the list of columns.
   • On the search page, click to add filters and add a 'Brand' filter. This will allow customers to filter by brand.
6. If you selected to add the table manually then the final page of the table builder will give you a shortcode which you can use to do this. Either use this or the 'Product Table' Gutenberg block to insert the table onto any page.

When you view your product table with WooCommerce brands, you will see a list of products with 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. A 'Brand' filter dropdown will also appear above the table. 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:

1. Go to edit your table at Products → Product Tables.
2. In the 'Select products' section, select 'Brand' and then enter the slug of the brand you wish to display. You can get this from the page where you added all the brands.
3. Insert the table onto a page, and it will only list products with the selected brand.

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.

How to add a brand filter to WooCommerce

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

1. Install the WooCommerce Product Filters plugin.
2. 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.
3. Go to Products → Filters and add or edit a filter group.
4. Add a filter in your chosen style (e.g. image buttons).
5. 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.

• 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.