Garden center WordPress

Everyone wishes to live in a picturesque atmosphere, but in modern times, we are encircled by man-made constructions that has increase the solitariness from the natural world. Without a doubt, gardening is a pleasurable hobby, and there are a number of other advantages to take into account.

With the increasing era of technology and the business model for plant nurseries and center can help people's growing interest in gardening. Therefore, if you have a deep love for nature and a passion for gardening, you can consider beginning an online plant business to assist people achieve their goals. The good news is that you can set up a garden center online shop using WordPress and WooCommerce in a few simple steps.

In this complete, guide, we’ll show you step-by-step how to set up a garden center in WordPress. This will enable you to continue running your business even if you can't serve as many customers in person, which can make a big difference to your sales.

Online garden center

You’ll learn how to set up a garden center store in WordPress using the WooCommerce Product Table plugin.

Why garden centers need to start selling online

During the Coronavirus outbreak, businesses of all sizes were looking for ways to stay operational. However, with social distancing policies and lockdown restrictions, it sometimes proved to be difficult to sell to customers from a brick-and-mortar store.

Garden center

Fortunately, as a garden center owner or florist, you can set up an online store so you don’t miss out on sales. It’s also a great way to reach more customers and potentially increase sales. As well as selling to local customers who would normally visit you in person, you can extend your reach to a national or even international audience.

You can add products to your garden center store and allow customers to browse and purchase them from home. You can choose to ship products to customers or offer in-store (or curbside) pickup options.

Setting up a garden center in WordPress

The first thing you need to do is set up an easy-to-use website for your garden center. The easiest way to do this is by using WordPress and WooCommerce. Since WordPress is open-source, you’ll have complete ownership over your garden center online store.

If you already have a non-ecommerce website for your garden center, don't worry. Simply link this to your WordPress WooCommerce online store and vice versa.

Here's what you need to do:

  1. WordPress. Start by installing and setting up the WordPress.org CMS on your hosting server.
  2. WooCommerce. Install the WooCommerce plugin on your WordPress website to enable e-commerce functionality.
  3. WordPress theme. You’ll need a gardening WordPress theme or a drag-and-drop page builder plugin to create an attractive website. There are plenty of free WordPress themes to choose from. This will help you deliver good user experience to customers.
  4. Product categories. Your garden center online store will likely have multiple product categories if you sell a variety of different types of products. This makes it easier for customers to quickly find the products they’re looking for.
  5. Navigation menu. You can set up your menu by going to Appearance Menus from the WordPress admin panel. Depending on the types of products you sell, you can list product categories in your navigation menu or simply link to the main shop page.

Once you've set that up, you can set up a garden center online store in WooCommerce.

WooCommerce Product Table: the perfect plugin for setting up a garden center store

The WooCommerce Product Table plugin is perfect for setting up a garden center store in WordPress. It lets you display products in a front-end table layout with search, sort, and filter options. This way, customers can quickly find the products they’re looking for and add them to their shopping cart.

As compared to the default store layout you get with WooCommerce out of the box, the WooCommerce Product Table plugin lets you showcase your garden center products in an order form layout. You can choose which columns to display in your product table.

This way, customers don’t have to visit the single product page to learn more about each item, select variations, or add it to their shopping cart. Instead, customers can view product details, set the quantity selector, tick the checkboxes next to the products they’d like to purchase and add them to cart in one go.

How to set up a garden center in WooCommerce

Once you’ve set up your WordPress website, follow the steps below to set up a garden center in WordPress using the WooCommerce Product Table plugin.

Step 1: Add garden center products to your online store

Start by adding products to your garden center e-commerce store as individual WooCommerce products. If you sell a variety of different products – plants, flowers, seeds, soil, planters, lawn care products – then we recommend creating categories to keep them organized. This also makes it easier for customers to quickly find the garden products they’d like to purchase.

Head over to ProductsAdd New from the WordPress admin panel to add each item as a WooCommerce product. Enter a title, brief description, product image, and price for each item. Finally, select the appropriate category for the product. Click the Publish button to continue.

Step 2: Configure the WooCommerce Product Table plugin settings

Once you've bought and installed WooCommerce Product Table, go to ProductsProduct Tables in the WordPress admin. From here, you can set up the order forms for your garden centre products.

2a. Choose where to display the product tables

On the first page, select the 'Display on a shop page' option. This means that you will be enabling the product table layout on your main garden centre shop pages:

Create page of table builder

Once you've done that, the next page will let you choose exactly which of your WooCommerce store pages will use the table layout. You should probably enable them all:

Shop templates page of table builder

2b. Choose which product data to display on the garden center shop page

The 'Columns' page lets you choose which columns of product data appear on your main garden center shop pages. For example, you might consider displaying the product image, name, short description, price, and add to cart options. You can also display reviews and stock.

WPT table builder columns

2c. Customize the add to cart column

If you included a 'Buy' column then the 'Add to cart' page lets you customize this. Think about these optiojns carefully because they can encourage customers to buy more from your garden center website!

Add to cart page of WooCommerce product table builder

Set the 'Add to cart method' to Button and checkbox using the dropdown menu. Also make sure the Quantities checkbox is ticked.

I recommend because people often buy multiple garden center products at once. For example, a customer might purchase a few planters, soil, and seeds. They can then use the checkboxes to select the products they’d like to purchase and add them all to their cart in one go. In addition to this, they can use the quantity selector to buy more of each item.

2d. Let customers find the garden center products more easily

Most garden centers have many different product categories such as plants, flowers, planters, soils, seeds, lawn care products, and gardening tools. You can let customers filter the items in the table by categories. To do this, add 'Categories to the list of filters on the 'Search & Sort' page. If you're using tags to further differentiate your products, then you can add a tag filter too.

WooCommerce Product Table builder filter dropdowns

Step #3: Display products on the front-end

The WooCommerce Product Table plugin automatically replaces the default WooCommerce shop page layout with the table layout. Your shop page should look something like this on the front-end:

Online garden center

Customers can use the filter options to view the category they’d like to purchase from. They can tick the checkboxes next to the products they’d like to purchase and set the quantity selectors to add multiple products to their cart at once. If you sell variable products, customers will be able to choose the variation they’d like to buy directly from the main shop page.

Bonus: Adding extra features to your garden center website

To enhance the user experience your garden center website delivers, you can add other features to it. The sky's the limit wit WordPress and WooCommerce, but here are some examples.

Provide advanced filters to help customers to find products more easily

The WooCommerce Product Filters plugin works perfectly with WooCommerce Product Table, and adds even more advanced filtering options to your store:

Garden centre website with filters
A garden centre website using both WooCommerce Product Table and WooCommerce Product Filters

As you can see in the screenshot above, you can use WooCommerce Product Filters to add user-friendly features above and/or next to the list of products. This is perfect for garden centres with lots of products, and helps customers to narrow down their selections and make quick decisions.

Add opening and closing hours

If you have set opening hours and closing hours, you can add a text widget to the sidebar to display them on every page throughout the site.

Online garden center timings

Go to Appearance Widgets from the WordPress dashboard and add a Text widget to the sidebar. Enter a title and your opening and closing times.

You can also use widgets to display other information such as testimonials, featured products, on sale products, photo galleries, or garden care tips. For best results, use a free plugin like Widget Context to show different garden care tips on different product categories. This will add value to your customers and is a good way to subtly encourage them to buy more.

Set up your garden center store today

By setting up a garden center website, you can continue running your business during the lockdown. The best part is that you can do this whether you have a physical store or not.

Once you have your WordPress website set up with the WooCommerce plugin installed on it, it only takes a few minutes to set up a complete garden center website. Start by adding garden center products as individual WooCommerce products. Next, configure the WooCommerce Product Table plugin’s settings to display products in a table layout.

You can set up a similar online store if you’re in the gardening business or the landscaping business.

Ready to set up your garden center in WordPress? Get the WooCommerce Product Table plugin!

By the time you’re done reading this article, you’ll know exactly how to print a WooCommerce product list with whatever product information you’d like.

Having a printed list of your WooCommerce products – on paper or PDF – makes it easy to manage inventory, especially for brick and mortar stores. For example, you can cross off items you’ve already ordered from suppliers, add notes, and share it with your team.

However, WooCommerce doesn’t offer features out of the box that let you print WooCommerce product lists. Additionally, WooCommerce makes it difficult to print a list of products because the products are split across multiple pages with large images and very little product information. Most of the product information is only available on single product pages.

Browser print option

If you’re looking for a way to print your list of WooCommerce products then don’t worry! This in-depth guide will teach you how to print a WooCommerce product list in a few simple steps:

And the best part? We’ll show you step-by-step how you can print your WooCommerce product list. It’s quick and easy and there’s no technical knowledge required to follow this tutorial. You can set everything up and print your list of WooCommerce Products in under 10 minutes!

Why you might want to print a list of WooCommerce products?

As a WooCommerce store owner, there are plenty of scenarios where you might need to print a list of WooCommerce products.

For example, if you’re running a brick and mortar store, your customers might ask for a print out of your product catalog. The easy way to do this is by printing it out directly from your website, either on paper or as a PDF that you can email to them.

You can give them a print out of your entire product PDF catalog or the product category they’re interested in, e.g. Shoes and Sandals. This is much easier than printing out several product pages!

Similarly, when you print your WooCommerce product list, it’s much easier to add notes to it and share it with your team. For example, you might need to take stock of your inventory and see which products you need to place orders for. Or, you might need to have a print of your WooCommerce products along with their QR codes. Maybe your sales staff need a printed order form for manual orders.

It’s also important to print a WooCommerce product list that’s easy to read. In other words, you don’t want to simply export your products as a CSV and then print that.

How to print a WooCommerce product list

The WooCommerce Product Table plugin makes it incredibly easy for online store owners to print a WooCommerce product list. We’ll assume you already have the WooCommerce plugin installed on your WordPress site and some products added to it.

Here, we’ll walk you through a step-by-step tutorial explaining how to set everything up.

Step 1: Get the WooCommerce Product Table plugin

The first thing you need to do is purchase the WooCommerce Product Table plugin and install it on your WordPress website. You’ll receive a license key in the confirmation email along with the plugin files.

Step 2: Create a printable WooCommerce product list

To create your first product list, go to ProductsProduct Tables → Add New. You can then use the table builder to configure the printable list of products as needed. I'll walk you through the most important options.

