The default WooCommerce product grid is bad for your e-commerce shop

There are 2 major problems with the woocommerce product grid that need to be fixed immediately on your shop. The first issue is that exploring product features is difficult in the default grid. The second issue is that it’s missing several convenience features that shoppers today have come to expect from modern e-commerce stores.

Below we will go over all these issues so you may fix them on your store today using WooCommerce Product Table PRO.


1. Exploring products is difficult

Exploring products in the default WooCommerce product grid is difficult because the grid does not highlight important product attributes. Customers need to know these key attributes of your products in order to understand and compare the products. Only then can they find the products that meet their requirements and choose which ones to purchase.

For example:

  • In a book store customers may want to know the author, date of publication, genre, etc.
  • In a phone shop they want to know screen size, memory size, processor speed, RAM etc.
  • In a clothes shop they may want to know size, color, cloth material etc.

But the default WooCommerce product grid does not provide any of this information. Instead it only shows product name, a single image and price. So customers know very little about the product at first glance. They are forced to click on the product and go to the product page to check further details.

The customer has to repeat this cycle for every product in the shop that they find remotely interesting. This would take a long time, several clicks going back and forth between the shop and product pages to find the products they want. 

This is a major problem because it makes shopping slow, frustrating and disorienting for potential customers and the shop ends up losing sales. 


2. Adding products to cart is slow and confusing

Once customers have found the products they want to buy, a modern e-commerce shopping experience ensures that purchasing these products is fast and easy.

For this the following facilities are necessary in the product catalog. But the WooCommerce product grid misses all these important facilities. 

Select product quantity to purchase 

Many times customers need to add multiple units of a product to their cart. The default WooCommerce product grid provides no option to enter product quantity. Customer has to click on the add to cart button multiple times and each time wait for the previous add to cart command to complete. 

Customers should be able to select quantity while adding to cart

Remove products from cart

During the shopping process customers will sometimes add products to cart by mistake, or they may add the wrong quantity. The WooCommerce product grid unfortunately provides no option to remove products from cart when this mistake happens. Instead customer has to go to the cart page to remove items from cart or change quantity. This makes the purchase process slow and confusing even when customers are prepared to buy products from the shop. 

Make it easy for customers to remove products from cart

Add variable products to cart directly from catalog

The woocommerce product grid shows the ‘select options’ button for variable products. This button takes customers to the product page where they can make the product purchase. This unnecessarily extends the purchase process for variable products.

Instead the variable product options should be provided in the catalog itself or when the add to cart button is pressed, the options should appear in the popup. Customers should not be forced to go to the product page each time they want to add a variable product to cart. 

Give option to select product variation and add to cart directly from the shop

Bulk add products to cart

Many web shops need the facility to bulk add several products to cart in one go. Customers should not have to wait for add to cart process to gradually complete for each product

Allow customers to bulk add multiple products to cart quickly at the same time

Show product cart count

While shopping, customers will add different products to their cart and typically continue browsing the rest of the product catalog. To help clear any possible confusion, the catalog should tell them how many units of each product they have already placed in their cart.

Product tables improve shopping experience and sales

Let’s explore the impact of product table layout on your shop. How it helps enhance the shopping experience on your site, increases sales and gives your e-commerce shop a clear edge over the competition.

What is a product table?

By default WooCommerce only displays products in a grid layout with each product represented in a cell. This is a very limiting layout and not at all the ideal way to display products for most stores. 

While browsing the product grid if your shopper wishes to explore any product further they have to click on the product cell and go to the product page and repeat this tedious exercise for each product that they may be interested in. This is a slow process, and makes browsing and comparing products harder. Therefore they are also less likely to make purchases with such a shop layout.

A product table layout (see demos) is meant to increase sales by making it much quicker and easier for your shoppers to compare and find the products they want, and buy them immediately right from the shop browsing page. Which is why a well prepared product table layout can have a huge impact on your shop conversions and give you a major advantage over competition. 

The traditional grid layout of products is only suitable for products that are heavily image focused, and the other product properties have little to no impact on purchase decision. And with WooCommerce Product Table PRO’s addon called Grid Table View Switcher you can even give your shoppers the option to switch between grid and table layout while browsing your products. This gives your prospective customers the best of both worlds, putting them in a better position to explore and purchase products from your store. 

Do you need it?

WooCommerce Product Table PRO is capable of creating a table as well as list like view.

Examples of pure table view: Demo 1, Demo 2, Demo 3

Examples of list like view: Demo 1, Demo 2, Demo 3

