Do you need a simple, but flexible, way to create searchable tables of your WooCommerce products?
I’m a big fan of product comparison tables for giving your visitors an easy to use method for comparing multiple products against one another.
There are a number of quality table plugins out there. But if you specifically want to create responsive, mobile-friendly product tables for your WooCommerce store, the aptly named WooCommerce Product Table plugin from Barn2 Media lets you quickly create filterable, sortable product tables in a much easier manner than more general purpose table plugins.
Much like the Posts Table Pro plugin from Barn2 Media that I reviewed, WooCommerce Product Table is based on shortcodes, which means you can get started in just a few seconds, though you also have a variety of parameters that you can add for more control.
What’s really nice is that your customers can also search, filter, and sort your tables in a variety of ways (that you control) so that they can quickly find the specific information that they need.
All in all, I enjoyed my time playing around with the plugin and found it to be easy and intuitive to use. Keep reading for a more detailed look at how this plugin makes it easy for you to create WooCommerce product tables for your site.
What Does WooCommerce Product Table Do?
As you can probably glean from the name, WooCommerce Product Table makes it easy for you to create highly customizable filterable/sortable WooCommerce product tables (or lists).
Here’s a quick example of what I’m talking about:
Through shortcode parameters, you have detailed control over the specific information that you display in your tables. Through those parameters, you can customize columns, filters, functionality, and lots more. And you can also choose to display all of your products or only specific products that you select.
And your visitors can also go further by searching, filtering, and sorting to find the specific product that they need.
Once visitors find a product that they like, they can add it to their cart directly from your table.
Beyond that, every single table is, of course, fully responsive and mobile friendly.
Why Is That Helpful?
I can see WooCommerce Product Table being helpful for all kinds of WooCommerce stores. The developers specifically mention it as helping:
- Wholesale stores
- Product catalogues
- Order forms
But really, the sky's the limit here. You could use the plugin for everything from completely replacing your storefront (for more of a catalog approach) to quickly displaying specific products inside blog posts.
WooCommerce Product Table Review: Hands-on Look
Beyond entering your license key, there are zero settings for WooCommerce Product Table. Instead of an interface to build your product tables, pretty much everything happens through shortcodes and a bevy of parameters (all neatly laid out in the plugin’s documentation).
With that being said, there are also four included widgets that let you add helpful options to your sidebar (which I’ll cover in the latter half of the hands-on section).
So rather than showing you a look at the plugin’s backend (which doesn’t exist for this plugin), I’ll just take you through some of the different parameter configurations that you can use with WooCommerce Product Table. These examples are by no means comprehensive - they’re just to give you an idea of how the plugin works and what type of control you have over your tables.
I’ve got my test site set up with the WooCommerce dummy data, so let’s create some tables!
Using the Basic WooCommerce Product Table Shortcode
For the absolute quickest way to create a product table with the plugin, you can use the base shortcode anywhere in your site that accepts shortcodes.
The base shortcode is this:
It renders a table with four different columns for:
- Buy (Add to cart button)
All of this information is pulled straight from your WooCommerce product info - you don’t need to enter anything manually.
You can also see that, even with the basic shortcode, your visitors can still search and sort the table.
Using Some Basic Parameters to Add More Functionality
The base shortcode provides a functional enough product table. But most of the time, you’re going to want to be able to go farther and at least include images in your tables.
Thankfully, that’s super easy to do with some shortcode parameters. You can even specify the exact size for your images.
To keep the same basic columns but add an image column that displays an 80x80 px image, you can use the following shortcode:
[product_table columns="image,name,description,price,add-to-cart" image_size="80x80"]
If you parse out what the shortcode is doing, you’ll see that it’s accepting two parameters:
- One that specifies which columns to include (five columns in the parameter equals five columns on the front-end)
- One that tells the plugin what image size to use
Unfortunately, I can’t go through every single parameter in this review. There are a ton of them. You can configure everything from more columns, different add to cart styles, product variations, and lots lots more. And you can even use custom fields in your tables if needed.
You also can choose to only display specific sets of products, instead of every single product at your store.
You can view a full list here. And below, I’ll show you some of the neater things that you can do.
Adding More Filters to Your Table
By default, the table includes a search box, but no specific filters. If you’d like to give your visitors some more options above the table, you can use more parameters to add those to your table.
To let users filter by every column for which filters are available, you can use a blanket filters="true" parameter like this:
[product_table columns="name,categories,tags,price" filters="true"]
As you can see, your visitors can choose from drop-downs to filter your table. What’s nice is that the filtering is AJAX - that is, no page reloads are needed for your visitors to see the results.
If you don’t want to turn on every available filter, you can also use parameters to enable filters on an individual basis instead of the blanket “true” from my example.
Changing Column Widths for Your Product Table
In the real world, you might want a bit more control of your column’s widths than the plugin’s automatically generated widths.
Thankfully, it’s easy to change column widths using the widths parameter. You can set widths as pixels, percentages, or let the plugin automatically calculate the width. You can also mix and match all three options as needed.
For example, to go back to my table from above, I could use the following shortcode to set the image column as a fixed 80px, the description as 10%, and let the plugin automatically calculate the widths for the remaining three columns:
[product_table columns="image,name,description,price,add-to-cart" image_size="80x80" widths=”80px,auto,10,auto,auto”]
Ok, using 10% as the description width isn’t very aesthetic - but it’s a good example of how flexible the plugin is in this regard!
If you’re wondering how the plugin knows which column to apply each width to, the order of the widths that you enter simply matches up with the order of the columns.
Showing Different Product Variations in Your Table
If your WooCommerce site uses product variations, you might be wondering how you can make that work within WooCommerce Product Table. Thankfully, Barn2 Media didn’t forget about product variations.
You have three different options for handling product variations:
- A drop-down list of product variations
- Separate rows for each product variation
- Only show variations on the actual product page
To choose your option, you need to, you guessed it, use a shortcode parameter.
For example, here’s how you can use the drop-down method (and what it looks like on the front-end):
[product_table columns="image,name,description,price,add-to-cart" image_size="80x80" variations="dropdown"]
Using the Included Widgets to Give Visitors More Control
Beyond the huge variety of shortcode parameters that the plugin offers, it also includes four different WordPress widgets that you can use to give your visitors more control over sorting and filtering your product tables.
Currently, the plugin gives you four widgets for displaying:
- Price filter
- Active filters (as defined by your shortcode)
- Average rating filter
- Attribute filter (you can customize its functionality)
Here’s what those widgets look like on the front-end:
Three of the widgets are plug and play - that is, you just need to drag them over to start using them.
The only one that you need to configure is the attribute filter. There, you can choose which attributes to actually filter by, as well as some basic functionality:
How Much Does WooCommerce Product Table Cost?
WooCommerce Product Table costs $75 for a single site license, $135 for up to 5 sites, and $275 for up to 20 sites.
With that, you get thorough documentation, as well as a year of updates and support. You’re also signed up for automatic renewals after your first year, though you can cancel that if desired (you just won’t receive support and updates past the first year).
Final Thoughts on WooCommerce Product Table
WooCommerce Product Table worked flawlessly for me in playing around with it. Yes, it’s a bit of a niche use. But if you need to create tables from WooCommerce products, WooCommerce Product Table is absolutely going to save you a ton of time. It’s also incredibly flexible and gives you a ton of different ways to change up your tables.
Like Barn2 Media’s Posts Table Pro, the only area where I think it could be made more accessible is some type of graphical interface for building tables. Personally, I had no problem using the shortcode parameters (and if you’re a developer, you definitely won’t have any issues - it’s well documented).
But I do think someone who isn’t a developer or power WordPress user might struggle a bit with the shortcode system.
Still, I’m betting that most people who are working on adding this type of functionality to a WooCommerce store are probably, at a minimum, power users. For that reason, I don’t hold this as a major criticism.
All in all, if you need to create WooCommerce product tables, save yourself some time and frustration by using WooCommerce Product Table instead of trying to hack one of the general purpose table plugins to meet your needs.