2a. Decide where to display the printable product list

The first step of the table builder asks you how you want to add the printable product list to your WordPress site:

Create page of table builder

Select 'Add to a page using a block or shortcode' if you want to create a printable product list without affecting your main shop and category pages. When you do this, then the next page will let you choose exactly which WooCommerce products to list. For example, you can select specific products, categories, and lots more:

WooCommerce table builder select individual products

Alternatively, select 'Display on a shop page' if you want to replace your default store layouts with the printable product list. However, you probably don't want to do this if you're creating a new page for printing products.

2b. Add data to the printable WooCommerce product list

The next page lets you add columns of product data. Use this to add the product information you’d like to display in your printable product list. Since this will be a printout, you won’t need the add to cart buttons column or any other checkout options.

WPT table builder columns

For example, if you want to display the product image, SKU, name, product description (or short description), stock, and price, you’d add columns for image, SKU, name, description, stock, and price.

If you decide to include the product image in your printout, you can set the image dimensionsusing the Image Size option. This appears when you edit the image column.

Step 3: Customize the WooCommerce product list

By default, the WooCommerce Product Table plugin adds a variety of table elements to the front-end. This includes a search box, filters, and page length.

While this is incredibly useful for site visitors, you probably don’t need any of these features when you’re printing your WooCommerce product list.

The good news is that you can easily hide the page elements you don’t need from the plugin settings page. Do this at Products → Product Tables → Settings.

WooCommerce Product Table table controls settings

Scroll down to the Table controls section and set the:

  • Page length option to Hidden using the dropdown menu.
  • Search box option to Hidden using the dropdown menu.
  • Product totals option to Hidden if you want to hide them. Else, you can set it to Above table or Below table if you want to display the product totals.
  • Pagination buttons option to Hidden using the dropdown menu.
  • Make sure the checkbox next to the Reset button option is unticked.

Step 4: Add your WooCommerce product list to a page

The final page of the table builder included a shortcode for adding it to a page. Copy this, or find it later at Products → Product Tables.