For many product types such as food, spare parts, music, electronics, gaming cards, etc it is absolutely essential to provide a table or list like view in order to let the shoppers easily browse the products in the fastest, most convenient way.

And for all other product types it is highly beneficial to give your shoppers the option to also view the products in a table / list view even if you keep the grid view as the primary layout on your site. 

Great shopping experience is absolutely essential for increasing product sales. Which is why the product listing should be top notch on any web shop. It should be easy for your prospective customers to browse your products and quickly find the ones they want. Which is why a product table / list layout option should definitely be available on every web shop. Not providing your shoppers the right browsing experience can lead to unnecessarily lost sales. On the other hand by making shopping easier on your site you get a great edge over competitors.

Which is why a product table layout, at least as the secondary layout if not primary is essential for any e-commerce shop looking to boost profits. 

How to set it up on your site?

It is very easy to set up a new product table on your website or even replace the existing product grids on your site with tables using WooCommerce Product Table PRO. 

You can get started with your first product table within a couple of minutes using built-in presets (see preset getting started video). You can also download any of the plugin PRO demos and install them on your site. These pre-built tables are fully customisable so you can modify them as per your site requirements. Or you can create a custom table from scratch if you wish. 

The plugin provides clear step by step tutorials that anyone can follow along and are designed to help you get started immediately. As well as documentation, and FAQs. And you also have the option of email support if you have any special questions to clarify. 

WooCommerce Product Table PRO users have set up fantastic product table shops on their stores to improve their sales and so can you! 

You can start with the free version of the plugin right now, which is useful for getting started but limited. Then progress to the PRO version for exclusive features aimed at greatly improve shopping experience and product sales at your store.

How do I create a woocommerce product list layout?

Showing your woocommerce products in a list will help you increase your sales because a product list view is superior to a table view. Unfortunately woocommerce plugin itself doesn’t provide a product list view option.

However, using the plugin WooCommerce Product Table PRO you can now easily show your products in a list view on your woocommerce site. You can create woocommerce product list layout that is customized to your exact site requirements. Colors, styling, content elements, column are all fully customizable using a visual editor. Anyone can use it, and no coding is needed.

Product list demos

Below are some examples of product lists created using WooCommerce Product Table PRO covering different industries. Please keep in mind all demos are fully customizable and you can create your own product list with ease.

1. Food Menu Demo

WooCommerce sites that are selling food need to show food items in a menu layout. A list like layout will be much better for selling food items than a product grid.

2. Electronics List Demo

A product list layout will help you show chief features of your electronics products on the main shop page itself. With this layout customers are able to browse products much more easily.

3. Wine List Demo

Show the important properties of your wine / liquor bottles using a smartly built product list layout. Customers will understand your products at a glance and known which one to purchase.

4. WooCommerce Product List General Demo

This is a general list demo where you can see a very smart layout of the products in a list. This view is clearly superior to a grid style display of the products.

The WooCommerce Product Table PRO plugin is used on thousands of sites by woocommerce site owners and agencies to increase conversions on the site by showing products in a list that is optimized for sales.

Why you should use product list layout

A custom product list layout is far superior to the default product grid layout included in the woocommerce plugin for increasing sales.

This is because product list will help your customers browse and understand your products much more easily as it provides more information about the products at a glance. And it will ensure that your customers find and purchase the products that they need quickly. You stop missing out on sales and your product catalog does much better at conversions than any competitor’s product grid layout. So switch to a product list view today!

Audio shop quick guide

  • Neatly display BPM, Mood, Genre, etc
  • Fix audio player width for preview
  • Use WCPT PRO for additional filters

This is a quick guide to help you get started with an audio shop catalog. Please see the plugin tutorials for detailed instructions. And feel free to ask questions via the support form.

Important notes and gotchas

Audio preview

Using Excerpt element:
You can provide a preview for your tracks in the table with a few simple steps. Begin by using the short description field of the product to add an audio embed. Make sure there is no extra space above or below the track. otherwise it will spoil the alignment in the table.

Now use the excerpt element in a table column. When you view the table, at first the audio player may appear to have strange width issue. This is a known problem with the wordpress audio player in certain conditions. But it can be easily fixed by giving a width to the Excerpt element eg: 300px. Now the audio player will take on the same width as the Excerpt element.

Using Custom Field element [PRO]:
You may not wish to use the product excerpt to display your audio track preview. Perhaps you wish to add other information in the excerpt or you simply wish to have the flexibility to place the preview in a separate element to position it in a particular way.

