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

Navigate to WooCommerce SettingsProductsProduct tables from the WordPress admin panel. From here, you can configure the WooCommerce Product Table plugin’s settings.

Columns

Use the Columns option to choose which columns appear in the product table. 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. Here’s a complete list of columns to choose from.

Add to cart options

Next, scroll down to the Add to cart button option and set it to Button and checkbox using the dropdown menu. Make sure the Quantities checkbox is ticked.

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

Table controls

Most garden centers have many different product categories such as plants, flowers, planters, soils, seeds, lawn care products, and gardening tools. Using the WooCommerce Product Table plugin, you can let customers filter the items in the table by categories. To do this, set the Product filters option to Custom. Next, enter categories in the Custom filters option.

Click the Save changes button to proceed.

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.

WooCommerce Product Table license key

Log in to the WordPress admin panel and navigate to WooCommerceSettingsProductsProduct tables. Enter the license key into the License key field to activate it.

Click the Save changes button at the bottom of the screen to continue.

Step #2: Decide what product information to display

From the same screen, scroll down till you reach the Table content section. Add the product information you’d like to display in your product list in the Columns option. Since this will be a printout, you won’t need the add to cart buttons column or any other checkout options.

WooCommerce Product Table table content settings

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

If you decide to include the product image in your print out, you can set the image dimensions using the Image size option. Since this will be a print of your WooCommerce product list, you can leave the Image lightbox and Shortcodes checkboxes unticked.

Click the Save changes button to continue.

Step #3: Customize the WooCommerce product list

The WooCommerce Product Table plugin lets you decide how many products to display on your list. You can use the Rows per page setting to configure the number of products that are displayed on each page.

WooCommerce Product Table rows per page

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.

WooCommerce Product Table table controls settings

Scroll down to the Table controls section and set the:

  • Product filters option to Disabled using the dropdown menu.
  • 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.

Click the Save changes button to continue.

Step #4: Add your WooCommerce product list to a page

Create a new WordPress page by heading over to PagesAdd New from the WordPress dashboard.

WooCommerce Product Table shortcode

Give your page a title and add the shortcode [product_table] to it in a Shortcode block. You can also add text above or below the table if you need to.

Click the Publish… button and preview the page on your site’s front-end. It 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 to your website.

Get WooCommerce Product Table

Step #1: Create a page for the WordPress product catalog

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.

Create a new page for the WordPress product catalog

Alternatively, you can add the product catalog to an existing page by navigating to Pages > All Pages and opening it up in the Edit Page screen.

Step #2: Enter the product catalog table shortcode

Next, we’ll add the WooCommerce Product Table plugin’s shortcode to the text editor.

For Gutenberg:

  1. Click the (+) icon in the top left corner of the screen to add a block.
  2. Add a Shortcode block to the text editor.
  3. Enter the WooCommerce Product Table shortcode [product_table] to the shortcode input field.
For Gutenberg - add shortcode to display the WordPress product catalog

For the classic text editor:

Click the Insert Product Table icon in the toolbar. This will add the [product_table] shortcode to the text editor.

For the classic editor - add shortcode to display WordPress product catalog

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. In the next step, I’ll show you how to display the columns that would be most relevant to your products.

Next, navigate to WooCommerce -> Settings -> Products -> Product tables to set the columns you’d like to have displayed in the front-end WordPress product catalog.

If you’d like to display Add to Cart buttons, enter image,name,description,categories,price,buy in the Columns field under the Table content options.

Step #3: Decide which columns to display in the WordPress product catalog

Navigate to WooCommerce -> Settings -> Products -> Product tables to set the columns you’d like to have displayed in the front-end WordPress product catalog. Be sure to check out the complete list of available columns and advanced options in the plugin knowledge base.

For example, you might consider displaying the product’s image, name, a description, price, ands add to cart buttons. To do this, you would enter image,name,description,categories,price,buy in the Columns field under the Table content options.

Now, when you preview the WordPress product catalog, it should 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 #5: 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. Return to the Product Table settings page (WooCommerce → Settings → Products → Product table) and 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.