You can then add the shortcode (or a 'Product Table' block if you're using the WordPress block editor) to a page. This will insert your printable list of WooCommerce products.

The end result should look something like this:

Print WooCommerce product list preview

Step 5: Print your WooCommerce product list

The easiest way to print your WooCommerce product list is by using the Control + P option that most web browsers (like Google Chrome) support.

Browser print option

Simply click the Print button to print out the WooCommerce product list.

You can also use the Print, PDF, Email by PrintFriendly WordPress plugin that adds buttons allowing users to print any page in a print-friendly layout, save it as a WooCommerce PDF, or send a link via email.

WooCommerce product table plugin with print and save to PDF

You can configure the plugin’s settings in different ways based on your personal preferences. For example, you can choose from a range of pre-designed buttons or upload your own.

PrintFriendly customization options

There are also some basic styling features available such as text size for your print and PDF layouts. Additionally, you can further style it using CSS.

The WooCommerce Product Table plugin lets you print WooCommerce products lists in a way that’s easy for humans to read.

In addition to this, it lets you choose which information you’d like to showcase in the product list and lets you sort the WooCommerce store product list by SKU, product name, or any other parameter prior to printing. You can also choose to print a list of specific e-commerce products by using the WooCommerce Product Table plugin’s built-in filters.

You get a:

  • Plug-and-play setup for the plugin.
  • In-depth documentation (absolutely no way to get it wrong).
  • Technical support is available if you need any help.
  • 30-day money-back guarantee. Love it or get a full refund, 0 risk!

Ready to print your WooCommerce product list? Get the WooCommerce Product Table plugin today!

If your business or organisation needs help selling online during the COVID-19 crisis, or you're actively helping with the pandemic - e.g. distributing food or medical supplies - then we're offering a free plugin or extended licenses to help you setup as fast as possible.

As millions of people worldwide isolate themselves to restrict the spread of COVID-19, going to the shops is no longer a safe option. Instead, they're forced to buy essential supplies online and have them delivered to their homes.

Many businesses still rely on face-to-face contact. From corner shops, bakeries and local delis, to take away and fast food outlets, many are now feeling a steep drop-off in customer demand. In addition, there may be many outlets such as local pharmacies, chemists, and suppliers of medical items that don't currently operate online but could do so.

To continue trading - and ensure that their customers can receive essential food and medical supplies - many businesses need a fast and simple way to sell online.

WooCommerce bakery order form plugin

Apply for a free plugin

If your business needs to get online quickly in order to provide essential items or services to help with Coronavirus, please get in touch below letting us know what you need. Examples of what we can provide:

  • A free copy of one of our plugins, including WooCommerce Product Table.
  • Extended license options to cover multiple sites under a single license key.

Free/extended licenses will be valid for 4 months until 31st July 2020. If the coronavirus crisis is still ongoing at that point, please get in touch again and we will extend your license.

The free plugin offer has now closed.

Online selling tutorial

The following guidance is aimed at businesses that need to start selling online; and for agencies that are helping businesses to do this. It will tell you:

  1. How to sell your products or services online - don't worry, you don't need any technical expertise. You'll learn how to create a website taking online payments, and have products delivered locally, or by using other delivery services.
  2. How to list your products in a quick one-page order form, making it really easy for customers to select products and order online.

What you need

To start selling online for the first time you'll need:

  • WordPress - this is a content management system which powers your site and makes it easy to create pages, add images, etc. WordPress is free, but you'll need to pay for a domain name (website address) and web hosting. If you need web hosting, we recommend Kinsta who provide fully-managed WordPress hosting (they host this site). Their Starter plan starts at $30/month and WordPress comes pre-installed so you don't need to do this yourself.
  • WooCommerce - this is a free plugin that turns your website into a fully featured e-commerce store. It lets you add products, set up payment gateways, add shipping options, etc.
  • WordPress theme - this provides the design of your site (i.e. how it looks). I strongly recommend the Storefront theme because it's free, easy to use, and built by the same people as WooCommerce itself. It's clean and simple so ideal for any business wanting selling online.
  • WooCommerce Product Table - this lists your products in a quick one-page order form. Your customers can easily view all your products, select the ones they want, and add them to the cart in one click. It's the perfect way to present products that you have previously sold face-to-face. WooCommerce Product Table is a premium plugin, and we're offering free copies to those helping with the Coronavirus pandemic.

Create your online store

1. Install WordPress and WooCommerce

The first step is to get your overall website set up. Rather than reinventing the wheel, I recommend that you follow WPBeginner's excellent tutorial: WooCommerce Made Simple: A Step-by-Step Tutorial. This covers the overall setup of your store, including payment and delivery options.

When you run the WooCommerce setup wizard as part of this tutorial, you'll have to make some decisions about how you want your online store to work. If you're setting up a quick online store during the coronavirus outbreak, then I recommend the following: 

  • Online payment optionsChoose payment options that will be easy for your customers, such as PayPal - that is the quickest and easiest to set up, both for you and your customers. You can add more than one payment option, so you might also want to enable the 'Cash on delivery' payment gateway when you run the WooCommerce setup wizard. However, consider how you will get cash from your customers while still respecting their need for social isolation and minimal contact.
  • Shipping options WooCommerce lets you add one or more delivery options for your customers to choose from. You can also create shipping zones to restrict the area that you will deliver to - for example, if you're a local business (e.g. a convenience store, grocer or butcher) and will only deliver to certain zip/post code areas. The shipping options are:
    • Flat rate - this is the most common shipping method, and lets you charge a flat amount for each purchase.
    • Free shipping - choose this if you don't plan to charge for shipping. To help your customers and keep your business going during the coronavirus crisis, consider offering free shipping in your local area, and charging for deliveries further afield.
    • Local pickup - you may want to activate this in future, but it's probably not relevant during the coronavirus lock-down.

Once you've finished installing WooCommerce, close WPBeginner's tutorial and return here for step 2.

2. Add your store's inventory

Next, you need to add your inventory as WooCommerce products. This may take a while if you have lots of products (e.g. a convenience store or medical supplies company). However, you'll speed up after the first few.

Tip: WooCommerce also has an import tool, so you could use this if you have too many products to add manually.

  1. Log into the WordPress admin and click Products → Add New.
  2. Add the product title at the top of the page.
  3. Add a product category on the right hand side of the page.
  4. Scroll down to the Product Data section and add a price.
  5. If you sell different versions of the same product (e.g. a Large and Small loaf of bread), then it's easiest to add each option as a separate product. WooCommerce also comes with variable products and you can use these for the product options if you prefer.
Create Online Bakery

You can add plenty more information about your products, such as description (useful for listing ingredients, allergens etc.), image, etc. However, if you need to quickly start selling online during the coronavirus pandemic, then I suggest keeping it simple. Just add the essential information about each product, and you can always add more later.

 3. Create a quick order form

If you just follow steps 1 and 2 (above), then your products will be listed in a grid layout. This layout is mostly designed for selling products with big images, where customers will spend their time browsing - for example, online clothes stores. If you're setting up a quick online store during the coronavirus crisis, that's not what you want.

Instead, you need to list products in a quick one-page order form. Customers can instantly view all your products, tick the ones they require, and add them all to the cart. You can do this by installing the WooCommerce Product Table plugin.

If you like, you can add extra columns of information and images to the product table. However, if you need to start selling online quickly, then I suggest keeping it to a minimum.

If your business is selling products or service that are actively helping people to cope with the coronavirus outbreak, please contact us below for a free copy.

How to set up WooCommerce Product Table

  • Install the plugin and activate it using the license key from your Getting Started email. You can do this on WooCommerce → Settings → Products → Product tables.
  • Go through the settings and choose how you want your order form to operate. I recommend the following:
    • Table display - tick box of these boxes to enable the product table layout throughout your online store.
    • Columns - paste the following into this box: name,price,add-to-cart
    • Product links - type none here. This keeps your store simple, as you don't need to worry about having a separate page for each product.
    • Add to cart button - select either 'Checkbox' or 'Button and checkbox'. The checkboxes are important to allow your customers to tick multiple products at once, and quickly add them all to the cart.
    • Product filters - type categories into this box. This will add a filter dropdown of your product categories, so that customers can quickly view products from a specific category only (e.g. bread).

Of course, WooCommerce Product Table has many more options than this - but our aim today is to help you start selling quickly and easily. If you want to make your store more sophisticated, feel free to browse the full list of 50+ options.

Finally, it's time to publish your website and direct people to your shop page!

  1. Go to the list of 'Pages' section of the WordPress admin and find the page with 'Shop' after its name. This is your main shop page - remember this for the next step!
  2. Now go to Appearance → Menus. Find the shop page in the list of pages on the left, click on it and click 'Add to menu'. This will add it to the menu on the right, so save the menu.

Now, the main menu on your site will include a link to the shop page which lists all your products.

If you like, then you can create more complex navigation structure by adding links to your category pages etc. But to get your business online as quickly as possible, the only essential page is the shop page.

Customers can visit this page, filter by category, select the products they want to buy, add them to the cart and complete their purchase using the WooCommerce checkout. You will receive an email notifying you of their order, so that you can take care of delivery.

Next steps

We understand the problems that the Coronavirus crisis has caused for businesses all over the world. Hopefully this article will help in some small way and keep the wheels turning. If you're helping with the coronavirus effort, please get in touch if you need any further advice or help with anything in this article or to request a free copy of one of our plugins.

A lot goes into building and running a successful online store. Although hosted e-commerce platforms like BigCommerce take care of much of the heavy-lifting, they don’t always offer the best shopping experience to customers.

The good news is that you can use a BigCommerce product table to make your online store more effective and user-friendly. Essentially, you’d be listing BigCommerce products on a WordPress site in a searchable, sortable table layout with filters. This way, customers will be able to browse your store and make purchases directly from one convenient location.

Creating a BigCommerce product table using Posts Table Pro

With this in mind, in this article, we’ll explain what a BigCommerce product table is and how it can benefit your online store. We’ll also show you how to create a product table in WordPress using BigCommerce and Posts Table Pro.

What is a BigCommerce product table and who needs one?

BigCommerce is a hosted e-commerce platform. Out of the box, BigCommerce lets users display products in a standard format. Typically, products are displayed in a grid where each product takes up a considerable amount of screen real estate - like this:

BigCommerce product table WordPress

While this certainly adds to your store’s visual appeal, this simply isn’t the best solution for every online store. More specifically, online stores that sell more than a few products or products that aren’t image-centric need a more user-friendly way to showcase their offering.

Grid layouts make it difficult for customers to browse through products, find exactly what they’re looking for, and compare product details. In contrast, displaying your inventory in a product table allows you to showcase more products per page while making it easy for customers to search, sort, and filter through them:

Posts Table Pro product table with filters

Who needs a BigCommerce product table?

BigCommerce product table in WordPress

The short answer is that anyone who’s looking for an intuitive and user-friendly way to showcase lots of products in their online store can benefit from a BigCommerce product table. It allows you to display products in a neat table layout with important product details. This makes it easy for customers to be able to view more products (with product details) per page.

For example:

BigCommerce restaurant ordering system

With a BigCommerce product table plugin, you can create restaurant ordering systems that allow customers to place orders online (or at the table). It essentially doubles as a BigCommerce order form.

This resembles a real-world menu in that you simply list out the dishes you offer along with additional details such as ingredients and price. In addition to this, you can also display quantity selectors and add-to-cart buttons directly in the product table layout.

With a BigCommerce order form, you can also allow customers to customize their orders. For example, if you serve pizza at your restaurant, customers would be able to select their crust, sauce, and toppings directly from the product table.

BigCommerce wholesale stores

Generally speaking, people who shop at wholesale stores have a good idea about what they’d like to buy. For this reason, a BigCommerce product table is an ideal implementation for wholesale stores. Here’s why:

  • Customers are able to find exactly what they’re looking for by using the search, sort, and filter options.
  • A BigCommerce product list makes it easy for customers to make bulk purchases.
  • Since wholesale stores sell lots of products, store owners are able to display more products per page then they would be able to with BigCommerce’s default shop layout.

BigCommerce stores selling products that don’t require large images

BigCommerce store owners that sell products that don’t require big images can also benefit from a product table layout. Since the standard format for displaying products in BigCommerce is image-centric, it doesn’t suit products that don’t require big images. Stores like these would benefit more from a BigCommerce product list instead.

These include digital goods such as audio lectures, music sheets, and software. It can also include hardware products like bolts, screws, washers, and fasteners where it’s more important to display product information than it is to display a product image.

How a product table can benefit your BigCommerce-based online store

With BigCommerce, the standard way to display products in your online store is by showcasing them in a grid on your shop page while also giving each product its own individual page.

The problem with this implementation is that it makes it difficult for customers to browse products, compare them, or purchase a lot of different items at once. While this may not be an issue for large products (like furniture) or expensive products (like jewelry), this approach doesn’t offer the best shopping experience for many other types of products.

So, if you’re looking for a way to showcase products in an intuitive, user-friendly way then consider creating a product table. With a BigCommerce product table, you can display more products in an organized way in a neat table layout along with all important product details.

BigCommerce product tables are incredibly beneficial to e-commerce stores, because:

  • Customers are able to see everything your store offers at a glance.
  • They allow store owners to curate a selection of products to display on their site (e.g. all organic products).
  • They make it easy for customers to be able to compare products quickly and make a buying decision.
  • Product tables take up less screen real estate as compared to other methods of organizing products.
  • They simplify the purchasing process since customers are able to add multiple products to their cart from a single screen. In other words, they don’t have to visit individual product pages to view product details and add products to their cart.

Introducing Posts Table Pro: The e-commerce product table plugin for BigCommerce stores

Posts Table Pro is a BigCommerce product table plugin that lets you display items in a dynamic table layout with built-in options for searching, sorting, and filtering products.

As a WordPress plugin, Posts Table Pro lets you list BigCommerce products on any WordPress website. The products are still added and maintained via BigCommerce - and orders are still managed via BigCommerce. However, it's a fantastic opportunity to list your products in WordPress - ideal if your main company website uses WordPress, or you want to list products outside of BigCommerce instead.

With Posts Table Pro create customizable product tables easily that improve the customer’s shopping experience and simplify the purchasing process. Specifically, you can tweak:

  • How each table will appear on the front end.
  • What information (product details) will be presented and in what order?
  • Whether you want to display product variations, quantity selectors, and add to cart buttons.
  • How customers can filter through products e.g. by product category.

Using Posts Table Pro, you can improve the user experience your BigCommerce-based store delivers and potentially improve conversions and increase sales.

How to create a BigCommerce product table in WordPress

If you’ve connected your BigCommerce store to your WP website, you’ll need a way to display BigCommerce products in an intuitive and user-friendly way. With the Posts Table Pro plugin, you can easily list products in a neat table layout.

Assuming you have a BigCommerce store set up with some products and the BigCommerce for WordPress plugin installed on your WordPress website, here’s what you need to do to create a product table:

Step #1: Install and activate Posts Table Pro

To get started, purchase the Posts Table Pro plugin and install it on your WordPress website.

GET POSTS TABLE PRO

You will receive a zip folder containing all the necessary files upon purchase. Navigate to the WordPress dashboard, select Plugins → Add New, and click on the Upload Plugin button to proceed with the installation.

Go to the Plugins section in your WordPress dashboard and click on "Add New." Then, click on "Upload Plugin" and select the zip folder containing the plugin's contents. Click on "Install Now" to start the installation process, and once it's complete, activate the plugin. Upon activation, the setup wizard for Posts Table Pro will launch and guide you through entering your license key.

Step #2: Customize your table

Start by giving your table a name and select the post type BigCommerce has created for you. And then follow the steps below:

  1. Select the posts or pages you would like to include in the table. The available options will vary based on the post type you selected in the previous step. For instance, if you chose a post with custom taxonomy, the relevant taxonomies will be listed for you to select.
  2. Customize your table to suit your preferences. You can determine which columns to display and in what order. To add a new column, choose the column type from the dropdown menu and click "Add". You can also reorder columns by dragging and dropping the sort icon or column heading.
  3. Filters appear as dropdowns above the table, and you can add as many as you like. It is important to note that available filter options will vary depending on the post type selected on the first page.
  4. Enable lazy loading to improve the table's performance, even when containing hundreds or thousands of items.
  5. Choose how to sort the table. You can set the default sorting option and the sort direction.
  6. Finally, the wizard will confirm that you have finished creating your table and provide instructions for inserting it onto your site.

Step #3: Add the product table to your website

Once you've finished creating your table using the Post Table Pro plugin, the setup wizard will confirm that you're done and give you instructions for displaying the table on your WordPress site.

You have two options for displaying the table:

  1. Use the 'Post Table' block found in the Gutenberg editor.
  2. Copy the shortcode from the table builder and paste it anywhere on your site. This gives you the freedom to place the table on any page, no matter its content.

When you view it, it should look something like this on your site’s front end:

BigCommerce product table preview

Conclusion

You can use a BigCommerce product table plugin to list products in a neat table layout that’s searchable, sortable, and filterable.

This makes it easy for customers to browse products and see everything your store offers at a glance thereby improving their user experience. As a result, you’ll be able to increase product visibility and, ultimately, boost sales.

We showed you how to create a BigCommerce product table in WordPress using Posts Table Pro. Hopefully, you’re in a good position now to take the next steps.

What are some of the ways you improve your customers’ shopping experience on your BigCommerce website? Let us know in the comments section below.

As an online store owner, you might want to create a WordPress product catalog to showcase your products. The only problem is that most e-commerce plugins don't provide much flexibility in terms of how to display products.

One way to create a visually appealing, user-friendly product catalog in WordPress is by using a product table layout, with a simple WordPress plugin - WooCommerce Product Table. It makes it easy for customers to browse your product listings, view details, and act on your conversion goal – whether it’s to make a purchase or get in touch for a quote.

WordPress product catalog created using WooCommerce Product Table

In this article, we’ll start off by explaining in more detail what a WP product catalog table is. We’ll also walk you through a step by step tutorial on how you can create a WordPress product catalog – with or without a shopping cart.

What is a WordPress product catalog and who needs one?

Out of the box, most e-commerce plugins only let you display products in a standard format. Each product takes up a large amount of screen real estate. And while this creates a visually appealing layout, it’s not user-friendly – especially for WordPress online stores that sell more than a few products.

This is mainly because a grid layout makes it difficult for prospective customers to quickly browse through products or compare product details.

With a product table plugin, you can create a WordPress product catalog – with or without a shopping cart – to effectively display more products per page. In addition, it makes it easy for customers to search, sort, and filter products to find exactly what they’re looking for.

Who needs a WordPress product catalog?

Anyone who’s looking for a user-friendly way to showcase a lot of products can benefit from a WordPress catalog plugin. You can list products in a neat table (or grid) layout along with important details without the need for finicky custom CSS or complicated HTML.   As a result, customers can view more products per page.

E-commerce stores that sell products

Online stores that sell products directly through their website can also benefit from a product table layout. A product table layout makes it easy to display more products – with important product information and Add to Cart buttons – on a single page.

Since products are displayed in a table layout, this makes it easy for customers to make bulk purchases. For example, online stores that generally sell multiple products per transaction (such as wholesale suppliers or stationery shop) can benefit from using a product table to create a WordPress product catalog.

In addition to this, they generally include features that lets customers find specific products through search or sort and filter them based on different parameters (such as price).

Businesses wanting to showcase products without e-commerce

Some businesses need to be able to showcase products without letting customers purchase them directly from the website. Instead, they might want to create an online product catalog in WordPress that customers can browse, to make a selection.

These sorts of businesses generally want to take orders by phone or have customers request a quote. Therefore, using an e-commerce plugin with shopping cart functionality isn’t a practical solution.

However, a WordPress product catalog makes it easy for businesses to showcase their products on their website without having to display a price or enable shopping cart functionality.

Next, let's look at the WordPress product catalog plugins that are available for you to choose from. First, I'll talk about the best WooCommerce product catalog plugin. Then, we'll look at other options for WordPress sites not using WooCommerce. Finally, I'll tell you how to create a WP product catalog without needing an e-commerce plugin at all!


Introducing WooCommerce Product Table

The WooCommerce Product Table plugin lets you create a product catalog in WordPress to display products in a searchable, sortable, and filterable table layout.

This product catalog plugin is hugely beneficial to both businesses and e-commerce stores because:

  • Works with WooCommerce, the world's leading WordPress e-commerce platform.
  • Lets customers browse your entire product listing – or a curated selection of products – at a glance.
  • Makes it easy for customers to view important product information and compare products quickly.
  • Takes up less room on your website as compared to the standard format offered by most WordPress e-commerce plugins.
  • Simplifies the purchasing process by allowing customers to buy multiple products from a single page. In other words, they don’t have to visit individual product pages to add products to their shopping cart.
  • You can improve the buying process even further by using Product Table with its sister plugin, WooCommerce Quick View Pro.
Flawless
I've tried so many product table and list view plugins over the past year. None of them were supported well and often simply were non-functional. I recently discovered BARN2 and WooCommerce Product Table; it does everything I need for my store that I had been searching for. My large and growing product catalogue was becoming irritating to customers and having data readily in view helps tremendously. The plugin worked perfectly for my site, the documentation is thorough and helpful, its simple to setup, and I highly recommend it.

In addition, the WooCommerce Product Table plugin lets you decide which columns you’d like to display in your WordPress product catalog (and in what order). You also have the option to decide how customers can filter through products e.g. by product category.

How to list products in a catalog for e-commerce

If you’d like to give customers the option to buy products directly from your online store then you’d want to display Add to Cart buttons in your WordPress product catalog.

Below, we’ll show you how you can do this regardless of which WP e-commerce plugin you’re using.

For WooCommerce

To get started, you’ll need a WordPress website with the WooCommerce plugin installed and some products added. You’ll also need to purchase the WooCommerce Product Table plugin and install and activate it on your website.

Step 1: Create a table-based WordPress catalog

Go to Products → Product Tables → Add New to launch the table builder. We'll use this to create a WordPress product catalog which lists your inventory in a table view.

The first page prompts you to decide how you'll add the catalog to your site. You have 2 choices here:

  • Add to a page using a blog or shortcode - Use this option if you want to add a WordPress product catalog to a separate page, without affecting your main ecommerce store pages.
  • Display on a shop page - Alternatively, use this option to use the catalog layout on all your store pages, without having to add it to any pages manually.
Create page of table builder

There are lots of useful options in the table builder, but we'll focus most on choosing your columns. These affect what product data appears in the WordPress catalog view.

Set the columns you’d like to have displayed in the front-end WordPress product catalog. For example, you might consider displaying the product’s image, name, a short description, price, and add to cart buttons:

WPT table builder columns

A WordPress product catalog with these columns will look something like this:

WordPress product catalog created using WooCommerce Product Table with add to cart buttons

For complete instructions, be sure to check out this article on WooCommerce Product Catalog: Build a Product Table With or Without Online Purchasing.

Step 2: Add the product catalog to a page

You only need this step if you chose to insert the WordPress product catalog manually, above.

Log in to your WordPress admin panel and head over to Pages → Add New to create a new page for the WordPress product catalog. Give your new page a name. For example, you might call it Our Product Catalog.

Add the catalog to a page by selecting the 'Product Table' block and choosing your table. Or if you don't use the WordPress block editor then copy the product table from the end of the table builder and add that.

Product Table Gutenberg Block

Once you’re done, click the Publish… button and preview the page. The WordPress product catalog should look something like this:

Preview of the WooCommerce Product Table plugin on the front-end

You’ll see a dynamic product catalog in a table layout. At this time, the table layout displays the default columns.

Step 4: Add product quick view to your tables

Used alone, WooCommerce Product Table comes with an add to cart column where customers can choose variations, pick a quantity, and add to the cart.

Some stores find that they want to show extra information, without taking customers to a separate page for each product. They might want to show multiple product images. Or they might have too many variations to fit neatly in the product table.

WooCommerce Product Table Quick View Magnifying Glass
Add quick view buttons or links to the product catalog.

If any of this applies to you, then you can enhance your product tables by adding WooCommerce Quick View Pro. This plugin works alongside the table-based product catalog. It adds quick view links or buttons to the catalog pages.

Customers use the lightbox to view the full image gallery, read more information, choose variations and add to the cart.

Quick view is a great alternative to having a separate page for each product. Add it to your WooCommerce product catalog as follows:

  1. Install and activate the WooCommerce Quick View Pro plugin.
  2. Go to WooCommerce → Settings → Products → Quick view. Enter your license key and choose what you'd like to appear in the quick view lightbox.
  3. Edit the product table you created above (Products → Product Tables) and edit it. Add Quick View to the list of columns. If you want to disable the links to the single product page, scroll down to the Quick View settings on the same page, and enable this option.

For WP ecommerce, Easy Digital Downloads, or any other e-commerce plugin

If you’re using any other e-commerce plugin – such as WP ecommerce or Easy Digital Downloads – to power your online store, you can use the Posts Table Pro plugin to create a dynamic, functional WordPress product catalog.

The only condition is that the e-commerce plugin must create its own custom post type in WordPress for storing products. That's fine, as nearly all WordPress e-commerce plugins do this.

With the Posts Table Pro plugin installed and activated, simply select the products post type from your e-commerce plugin on the Posts Table Pro settings page. Then, enter the [posts_table] shortcode wherever you’d like to display the WordPress product catalog.


How to create a WordPress product catalog without a shopping cart

In some cases, you might want to create a WordPress product catalog without a shopping cart. In other words, you want to showcase your products in a product table layout with e-commerce functionality disabled.

Below, we’ve outlined the steps you need to follow to combine product tables with catalog mode while disabling the e-commerce functionality.

Strangely, I'm going to talk about WooCommerce again. Yes, I know it's an e-commerce plugin - but you can equally use it without offering an online ordering facility. I'll show you how this works, and I'll also tell you how to create a WordPress product catalog without installing any e-commerce plugin at all.

Create a WooCommerce product catalog without online ordering

Start off by following Steps 1 and 2 outlined in the previous section. The only differences are:

  • Do not include a buy column when you choose your product table columns.
  • When you add your products in WooCommerce, do NOT add prices. This is important because you're not selling them online. If you don't add prices then no add to cart buttons will appear. Or if you really want to show prices, then use the Catalog Visibility Options extension to hide product prices and add to cart buttons throughout your online store.

Your non-ecommerce WordPress product catalog will look something like this:

WordPress product catalog created using WooCommerce Product Table without add to cart buttons

Perfect!

Create a product catalog without an e-commerce plugin

Finally, I'll reveal how to create a WordPress product catalog without needing an e-commerce plugin at all! E-commerce plugins such as WooCommerce are fantastic, free of charge, and won't weigh down your site too much.

But if you really don't want one, then you can create your own custom post type and use this to store your products instead. This will add a 'Products' section (or whatever you want to call it) to the left of the WordPress admin.

Once you've added the products, use the Posts Table Pro plugin to them in a table-style WordPress product catalog on the front-end of your website.

For full instructions, please see our tutorial about how to create custom post types and display them using Posts Table Pro.


The perfect WordPress product catalog plugins

The WooCommerce Product Table and Posts Table Pro plugins let you create a functional, dynamic WordPress product catalog for your store – regardless of whether you simply want to showcase products or allow customers to buy them from your store.

And the best part is that it gives you complete control over how your product listing appears on the front-end. You can choose to display the columns that are most relevant to your products, offer search, sort, and filter options, and allow customers to make bulk purchases.

Do you agree that creating a WordPress product catalog in a table layout enhances customer experience? Share your thoughts in the comments section below!

WooCommerce is an incredibly powerful and flexible e-commerce platform. You can use it to create just about any type of online store and offer all kinds of online shopping experiences. You can even use it to create a WooCommerce mix and match products website.

WooCommerce mix and match products

Whether you’d like to start selling custom gift hampers, assorted donuts, and pastries, or bespoke food boxes, WooCommerce makes it incredibly easy to get started.

Paired with the right plugins, WooCommerce is the perfect solution for selling bespoke mix and match products and taking customized orders. After ensuring compatibility and setting everything up, your customers will have the ability to place personalized orders on your online store. They can view items in a user-friendly, catalog-like list, choose options and tick the items they’d like to add to their order and place their customized order. All from a one-page WooCommerce order form.

In this article, we’ll cover everything you need to know about WooCommerce mix and match products. You'll learn how to add products in WooCommerce, as well as how enabling customers to personalize their orders can benefit your online shop and how people are utilizing this feature. We’ll also step through a quick tutorial to help you create your own WooCommerce mix and match online store using the WooCommerce Product Table plugin.

Let’s get started!

Some examples of WooCommerce mix and match products

Mix and match products work by allowing customers to select individual products they’d like to purchase and add them to a gift hamper, product box, or bundle items. Let’s take a look at some of the most popular types of WooCommerce mix and match products that you can sell with WooCommerce.

Crate with various food jars.

Example #1: Pizza, sandwich, and salads

Customizable food items such as pizzas, sandwiches, and salads are often sold using a mix and match system. For instance, a WooCommerce-based restaurant that allows customers to place orders online usually allows customers to choose toppings and filings to put together their own meals. This is just one of many mix and match products examples, where WooCommerce can be utilized to offer personalized and customizable options to customers, such as selecting ingredients for their pizza, sandwich, or salad.

Your WooCommerce mix and match products offering may vary slightly depending on what you're selling. However, the core concept remains the same. Essentially, you allow your customers to build their own meals. For instance, if you were selling pizzas then you’d let customers choose their base, sauce, toppings, and dips. They mix and match the pizza options to create their own customized pizza - all using WordPress and WooCommerce.

Example #2: Gift hampers

Buying a hamper as a gift is always more special when you can select the individual items you’d like to add to it. Whether you’re selling face and body products, wines and candles, decadent chocolate, corporate gifts, or gourmet products, you can create a personal gift experience by letting customers mix and match their own selection of items.

Learning how to add products in WooCommerce opens up several avenues for offering WooCommerce mix and match products on your online store. Some companies, for instance, sell custom meat or vegetable deliveries to customers on a subscription basis. With WooCommerce, you can easily offer this option on your online store, in addition to selling custom meat or vegetable packages on a subscription basis and other mix and match products examples. Keep reading to learn how to do this and more.

How do customers mix and match products in WooCommerce?

Create WooCommerce mix and match products order forms to let customers build their own customized products or create-your-own combo offers. It will look something like this:

An example of a build-your-own-product page.

This is how the WooCommerce mix and match products system works:

  1. You have a page on your online store where you list all of the products (and variations or other options) that customers can choose from Generally, the products are divided into several categories, each listed separately on the mix and match page. The categories should be based on how the customer would actually put together their mix and match product order.
  2. The customer chooses items to create their own unique mix and match products Standalone items appear on individual rows of a table, whereas mutually exclusive items appear as dropdown lists within a single row of the table. The customer simply ticks a checkbox next to each item they’d like to add to their mix and match product.
  3. Once they’ve picked out all of the items they’d like to purchase, they click the Add Selected to Cart button This adds all the selected items to the WooCommerce shopping cart.
  4. The customer views their cart and can make changes to it, if necessary Once they’re happy with the order, they can proceed to the Woo checkout page and make a payment.
  5. As the store owner, you’ll receive an email with the order details You can then build the customer's mix and match product, add the products they selected to it, and ship it to them.

Which WordPress plugins will I need?

Under the hood, the mix and match products system uses WordPress to power your overall ecommerce website. It requires a free WooCommerce plugin to create products and manage the checkout process. You'll also need the WooCommerce Product Table plugin to list your inventory in a table layout on the mix and match product order form.

Next, I'll tell you how to set up your WooCommerce mix and match plugin. But first, let's look at a real-life case study of a website with this exact setup.

Case studies - How other WooCommerce websites sell mix and match products

Inspire Cosmetics - selling mix and match cosmetics

Inspire Cosmetics has created a multi-step process for ordering mix and match make-up and cosmetics.

They used the Beaver Builder WordPress page builder plugin to create a series of four connected pages in tabbed layout options. Each tab contains a separate list of WooCommerce mix and match products, created using the WooCommerce Product Table plugin.

This makes it quick and easy for customers to choose a container, select the contents and place their order in WooCommerce.

Barks & Squeaks - selling mix and match pet hampers

Build your own hamper website WooCommerce

Barks & Squeaks use WooCommerce and WooCommerce Product Table to sell mix and match gift hampers for pets.

They list the items from each category on a single page. The customer chooses their container options first, then scrolls down to mix and match the contents.

Now you've learned all about how a WooCommerce mix and match plugin works. Next, I'll tell you how to set it up on your own WordPress website! Keep reading and we'll get started straight away.

How to create a WooCommerce mix and match products website

Letting customers put together their own product bundles using a product configurator can help you increase sales and make the customer feel special.

This tutorial assumes you already have WooCommerce installed on your WP website. If not, check out the fantastic guide on how to create a WooCommerce online store. When you're ready, continue this tutorial to transform it into a WooCommerce mix and match product configurator.

Here's a video on how to set it all up. You can also read our detailed written instructions below.

Step 1: Create the mix and match product categories

First, figure out how you’d like to design the mix and match products' user flow. Decide which categories you’d like to divide the WooCommerce mix and match ordering system into.

For example, if you wanted to let customers build their own gift hampers, you might consider creating a category for the container, the contents, and wrapping and filling:

WooCommerce mix and match products categories

It’s a good idea to create a logical category structure that takes the customer on a journey and helps them put together their WooCommerce mix and match product in an intuitive and user-friendly way. In the above example, customers would order using a three-step process:

  1. Select a container.
  2. Choose the items they’d like to add to the container.
  3. Configure padding and wrapping options.

This way, your customers can mix and match their own bespoke gift hampers.

Once you’ve settled on which categories you’d like to create, head over to ProductsCategories and create as many as you need.

Step 2: Plan out products and add them to your online store

Next, we’ll add the individual items we want to sell to our WC online store. The items that customers can mix and match to build their product should be added as WooCommerce products.

Following our example, here are some of the WooCommerce products you might add under each mix and match category:

Container/Hamper

  • Hamper
  • Box

Contents

  • Candied Nuts
  • Luxury Biscuits
  • Decadent Chocolates
  • Red Wine Bottle
  • White Wine Bottle

Packaging

  • Gift Wrap
  • Ribbon
  • Straw Filling
Items added as products in WooCommerce.

First, jot down all of the products you’d like to sell. Categorize them under one of the categories you created in the previous step. Once that’s done, you need to decide whether you’d like to create each item on your list as an individual product or group it into variations.

To decide whether a particular product needs to have variations, consider whether the customer would have to make an either/or choice. In the example outlined above, the customer would have to pick either the hamper or the container. Whereas in the second stage, they’d simply be asked to select all of the items they’d like to mix and match.

Add products and/or variations based on these principles:

  • For 'or' choices where the customer can only choose one option, create a WooCommerce variable product. Add each option as a variation.
  • For 'and' choices where the customer can choose multiple options, create a standalone WooCommerce product for each item.

Tip: If you want to add multi-select options to individual products, keep reading to learn how.

Step 3: Add products to WooCommerce

Once you’ve planned out your products, add them to your WooCommerce store by following these steps:

  1. Navigate to Products → Add New from the admin panel.
  2. Enter the WooCommerce mix and match the product’s details such as product title, description, and featured images.
  3. Assign categories and tags.
  4. From the Product Data section, choose a product type based on the format you’ve decided:
    1. Simple Product. For standalone products that customers can add to their mix and match product bundles without variations, select the Simple Product.
    2. Variable Product. Select Variable Product for all mutually exclusive items that customers can personalize before adding to their shopping carts. Follow these instructions to add variable products.
  5. Click the Publish button.

Follow these steps to add all of your products to your online store.

Step 4: Create a mix and match products page

Now we're getting to the fun part! This is where your WooCommerce mix and match products configurator comes to life.

By now we’ve added all of the products to our WooCommerce store and categorized them. Next, we'll list everything in a mix and match products order form. By doing so, customers will be able to mix and match products and build custom gift packages.

4a. First, create your mix and match product tables

  1. Purchase the WooCommerce Product Table plugin and install it on your WordPress website.
  2. Head over to Products → Product Tables → Add New.
  3. Use the table builder to create your first table of WooCommerce mix and match products as follows:
    1. On page 1 of the table builder, choose the option to
      Create page of table builder
    2. Use the next page to choose which products to display in the order form. When creating a WooCommerce mix and match site, you'd normally create multiple tables, each listing specific products or items from a different category. That way, you can structure the order form into multiple sections.
      WooCommerce table builder select individual products
    3. Add all the columns of product data that you want to include in the mix and match order form.
      WPT table builder columns
  4. Change the 'Add to cart method' to 'Checkbox' and change the variations option to 'Dropdown'.
    Add to cart page of WooCommerce product table builder

Repeat the above steps to create a separate table for each group of mix and match products that you want to list separately. To save time, duplicate an existing table at Products → Tables and edit which products are included.

4b. Create the mix and match products page

  1. Next, go to Pages → Add New to create a new page where we’ll list the WooCommerce mix and match products. Add any text that will appear above the order form, such as instructions or information about the ordering process.
  2. Divide the page into sub-headings. Each sub-heading will be based on the categories you created in Step 1. Following our example, the sub-headings might be Step 1 - Choose a Container, Step 2 - Choose your Contents, and Step 3 - Choose the Finishing Touches.
  3. Finally, insert a 'Product Table' block under each heading and select the relevant product table which you created earlier. If you don't use the WordPress block editor then instead, you can get a shortcode for each table from Products → Product Tables.

That’s it! Now hit the Publish button and preview your page on the storefront. It should look something like this:

Mix and match products order form on the front-end

Bonus tip #1 - Add extra mix and match product options

Variation Dropdowns with Addons in Product Table
Product add-ons appear in the add to cart column of the mix and match product configurator.
So far, you've learned how to use variations to add a choice of options for each mix and match products. This is fine for most WooCommerce mix and match configurators. However, variations aren't suitable if customers need to be able to select more than one option at a time.

Fortunately, you can easily do this with the WooCommerce Product Options plugin. This fantastic WooCommerce extension makes it easy to add extra options to your mix and match products. For example, you can add multi-select checkboxes to each product. You can even add text fields where the customer can enter a personalized message.

Bonus tip #2 - Too many options? Add quick view lightboxes

WooCommerce customizable product quick view

Some WooCommerce mix and match products websites end up with a large number of variations or options for each product. For example, look at the Pizza Fiorentina product in the screenshot above. This product has 2 rows of product add-ons, which isn't a huge number of options - and it's already taking up a fair amount of vertical space. As a result, you can easily imagine what would happen if you tried to list several dozen options per product!

WooCommerce Product Table Quick View Magnifying Glass
The solution is to remove the add to cart column from your mix and match products table, and replace it with quick view buttons. You can do this by adding the WooCommerce Quick View Pro WordPress plugin.

Customers click on the quick view buttons to view more product information and purchase options in a lightbox window.

There are lots of benefits from using quick view to sell WooCommerce mix and match products:

  • You can choose what information to include in the lightbox. For example, you may wish to show the full gallery of product images. Or you may wish to hide the images and just show extra product data or add to cart options. Alternatively, you can have both! Either way, there's no limit to the number of variations and options that you can offer in the lightbox.
  • Customers remain on the product table at all times and don't have to visit a separate page to purchase each better. That's why quick view is better than using the single product page to sell mix and match products.
  • WooCommerce Quick View Pro also supports other methods of selling mix and match products such as grouped products, Composite products, and Product Bundles. List the products in a table, and customers can create custom product marketing bundles from within the quick view lightbox.

Bonus tip #3 - Sell mix and match product subscriptions

Most mix and match WooCommerce products configurators sell products on a one-off basis, with a single payment.

If you prefer, you can create mix and match product subscriptions. The instructions are the same as above, but you need to add the YITH WooCommerce Subscriptions plugin to take repeat payments.

WooCommerce Subscriptions make it easy to accept free trials and regular payments for each product. You can choose whether to offer a free trial and whether customers will be billed weekly, monthly, or whatever frequency you like.

Bonus tip #4 - Restrict how many mix and match items the customer will order

So far, you've learned how to sell mix and match products by setting a fixed regular price for each product or variation. The total order cost is the sum of all the products that the customer selects and adds to their cart.

Some WooCommerce mix and match websites prefer to set a fixed cost for the entire product box. If you do this, then you'll need to add a product price for the container itself and set the price of the contents products as $0.00. (You can easily hide the item pricing column of the tables listing the mixed and matched contents.)

If you do this, then you'll want to restrict the number of products that the customer can order. You can easily do this with the WooCommerce Quantity Manager plugin. Its plugin lets you create a minimum and maximum quantity rules. The rules prevent customers from ordering the wrong amount - essential for selling fixed price mix and match products in WooCommerce.

For example,  you might set a minimum and maximum quantity of 1 for the container itself. You would then add a maximum quantity or value for the 'contents' category. This controls how many items can be added to the container.

Bonus tip #5 - Sell mix and match packages with quantity-based discounts

Perhaps you want to sell WooCommerce mix and match products with a choice of packages, with discounts based on the number of products ordered. This is a good way to give discounts based on the number of photos purchased, without having to restrict the number of products that each person can buy.

To do this, use the WooCommerce Discount Manager plugin to dynamically change the price based on the number of products in the cart.

Next, you need to display the information in the frontend in a format that will encourage people to buy more:

  1. At the top of the page, add information about the different packages and prices.
  2. Underneath, use WooCommerce Product Table to list your mix and match products.

Customers can choose as many photos as they like and they will automatically be charged the correct price for their package.

Where to get the plugins

Letting customers mix and match products to create personalized orders and gift hampers is a great way to deliver an exceptional customer experience. And the best part is that it’s incredibly easy to do with the WooCommerceWooCommerce Product Table, and Quick View WordPress plugins.

Now you know how to create your own WooCommerce mix and match product order form. Hopefully, you’re in a good position to take things further.

Also, be sure to check out our step by step tutorial on how to use WooCommerce to sell ‘build your own’ products for inspiration and detailed instructions!

How do you use mix and match products in your WooCommerce store? We’d love to hear from you so let us know by commenting below!

Looking for a way to display WooCommerce products in a more compact and user-friendly way? If so, then a list view might be just what you need. A WooCommerce product list view allows customers to quickly scan through your products and find what they're looking for without the clutter of a traditional grid layout.

In this tutorial, we'll go over how to create a WooCommerce product list, step by step. You'll learn how to list products in a user-friendly table layout, complete with extra features like additional product information, searching and filtering.

We'll be creating a list view of your products using a plugin called WooCommerce Product Table. This WordPress plugin comes with everything you need to create a WooCommerce list view. It has dozens of customization options which you can use to create a flexible product list based on your exact requirements.

Customers can view more products per page, see product data, choose options and add to their cart - all directly within the list view. The end result will be a fully customizable product list that looks something like this:

Let's get started!

Product Table - the best WooCommerce list view plugin

WooCommerce Product Table is the best list view plugin because it's 100% flexible. With dozens of easy-to-use options, it has everything you need in a WooCommerce product list plugin. You can:

  • Display products anywhere. As well as enabling the WooCommerce product list plugin view on your default store pages (e.g. the shop or category pages), you can display WooCommerce products on custom pages anywhere on your site.
  • Choose what product data to display. You choose which product information is displayed in the list view. This includes the product name, image, price, attributes, stock information, and even custom fields that you've added to your products.
  • List all WooCommerce products or products from specific categories (or even specific tags, WooCommerce custom fields, custom taxonomy terms, IDs, etc.).
  • List products and/or variations. You can choose whether to list variations as dropdowns for each product, or with each variation listed on its own row.
  • Create simple lists with the product name only, or more advanced lists with multiple columns of product data.
  • Make it easy to find products with column sorting, keyword search, and product filters.
  • Choose how many products per page are listed before pagination links appear at the bottom.
  • If you want to list 100's or 1,000's products, there's a lazy load option to boost performance.
WooCommerce Product Table on shop page

What types of store need a WooCommerce product list view?

A product list view comes in especially handy for:

  • Technical or non-visual productsIf your products don't need big product images (or maybe they don't need images at all!), then why waste space? Instead, use a WooCommerce list products plugin to show more products per page. You can also display extra product data to allow easy comparisons between products.
  • WooCommerce wholesale storesWholesale buyers are already familiar with your products and want a quick one-page order form layout. They don't want to waste time visiting a separate page for each product they wish to order.
  • 'Build your own' productsIf you're selling custom gift boxes, hampers, or other 'build-your-own' products then customers need to bulk-select multiple items and add them to the cart together.
  • Simple WooCommerce catalogsSome stores want to keep things simple and list products in a one-page format that mimics a traditional printed catalog or order form.