In this case, place the audio embed code in a custom field of the product. You can read more about using custom fields here, and wordpress audio embed shortcode here.

and in the table use a custom field element. ‘Display custom field value as’ to ‘HTML’. This will parse the embedded audio shortcode as well.

Again, you must give a width to the custom field element to fix the wordpress audio player width.

Overall table style

In the table editor open the ‘Style’ tab. From here, you can control many general style settings for the table. These settings can be further customized per column or element. But it is best to start from the Laptop style panel to save effort of going to each element and repeating styles. Also you can control the width of the container from Laptop style > Container > Max-width.

BPM, Genre and other properties

You can display as many other properties of the tracks as you require. This may include Mood, Song length, License type, etc. In this example BPM is being set through a custom field and genre through an attribute.

Please view the tutorial series of the plugin on how to setup elements like custom field, attributes, navigation and customize the table’s response layout as per your choice.

If you get stuck anywhere or have questions on how to get specific results, please reach out via the support form.

WooCommerce product list table

A hybrid between a pure table and list view, the WooCommerce product list table is a great way to organize products in your shop. While WooCommerce does have an easy shortcode for creating simple product lists, unfortunately it significantly lacks power. Web shops need a tool to easily create and manage multiple product lists across their site with functionality such as search, sort, pagination, filter and responsive control.

This is why the WooCommerce Product Table plugin was created. Using this neat tool you can easily create you beautiful and responsive WooCommerce product list view in no time. You can list products by category, IDs, SKU, etc. And it comes replete with all the functionality for creating a great product catalog. What’s more? This is a free plugin!

At first WCPT may seem mainly table oriented. But check out the plugin demos and you will find it can be used as an excellent WooCommerce product list plugin as well. 

Easily create WooCommerce product list table
WooCommerce product list table – narrow lists
WooCommerce product list view for a restaurant menu
 Easily create WooCommerce product list view for a restaurant menu
WooCommerce Product Table Reponsive
WooCommerce product list table – fully responsive

You should create a WooCommerce product list view when:

  1. The shop products need to be easily compared by a specific column such as movie rating, price, width, etc. Visually tracking a column to make comparisons between products is much easier than tracking the field in a grid.
  2. You need to provide a sizeable amount of information for each product. This may be required because the products need some context which will not be possible without the additional information. In such a case product list shines as compared to grid / pure table. 
  3. You need your products to be neatly presented in a narrow space such as the sidebar or a footer column. Product lists fit perfectly in such tight spaces.

Conclusion

Now you don’t need to worry about creating an excellent WooCommerce product list table for your site anymore. While this is not a default WooCommerce functionality, WooCommerce product table plugin perfectly fills the gap and makes it easy to create a WooCommerce product list view. So download the free plugin and start increasing your shop sales now!

WooCommerce display products in table

For some web shops, the product catalog looks best in a table view.  A product list or grid view will simply not work as well. But the problem is that while WooCommerce does have convenient shortcodes for product grid and product list view, unfortunately there is no shortcode to make WooCommerce display products in table.

This is why the  WooCommerce Product Table plugin was created. With this plugin you can easily make WooCommerce show products in tables. It is free and it does not require any coding knowledge. Now anyone can conveniently create simple or complex product table structure, with features such as search, sorting, pagination and styling.

WooCommerce Product Table PRO
WooCommerce Product Table Pro brings you powerful features to create fantastic product tables that convert.
Create tables of any shape and size. Control functionality and styling to create the exact  product table you need for the job.

WooCommerce Product Table Reponsive
Great responsive features to achieve the perfect look on small screen devices as well. Create a seamless experience for conversion on mobile as well.

When to make WooCommerce show products in table?

1. As the main product catalog

For some shops it makes sense to only use table view for their product catalog and drop any grid or list view from their website entirely. This is especially true when:

  1. Product images are not the main focus in the product catalog. Such as, in the case of books, music, machine parts, software, common food items, etc 
  2. Shoppers are mainly interested in comparing products along certain columns. Such as numeric attributes, rating, etc.

2. As a supplementary product view

For other shops a product table view can be a great supplement to their existing product grid/list view. It would give their shoppers the additional facility of exploring their products in a table view as well, which makes sorting and visually comparing products along columns much easier.

Conclusion

If you have been stuck without a great table view for your product catalog you do not need to worry any more. Can WooCommerce display products in table on its own? No. But is there an easy solution for this? Yes! With the WooCommerce Product Table plugin you can conveniently manage multiple product tables across your website and maximize your opportunity for conversion. You should try it today!