For complete instructions, check out this article on WordPress Product Table Plugin: Create a Table View for Any E-Commerce Plugin.


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.

WooCommerce Product Table Posts Table Pro

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 and product boxes

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 boxes 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 boxes 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 product boxes. 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 box.
  2. The customer chooses items to create their own unique mix and match products box 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 box.
  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 box, 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 boxes

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

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 box, 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 box 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 box (or hamper), 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 box or hamper.
  2. Choose the items they’d like to add to the box or hamper.
  3. Configure padding and wrapping options.

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

Once you’ve settled on which categories you’d like to create, head over to Products -> Categories 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 box 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:

Box/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 box. Whereas in the second stage, they’d simply be asked to select all of the items they’d like to add to their product box (or gift hamper).

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

How to set it up

  1. Purchase the WooCommerce Product Table plugin and install it on your WordPress website. You’ll receive a confirmation email with installation instructions and a plugin license key.
  2. Head over to WooCommerce -> Settings -> Products -> Product Tables. Configure the following settings in the Add to cart column section:
WooCommerce Product Table settings page.
  • Set the Add to cart button option to Checkbox only.
  • Set the Variations option to Show as a dropdown list.
  • Choose the Below table next to the ‘Add Selected’ position
  1. 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 Box, Step 2 - Choose your Contents, and Step 3 - Choose the Finishing Touches.
  3. Finally, add the following shortcode under each sub-heading: [product_table category="toppings"]. Replace toppings with the slug of the corresponding category. You can get the category slug from the Products > Categories.

Tip: Use the other settings and the Product Table knowledge base to further customize your WooCommerce mix and match products order forms. For example, you can choose which columns to include in the product list. 

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 boxes 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 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 box 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 box 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 box 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 box itself. You would then add a maximum quantity or value for the 'box contents' category. This controls how many items can be added to the box.

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 product boxes 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!

WooCommerce product listings plugin

Displaying WooCommerce product listings in a functional, interactive table layout is a great way to display more products in less space. It also enables you to display additional information related to each product such as its attributes, dimensions, colors, and price.

In this article, we’ll show you how to create and display WooCommerce product listings with product data and add to cart buttons. By the time you’re done reading, you’ll be able to list your products in a way that actively engages customers and increases sales.

Let’s get started.

Do I need a plugin for product listings?

The first step is to determine whether you need product listing functionality on your WooCommerce store. Ultimately, it all depends on two things: your target audience and the type of product(s) you’re selling.

Here are some scenarios where having a WooCommerce product listing plugin will be useful:

  • You have lots of products Displaying product lists is super effective if you have lots of products. This is because it allows you to list more products per page.
  • Improves customer experience Customers can view all of your products without having to scroll through lots of pages.
  • Simplifies your user interface Product listings are inherently quite simple. Instead of messing around with complex layouts, you can display your products in a functional and interactive table.

Do any of these scenarios apply to you? Keep reading to find out how you can use the WooCommerce Product Table plugin to create and display product listings on your WordPress website. Before we get to the tutorial, let’s quickly run through the key features the plugin offers.


WooCommerce Product Table plugin

WooCommerce Product Table enables you to display product listings in a searchable, sortable, and filterable table layout. Here are some of the standout features on offer:

  • List products from specific categories, tags, custom fields, custom taxonomy terms, ID’s, etc….
  • Create product listings of product names only.
  • Link individual product listings to single product pages or disable links to create a read-only list.
  • Build advanced product listings that focus on displaying extra product information. Out of the box, it supports short (and long) descriptions, categories, tags, price, dimensions, weight, reviews, stock, and attributes.
  • Transform your product listing into a functional WooCommerce order form.
  • To make your product listings even more customer-friendly, you can use them with the WooCommerce Quick View Pro plugin and add quick view links to the list.

Some product listings feature products images while others don’t. Again, this depends on the type of products you’re selling. Many people use product listing plugins to display their products in an information-only format i.e. with no product image. You can setup the WooCommerce Product Table plugin to display whichever format you prefer.

Keep reading to learn how to use it to create flexible product listings.


How to use WooCommerce Product Table for product listings