Think carefully about the type of products in your store, and whether they'll sell better in a WooCommerce product list view.

Further reading: 2 ways to list WooCommerce orders in the front end.

Tutorial: How to create a WooCommerce list view

Next, I'll explain how to create different types of product list view in WooCommerce, step-by-step.

To create a WooCommerce product list view:

  1. Install the WooCommerce Product Table plugin.
  2. The table builder will open when you activate the plugin. Use it to choose the main options for your product list views.
  3. During the table builder, you can choose whether to enable the list view on all your shop pages, or insert tables to list products manually. If you chose the manual option then the final page of the table builder will provide a shortcode which you can use to list products. Alternatively, insert a 'Product Table' Gutenberg block and select the product list you just created.

Depending on your settings, this will list WooCommerce products in a table like this. The exact styling is inherited from your theme/template so that everything matches the rest of your website:

WooCommerce Product Table's default table layout

WooCommerce product list view examples

WooCommerce Product Table lets you list products in many different ways. Just choose the settings that will work best for the types of products you sell.

To provide some inspiration, here are some example screenshots of different ways that you might set up your WooCommerce list view.

We'll start with a basic WooCommerce list view that just displays each product's title. Then, we'll build on that simple list with more columns, AJAX filter options, as well as only pulling specific products into the list.

1. A basic WooCommerce list view

Just because a WooCommerce list view plugin lets you add extra columns of information doesn't mean you have to! While you can include images, add to cart buttons and tons of data, these aren't essential. If you prefer, then you can list products in a much simpler format.

As a minimum, you can create a very simple list of WC products, containing the product name but no other information:

simple woocommerce list view

This WooCommerce product list is super-simple and minimalist. It lists products by name, with no other data or features. This is as simple as it comes!

Set it up by choosing these options when you create a product table:

  • Columns - add Name but not other columns. This will list the product name but no other data.
  • Sort by - select 'Name' and 'Ascending' order to list products alphabetically.

Also choose the following options on the plugin settings page at Products → Product Tables → Settings

  • Search box - hide this.
  • Reset button - hide this.
  • Page length - hide this.
  • Product totals - hide this.

Personally, I like this type of simple product list for specific purposes only - for example, in a sidebar widget where there's limited space. On page layouts with more space, I prefer adding extra columns - and depending on the number of products, extra features like a search box and product filters.

2. Listing products with extra data

Now, let's say you want to do more than just display a product's title. Fortunately, you can display literally any type of product data in the list view. In addition, you can include a 'Buy' column complete with add to cart buttons, quantity pickers and variation dropdowns. This makes it much quicker for customers to buy their desired products.