Assuming you already have a WordPress website with WooCommerce set up and some products added, we’ll show you how you can create a simple WooCommerce product listing for your online store.

  1. Get the WooCommerce Product Table plugin and copy your license key from the confirmation email.
  2. From the WordPress admin panel, head over to Plugins > Add New and upload the plugin’s zipped file to your website. Activate the plugin on your site.
  3. Navigate to WooCommerce > Settings > Products > Product Table and enter your license key. You can also configure the plugin’s settings from this screen based on your preference.
Activated license key
  1. Go to the page you’d like to add the WooCommerce product listings to. You can either create a new page or edit an existing one.
  2. Finally, add the following shortcode in the text editor: [product_table]

This will list your WooCommerce products in a table layout using the plugin’s default columns. It should look something like this:

WooCommerce Product Table's default table layout

In the next section, we’ll take a look at how you can configure the plugin to get different product listing views.

See different types of product listings in action on the WooCommerce Product Table demo page!

Display extra information on product listing pages

You can choose what information you’d like to include in your product listings simply by changing the plugin settings. Or if you want to create more than one product table, each one different, then you can edit the shortcode instead. Below, we’ll show you how you can create a product listing that displays product names only. We'll also walk you through the process of creating a table layout that displays more information.

Product name only

If you want to display a simple list of the names of your WooCommerce products, add name to the columns option on the plugin settings page. Alternatively, set up your shortcode like this:

[product_table columns="name"]

As a result, it should look something like this on the front-end:

WooCommerce Product Table displaying the name column

Product listing with image, name, reviews, price, and add to cart button

You can display as much product information as you’d like in you WooCommerce product listings. Each piece of data will be listed as a separate column.

All you have to do is set the Columns option on the product table settings page to: image,name,reviews,price,buy shortcode to specify which columns you’d like to display on the front-end. Alternatively, the shortcode given below will display your products’ image, name, reviews, price, and add to cart button in the product listings:

[product_table columns="image,name,reviews,price,buy"]

It’ll look something like this on the front-end:

WooCommerce Product Table displaying many columns

Check out the available column options to create your own custom product listing!

Choose which categories and tags are displayed

With the WooCommerce Product Table plugin, you can choose which taxonomies (categories, tags, and custom taxonomies) to include in your product listings. For example, the category option lets you display products from a specified category.

What's more is that you can specify multiple categories to be displayed in your product listings:

  • Using commas. Comma separated categories in the format category="category1, category2" means products in category1 OR category2.
  • Using the plus (+) sign. Plus sign separated categories in the format category="category1+category2" means products in category1 AND category2.

So, if you wanted to display products (with product information) from the categories Accessories and Hoodies, the shortcode would look something like this:

[product_table category="hoodies,accessories"]

Here’s a preview of what it would look like on the front-end:

WooCommerce Product Table displaying items from specified categories

You can use tags the same way simply by replacing category with tag. For more options, check out our tutorial on listing specific products using the WooCommerce Product Table plugin.

Choose whether to show the add to cart button and variations

If you’re looking to create simple product listings then you might not want to display an add to cart button. All you have to do is remove it from the comma-separated list of columns that you want to display in WooCommerce product listings. For example:

[product_table columns="image,name,reviews,price,category"]

It might look something like this:

WooCommerce Product Table without add to cart buttons

If you're using the add to cart column, then you can choose from two different ways to display variable products in your product listings:

  • Display variations as dropdown lists
  • List each variation on a separate row

To display the variations as dropdown lists, choose this option on the plugin settings page or use the shortcode [product_table variations="dropdown"].

It will look something like this:

WooCommerce Product Table plugin with product variations displayed as dropdown lists.

On the other hand, if you’d like to list each variation on a separate row, you can use that option or the shortcode [product_table variations="separate"].

It will look something like this:

WooCommerce Product Table plugin with product variations displayed on separate rows.

Bonus tip: Add quick view to your product listings

Sometimes, you want a way of providing extra information about your products without taking people to a separate page for each product. You might also have too many product options or variations to fit into the product listings view, and need another way to purchase.

WooCommerce Product Table Quick View Magnifying Glass