To add more columns, you need to add additional columns to the table. This example has columns for image, name, description and buy.

full woocommerce list products functionality
A WooCommerce list view with multiple columns of product data

Or to get even fancier, this WooCommerce list view has columns for image, name, reviews, price, and buy:

WooCommerce product list plugin

3. Adding filters and search options

For stores with more than about 10 products, you can help customers find them by providing a search box and filters.

Here's an example of a full list of products with the search box and filters turned on:

search/filter

And for even more advanced filtering for your product list view, use Product Table with its sister plugin - WooCommerce Product Filters. This adds a wide range of professional filter options, such as color swatches, image filters, and more:

WooCommerce Product Filters Table Integration

4. Listing products in multiple columns

As we saw earlier, the WooCommerce Product Table plugin lists products with 1 item per row. However, you can create more complex page layouts with multiple columns, each listing different products:

Multiple column WooCommerce product list view

​You can do this by creating a page with a 3-column layout and adding a different product table to each column. You would create the multi-column page layout using the WordPress dashboard block editor (Gutenberg) or a page builder plugin like Elementor or Divi.

​Once you've added the columns, put a product table shortcode in each one. Each shortcode should list items from different product categories.

Case study - A WooCommerce product list view plugin for Dunbar Sales

WooCommerce Product List View

Jupiter Multimedia was developing a WP website for Dunbar Sales, a leading supplier of MIL-spec adhesives, paints, coatings, lubricants, and corrosion preventatives. The website would be selling highly technical, non-visual products that did not require large images. As a result, the default WooCommerce grid/list layout was inappropriate for their client's industry.

The developer said:

"I needed a TRUE list view and nothing else I tried could produce the results I required, short of trying to rebuild the entire archive page by hand. I wasn't into the idea of doing that due to the time involved and ability to upgrade as woo changes."

They were delighted to discover WooCommerce Product Table, which offered the list view and Woo custom fields they needed. This allowed them to deliver the website on time and on budget.

Jupiter Multimedia added extra functionality to its product list view by using WooCommerce Product Table with some third-party plugins. They used an Add to Quote plugin to allow customers to request a quote, and an extra product options plugin to add an extra text field to the list.

WooCommerce Product Table saved me time and money
The WooCommerce Product Table is well thought out and provides a great responsive experience. The switch between desktop and mobile is elegant and clean. The plugin saved me hours or creating a *true* list view myself and then having to design a way for my own list view to be responsive. This saved me time and money. Very pleased with the results.

List WooCommerce products with quick view buttons

A WooCommerce list view plugin is a brilliant way to speed up the buying process. It works by keeping customers away from the single product page. They find products in the product list and add them to the cart without clicking away from the list. This encourages them to buy more and more, and there's no risk that they'll get lost!

You can improve this even further by adding a quick view to your product listings. This adds optional quick-view buttons to the WoCommerce list view, and/or replaces the links to the single product page with quick-view links.

WooCommerce Quick View Plugin with Product Table

It's a great way to show extra information that you can't really fit into the product list. If you have lots of variations or add-ons for your product listings, then there may be too many to fit nicely into your neat WooCommerce list view. Instead, customers can view the basic product information in the product list; choose options, and add to the cart from a quick view lightbox.

To add quick view, you need to use Product Table with its sister plugin, WooCommerce Quick View Pro. Once both plugins are installed, you can add a column called quick-view in your list of product table columns. This will add a Quick View button for each product so that customers can easily launch the lightbox.

Want to set up a WooCommerce list view in just 15 minutes?

Creating a custom WooCommerce list products view for your products is a great way to enhance the shopping experience for your customers. With the flexibility and customization options available through WooCommerce Product Table, the possibilities are endless.

WooCommerce Product Table is a plug-and-play solution that 1000's of online store owners have already used to grow their sales. No technical knowledge is required - just follow the steps in this tutorial and you'll be up and running in minutes.

  • Instant plug-and-play setup
  • FREE knowledge base and tutorials
  • Technical support is available if you need any help
  • 30-day money-back guarantee. Love it or get a full refund, zero risk.

Whether you're looking to create a wholesale store, a simple catalog, an event-based system, or something entirely unique, a custom list view can help you achieve your goals. And with the ability to add multiple WooCommerce list products views to your site, you can provide a tailored experience for every type of customer.

Get the plugin and start getting more orders TODAY →

Do you have any other questions about using the WooCommerce list products shortcode? Leave a comment and we'd love to help!

FAQ

Benefits of a list view for your products

A list view for your WooCommerce products offers several benefits that can enhance user experience and ultimately lead to more sales. Here are a few key benefits:

  • Improved user experience: A WooCommerce list products view allows customers to conveniently scan through your product catalog and find the products without navigating through multiple pages.
  • Increased sales and revenue: By displaying more products on a single page, customers are more likely to find products they're interested in. This will lead to increased sales and revenue for your store. This effect is increased by adding order form functionality to the list view so that customers can choose options and add to their cart without leaving the page.
  • Improved navigation: A product list view allows customers to quickly scan through your products in a linear fashion. This makes it easier to find what they're looking for without having to scroll through a grid of products. The built-in searching and filtering above the product list makes it even easier to find products.
  • More information per row: With a WooCommerce list products view, you can display more product information per row than with a traditional grid layout. This can be especially helpful for products that require more details information or have multiple variations. The extra information can also boost your SEO.
  • Reduced bounce rates and cart abandonment: Customers are less likely to become frustrated and abandon their shopping carts. Because of this, you will have a lower bounce rate and increased conversions.
  • Better mobile optimization: A WooCommerce list products view is often better optimized for mobile devices than a grid view, as it allows for easier scrolling and navigation on smaller screens.

Differences between a product grid and list view

There are two main ways of displaying products on an ecommerce website: grid view and list view. The main difference between the two is the layout and structure of the display products:

  • Product grid view is a popular way of showcasing products on WordPress websites. It displays product images in a grid formation, usually with 3 or 4 products per row. The per-page product count is usually 9-12 products. The grid layout view is perfect for visual products with big images such as clothing, shoes, and accessories.
  • On the other hand, a WooCommerce list view displays products in a vertical list layout format, with each product taking up a separate row. This layout is better suited for WooCommerce stores that offer more detailed product information, as customers can easily see each product's features and specifications. List view is perfect for stores that sell technical or complex products such as electronics, software, or machinery. You can have an unlimited number of products per page, either in a single list or broken up using pagination or previous/next links to load more. Either include images in whatever size you like, or list WooCommerce products without images.

Nearly all WordPress themes list WooCommerce products in a basic layout. Compare how the products are presented in these two pictures:

As you can see, the default layout is very limited and not suitable for many types of product.

Isn't there already a WooCommerce list products shortcode?

Before we start looking at list view WooCommerce plugins, it's always a good idea to consider whether you can do it without a plugin. The answer is, sort of. Yes, there is a WooCommerce list products shortcode built into WooCommerce - [products]. There are also Gutenberg blocks that you can use to list products anywhere on your WordPress site.

However, the shortcodes and blocks use the basic grid layout and not a proper list view:

core woocommerce products shortcode

That's why you need a WooCommerce product list plugin to create a true list of your products, with 1 per row.

WooCommerce spreadsheet plugin

WooCommerce is fantastic for selling products. But unless you're a database expert, it's not easy to manage a big product inventory once the products are uploaded to your site. Do you ever find yourself exporting products to CSV and using an Excel spreadsheet to view data and filter for information? If so, then this post is for you.

The WooCommerce Product Table plugin offers a different way to view a list of all your products with various filterable data. You can quickly find specific products, search and sort by any column, and filter based on information such as category, tag and custom taxonomy.

Bill Jacobson recently told us how much time he has saved by switching to WooCommerce Product Table instead of exporting to a spreadsheet. He was so pleased with the time-saving that he left the plugin a 5 star review:

Fast, Non-Complicated, Spreadsheet and Data Viewing Plugin
I needed a Wordpress plugin to easily display and filter a spreadsheet of 1,000 rows of product details. Frustrated after hours of testing multiple CSV upload tools, I found Barn2's "WooCommerce Product Table" plugin by doing a Google search. This product table works great, it's easy to install, has great help videos and documentation, and it simply works. I can now present and have spreadsheet data displayed and searched in Wordpress pages, and clients can easily search and find find products.

Keep reading to learn how you can stop using spreadsheets to manage product data from your own WordPress WooCommerce store!

How this WooCommerce spreadsheet plugin works

WooCommerce spreadsheet plugin bulk manage products

Instead of exporting to CSV and managing products in a spreadsheet, WooCommerce Product Table lists your inventory on a page on your website.

You can either make the product management page available to your customers, or you can mark it as Private and use it for internal purposes only. I'll tell you how to do this in a minute.

As well as the product name, you have full control over which columns of data appear in this WooCommerce spreadsheet view. For example, you can include columns for attributes, categories, tags, price, stock (including exact stock levels if needed), weight and dimensions.

There are lots of ways to find specific products in the spreadsheet view. WooCommerce Product Table comes with several search and filtering options built-in:

  • You can add filter dropdowns above the table, or sidebar widget filters if you prefer.
  • There's a search box above the table.
  • You can click on a category, tag or attribute to filter by that category/tax/attribute.
  • You can sort by any column (if you're not using the lazy load option) or by the name and price columns (if you're using lazy load).

Or for even more advanced filtering options, you can use the WooCommerce product spreadsheet layout with the purpose-built WooCommerce Product Filters plugin. This works perfectly with WooCommerce Product Table to add enterprise-level filtering to the spreadsheet view. Here's an example:

WooCommerce Product Filters Table Integration
A spreadsheet view created using the WooCommerce Product Table and WooCommerce Product Filters plugins

Why is this better than using spreadsheet software?

As you can see, viewing products in WooCommerce Product Table is very similar to viewing them in a traditional spreadsheet using Excel, Numbers or Google Sheets. The difference is that the spreadsheet layout is generated automatically from the WordPress database. You don't need to waste time exporting products to XML or CSV and then open them using spreadsheet software.

How to list products in a WooCommerce spreadsheet layout

  1. Install WooCommerce Product Table and activate your license key.
  2. The table builder will open when you first activate the plugin. Alternatively, access it later at Products → Product Tables.
  3. Use the options to choose how you want your WooCommerce spreadsheet layout to work. Here are some useful options for managing WooCommerce products in bulk:
    1. Columns - List the columns of data that you want to include in the spreadsheet layout. You probably want columns such as name, price, attributes, and stock. I expect you don't need customer-facing columns such as image and add to cart column.
    2. Product filters - Choose which filter dropdowns to show above the WooCommerce spreadsheet review. You can add filters for categories, tags, attributes/variations, and any custom taxonomy.
    3. Lazy load - Tick this box if you're listing more than about 50 products. This speeds up the table by loading 1 page worth of products at a time.
  4. Now create a new page for the WooCommerce spreadsheet layout. If you want to make it private, go to the 'Publish' section in the top right corner of the Add/Edit Page screen and choose the 'Private' visibility option. This hides the page from normal customers, so that only logged in Administrators and Store Managers can see it.
    WordPress private page visibility
  5. The next step depends on whether you're using the Gutenberg block editor or another page builder. If you're using Gutenberg then insert the 'Product Table' block and select your table. Alternatively, copy the table's shortcode from Products → Product Tables and paste it into your page builder.
  6. Finally, publish the page and view your spreadsheet of WooCommerce products. Now you can start managing products directly on your website, without having to bother exporting to CSV or XML first!

Can I use WooCommerce Product Table to edit products in a spreadsheet format?

While WooCommerce Product Table itself doesn't provide inline editing, you can easily add this with the Universal Frontend Editor plugin. This lets you add an 'Edit' link to your public-facing product tables. Logged in users with the correct role can use this to access an editable WooCommerce product spreadsheet, from which they can edit the products inline.

If you don't want to make the spreadsheet editable, then you can click on any product in the table and edit it from the single product page:

  1. Make sure you're logged into your WordPress website as an Administrator or Store Manager.
  2. View your WooCommerce spreadsheet page and click on the name of any product in the table. This will take you to the single product page.
  3. Next, click the 'Edit Product' link in the WordPress toolbar at the top of the screen.
  4. This will take you to the Edit Product screen, where you can make changes and save.
  5. Refresh the WooCommerce spreadsheet page, and the changes will instantly appear. (Tip: If you regularly edit products or need to see live stock information in the table, do not enable the caching option on the plugin settings page. This ensures that you always see the latest live data about each product.)