You can achieve both these things by using WooCommerce Product Table with its sister plugin, WooCommerce Quick View Pro. This plugin adds quick view buttons and/or links to the product list. Customers can click on this to view more information in a lightbox.

Depending on how you set it up, this might include the full product image gallery in a lightbox, or other information such as categories, meta, price, short description, or even embedded audio or video players. You can also include add to cart information including product variation dropdowns.

Quick view is a good way to extend your WooCommerce product listings while keeping customers on the same page.

Get WooCommerce Quick View 


Create perfect WooCommerce product listings

The Product Table plugin is great for displaying WooCommerce product listings on your online store in a searchable, sortable, and filterable table layout. In addition to this, it gives you the flexibility to add images to your listings or go with an information-only format.

Let’s quickly recap the different ways you can display products listings using the WooCommerce Product Table plugin:

  • List product names only or display additional product information in a table layout.
  • Choose which categories, tags, or custom taxonomies you’d like to display.
  • Show the add to cart button in your product listings to encourage prospective customers to buy.
  • Hide the add to cart button for catalog-style product listings.
  • Display variable products separately in rows or as dropdown lists.

How do you display product listings on your WooCommerce website? We’d love to hear from you so let us know by commenting below!

WooCommerce list view plugin

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

Benefits of a list view for your products

First, let's look at the benefits of a WooCommerce product list view and think about whether it's right for your online store.

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: With a WooCommerce list products view, customers can quickly and easily scan through a list of products. They can also find what they're looking for without having to navigate 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.

Woocommerce custom fields at a glance

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.

Product Table - the best WooCommerce list view plugin

WooCommerce Product List Examples
Use WooCommerce Product Table to create a simple product list (left) or a full table view (right)

WooCommerce Product Table plugin 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 can easily control the information that is displayed in your 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.
  • Transform the product list into a complete WooCommerce order form, with product variations, product add-ons, add-to-cart buttons, and more.
  • Choose how many products per page are listed before pagination links appear at the bottom.
  • WooCommerce Product Table Quick View Magnifying GlassIf you want to list 100's or 1,000's products, there's a lazy load option to boost performance.
  • Used with its sister plugin, WooCommerce Quick View, you can even add quick view lightboxes to your product lists!

Recommended for...

This type of product list view comes in especially handy for:

  • Technical or non-visual products If 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 information to help people make quick buying decisions.
  • WooCommerce wholesale stores Wholesale 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' products If 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 catalogs Some stores want to keep things simple and list of products in a one-page format that mimics a traditional printed catalog or order form. By keeping everything in one place, customers can easily compare products and make faster buying decisions.

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

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. Either watch the video, or read the written tutorial instructions below.

To create a WooCommerce product list view:

  1. Install the WooCommerce Product Table plugin.
  2. Use the plugin setup wizard to choose the main options for your product list views.
  3. Either tick the boxes in the setup wizard to enable the list view on all your shop pages, or list products manually using the shortcode [product_table]. Then, you can modify that shortcode with a whole slew of shortcode options.

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:

Default WooCommerce product list view

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.

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, either in the setup wizard or the individual product table:

  • Columns - add name to this field. This will list the product name but no other data.
  • Search box - hide this.
  • Reset button - hide this.
  • Page length - hide this.
  • Product totals - hide this.
  • Sort by - select 'Name' and 'Ascending' order to list products alphabetically.

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.

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 'Columns' option in the plugin settings. This example has columns for image, name, description, 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

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

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!

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!

View Demo

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. Go to the settings page WooCommerce → Settings → Products → Product Tables. 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. Table controls - To manage WooCommerce products online, you'll want to activate all available controls. This includes options to choose how many products to display at once, search box, and product count.
    3. 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.
    4. 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.
  3. 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
  4. The next step depends on whether you're using the Classic Editor or Gutenberg:
    • Classic Editor - Click the 'Insert Product Table' toolbar button. This adds a [product_table] shortcode to the page.
      toolbar button
    • Gutenberg - Add the [product_table] shortcode to a 'Shortcode' block.
  5. If you want to show specific products only (e.g. by category), use these instructions.
  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!