What else can the WooCommerce spreadsheet plugin do?

This article is about how to use the WooCommerce Product Table plugin to list products in a convenient spreadsheet layout for store owners. However, that's only a tiny part of what the plugin can do.

The plugin is particularly popular for creating a one-page WooCommerce order form layout for customers. Instead of just showing read-only data in the table, you can include add to cart buttons and variation selectors. Your customers can quickly find products, choose variations and add them to the cart - all on one page. This is a great way to increase conversions as it's much more user-friendly than standard store layouts.

You can use WooCommerce Product Table in different ways around your site. For example, you can add a read-only spreadsheet view to a private page for your internal management purposes. Separately, you can create a public WooCommerce order form page with more interactive features such as add to cart buttons.

Install this WooCommerce spreadsheet plugin on your site, and you'll be amazed at how many different ways you can use it!

Where to get the plugin

Many WooCommerce store owners waste time exporting products into spreadsheet software in order to view data and perform filters. If you just need to view products without editing them en masse, then there's an easier way!

Instead, you can use WooCommerce Product Table create a WooCommerce spreadsheet-like view directly on your website. This can be public or hidden from public view. The products are listed instantly, with no need for export plugins or manual data entry. Simply view your product list page, use the filters to find specific products, and think about how to spend the extra time!

Whether you're looking for a WooCommerce catalog mode plugin that displays products without purchase options, or lists them in a catalog-style format, we've got you covered. In this complete guide, I'll show you how to create both types of WooCommerce product catalog.

WooCommerce Product Catalog PluginThe phrase "WooCommerce catalog mode" can be a bit confusing. That's because people use it to refer to different things:

  • Catalog mode definition 1: Showing products in an online store without ecommerce functionality - either globally or so that certain user groups can view but not purchase.
  • Catalog mode definition 2: Displaying products in a structured table-based layout which replicates traditional printed product catalogs.

Whichever type of WooCommerce product catalog you want to create, I'll show you how to do it.

We'll use the YITH WooCommerce Catalog Mode plugin to achieve definition 1; and WooCommerce Product Table for definition 2. You can either use them alone, or together if you want to list products in a structured table with purchasing disabled. Either way, you can easily put your store in catalog mode without writing any custom PHP or CSS.

WooCommerce Product Table Demo
A structured WooCommerce product catalog created with the Product Table plugin

Option 1: Put WooCommerce in catalog mode with purchasing disabled

This definition of catalog mode involves creating a WooCommerce store in which products are available for everyone to view, but not everyone can purchase them. You might disable purchasing for all users, or guest users without an account.

For example, many WooCommerce wholesale-only stores like public users to be able to browse their full product catalog, but only approved wholesalers can purchase. Alternatively, you might want to disable online ordering if customers can only buy from you in person or over the phone.

Next, I'll tell you about a choice of 2 excellent plugins which you can use to put WooCommerce into catalog-only mode.

WooCommerce Wholesale Pro

If you're running a wholesale store, then WooCommerce Wholesale Pro has everything you need. It has a 'Hide Price Until Login' feature which puts the store into catalog mode for all logged out users. When they log into their account, the prices become visible and people can purchase the products.

This is how to set it up:

  1. Purchase and install WooCommerce Wholesale Pro on your WordPress site.
  2. Go to WooCommerce → Settings → Wholesale.
  3. Enable the 'Hide prices until login' checkbox.
WooCommerce hide price until login

When wholesale users log into their account, they will see the products with prices and add to cart buttons as usual. Everyone else will see the products listed without prices or buy buttons. You can optionally display a notice which non-wholesale users will see, like this:

WooCommerce hide price until login alternate content

YITH WooCommerce Catalog Mode

For non-wholesale stores, the YITH WooCommerce Catalog Mode plugin offers an excellent way to put stores in catalog mode.

It disables the ability for some or all of your customers to order from your WooCommerce store. The products are listed in catalog-only format, without the usual ecommerce functions.

The free plugin is perfect for testing out the waters. The premium version has lots of extra features. For example, it lets you enable catalog mode for users without an account only:

WooCommerce Catalog Mode Plugin

This is how to set up the premium version:

  1. Purchase and install YITH WooCommerce Catalog Mode.
  2. Head over to YITHCatalog Mode in the WordPress admin dashboard.
  3. From the Settings tab, configure the following plugin settings:
    • Make sure the checkbox next to Enable YITH WooCommerce Catalog Mode is ticked.
    • Tick the checkbox next to the Hide in product detail page option.
    • Tick the checkbox next to the Hide in other shop pages option.
    • Optionally, you can choose to tick the checkbox next to the Hide and disable “Cart” page, “Checkout” page and all “Add to Cart” buttons.  This essentially lets you remove e-commerce features (i.e. cart and checkout pages) from your WooCommerce store.
YITH WooCommerce Catalog Mode plugin settings

Customers can see your WooCommerce products listed in catalog mode, without an option to buy. Once they click on a product, they will be redirected to the single product page. Alternatively, you can choose to redirect them to a custom URL.

Single product page in catalog mode without e-commerce features

The YITH catalog mode plugin removes add to cart buttons and prices from single product pages. This means customers won’t be able to add products to cart from the product table or from the single product page. However, they can view all product details from individual product pages. Of course, it also disables the cart and checkout pages.

Option 2: Create an interactive catalog with WooCommerce Product Table

Now, we get to the second definition of "WooCommerce catalog mode". This refers to displaying your products in a structured catalog layout, similar to a printed product catalog. We'll do this using the WooCommerce Product Table plugin.

WooCommerce Product Table is incredibly flexible. You can choose what product data to display, change the sort order, and much more. You can list products in a fully functional catalog-style order form like this:

WooCommerce Product Table on shop page

Alternatively, you can list products without prices, add to cart buttons or links to the single product page like this:

Either way, this type of WooCommerce catalog plugin is ideal for creating a 1-page view listing some or all of your products. It makes it easy for customers to sort products and find what they're looking for.

A catalog layout displays products in a neater and more compact way to the default Woo store layout. This makes it possible to display more products per page, so customers can view them all together. It's perfect if you need a larger WC product catalog table, for example if 100's or 1,000's of products.

This type of product catalog layout has many possible uses, such as:

1. Setting up a product catalog table

Next, I'll show you how to list products in a table-based catalog. This is all about the layout, and doesn't affect whether or not people can purchase your products. (However, you can do this by choosing not to include an add to cart column in the table and by disabling the links to the product page.)

Watch this video about how to add a catalog-style table to your site, or read the instructions below:

  1. Purchase and install WooCommerce Product Table.
  2. Go to Products → Product Tables → Add New to launch the table builder.
  3. On the first page, choose whether you want to enable the product catalog view for your main shop pages, or add the catalog manually to another page.
    Create page of table builder
  4. You can then use page 2 to either select which shop pages to display the catalog on; or to select which products to include in the catalog.

2. Customizing the catalog display

The next step of the product table builder lets you choose which product data to include in the catalog. Add columns as needed:

WPT table builder columns

If you want your products to be purchasable from the catalog page, then include an Add to Cart column.

You can also edit each column name. Disable the 'Show column heading' toggle to prevent people from clicking through to single product pages. This is a good idea if you're using WooCommerce Product Table as a read-only catalog, as single product pages contain 'Buy' buttons. (Tip: If you want to use catalog-only mode and single product pages, then use WooCommerce Product Table together with YITH WooCommerce Catalog Mode. This disables the add to cart buttons from the single product page, too.)

3. Adding search and filter

The 'Search & sort' step of the table builder lets you add filters which appear above the WooCommerce product catalog. Add filters if you'll be displaying lots of products on the same page of the catalog:

WooCommerce Product Table builder filter dropdowns

Tip: The product catalog plugin also supports all the WooCommerce filter widgets. These include a widget to show the active filters, a layered nav filter listing product attributes, a price slider and ratings filter:

WooCommerce catalogue plugin

4. Add the WooCommerce product catalog to a page

Ignore this step if you already enabled the product catalog on your main shop pages.

Now, go to the page where you want to display the WooCommerce product catalog. Add a 'Product Table' block. Or, if you're not using the WordPress block editor, then get a shortcode from Products → Product Tables and insert that instead.

Publish the page and click View Page to see your WooCommerce catalog table. You'll see a dynamic catalog listing all your WooCommerce products.

Example without online purchasing:

WooCommerce product catalogue WordPress plugin

Example with online purchasing:

A WooCommerce product table with drop-down variations.

Advanced catalog features

Role-based pricing

Lots of stores that use catalog mode like to charge different prices to different types of user. Wholesale stores can use the WooCommerce Wholesale Pro plugin for this, which we discussed earlier. Alternatively, other types of store might prefer the WooCommerce Discount Manager plugin. This provides a wide range of discounts and deals which you can create for specific user roles only.

WooCommerce role-based pricing product page content

Adding inquiry forms or "Request a Quote" buttons

WooCommerce Product Table Add to Quote Buttons

Other stores that use catalog mode need a way for customers to request a quote. That way, they can disable purchasing while allowing customers to request pricing and then order later.

To learn how to do this, read our tutorial about WooCommerce request a quote plugins.

Create a WooCommerce PDF catalog

Before we finish, I should mention that there's actually a third definition of WooCommerce catalog mode. It involves creating a WooCommerce PDF catalog, which lists downloadable PDF documents on the product page.

This is a different type of product catalog because it involves listing PDF's in a catalog, instead of listing actual products. You can easily do this by installing the Document Library Pro plugin. Upload your PDF's, categorize or tag them based on which products you'll display them on, and then insert the appropriate WooCommerce PDF catalog into the product description.

To make the best use of space on the product page, it's best to add the PDF library to a dedicated 'Downloads' tab on the product page. You can do this with the WooCommerce Product Tabs plugin, just like we did in this screenshot:

WooCommerce downloadable product specification documents

Next steps: Get started with WooCommerce catalog mode

In this tutorial, I have shown you 2 ways to create a WooCommerce product catalog:

Whichever type of catalog mode you're adding to WooCommerce, follow the above instructions to get up and running in no time 🚀