Looking for a way to create a WordPress order form?

To create an order form in WordPress, you'll need an ecommerce plugin to manage products and process payments, plus a separate plugin to help you create a frontend order form for your visitors to interact with.

In this post, you'll learn how you can use your choice of three different ecommerce plugins to create a WordPress order form that looks something like the example below:

WooCommerce Product Table order form

The four ecommerce plugins that we'll cover are:

  1. WooCommerce
  2. Easy Digital Downloads
  3. WP ecommerce
  4. BigCommerce

You can pick your preferred plugin from the list, and you'll also have tons of options to customize how your WordPress order form looks and functions. I'll also tell you how to create a WordPress order form with any other ecommerce plugin. If you want to set up manual or phone orders you can read this article.

What you need to create a WordPress order form (in more detail)

WooCommerce quick order form plugin
Create quick order forms with WooCommerce Product Table

Before we get to the full WordPress order form tutorial, let's go more in-depth into what you'll need to follow along.

If you want to create a WordPress order form, you naturally need a way to accept and process payments.

However, WordPress doesn't include this functionality by default.

To add payment functionality to WordPress, you can use one of the many free ecommerce WordPress plugins. Yes - you can use these plugins even if you aren't planning to create a "traditional" ecommerce store.

However, these ecommerce plugins are still focused on creating that traditional ecommerce look (where you have a catalog and individual product pages).

So to create the front-end of your one-page WordPress order form, you'll use either the WooCommerce Product Table plugin (if you're using the WooCommerce ecommerce plugin) or the Posts Table Pro plugin (if you're using another ecommerce plugin).

Both of these plugins are well-suited to creating user-friendly, customizable order forms:

Exactly what we were looking for, PLUS super-fast, awesome docs and support
We were looking for a product table with the ability to buy several things without being directed to the individual product pages and well, that's what this plugin does! :) I loved the clear and concise documentation, despite the multitude of different settings available. This plugin offers a lot of options and it's really wonderful to see that the documentation actually teaches you how to use it for the most specific cases. Also loving how quickly it loads - I was expecting something clunky and it seems like the plugin is coded extremely well. I don't know too much about coding plugins, but I've seen a lot of slow, ugly ones with much less functionality. Bravo!

In a nutshell, here's what will power your WP order form:

  • Your chosen ecommerce plugin will handle processing payments and managing whatever "products" you're selling via your order form.
  • WooCommerce Product Table or Posts Table Pro will help you take those "products" and display them in a customizable order form for shoppers to use.

Ready to get started with the more hands-on tutorial section? Here are all the ecommerce plugins that we'll cover in this post:

What we'll assume for this tutorial

For this tutorial, we're going to assume that you've already created a store with your chosen ecommerce plugin.

That is, if you want to create a WordPress order form with WooCommerce, you've already installed WooCommerce and added some products.

Similarly, if you want to use Easy Digital Downloads, you've already installed it and added some products.

If you haven't gotten that far yet, we've collected some getting started guides for the ecommerce plugins that we're covering in this post:

How to create a WordPress order form with WooCommerce

WooCommerce is the most popular WordPress ecommerce plugin by far. As such, it makes for a great option to power your order form.

If you're interested in a more in-depth look at this application, we have an entire post on how to create a WooCommerce order form, as well as a printable order form.

To create a WordPress order form with WooCommerce, you'll need the dedicated WooCommerce Product Table plugin.

Once you've installed and activated the plugin, go to Products → Product Tables → Add New to create your first WordPress order form.

In the Columns section, you can choose what product details to include in your order form.

WPT table builder columns

Further down, you can use the Add to cart column settings to control how the add to cart functionality works. For example, if you want to create a bulk order form, you might want to use checkboxes for each product rather than having a separate add to cart button for each product:

Add to cart page of WooCommerce product table builder

Feel free to configure any of the plugin's other settings as well. For example, you can add product filters if you have a lengthy order form.

WooCommerce Product Table builder filter dropdowns

When you're finished configuring the table, you can use the Product Table block to add your WordPress order form anywhere on your site. If you're not using the block editor then get the shortcode from the last page of the table builder and add that instead.

Here's an example of what the WordPress order form of WooCommerce products looks like:

example of WooCommerce order form

If you just want to display specific products in the order form, then you can use the instructions on this page. For example, this is a good way to create a separate order form for each product category.

If you're selling a choice of options for each product then you can add them as variable products. The product variations will then appear as dropdowns in the add to cart column of the WordPress WooCommerce order form.


How to create an Easy Digital Downloads order form

Easy Digital Downloads Product Table Plugin

To create an Easy Digital Downloads order form, you'll use the Posts Table Pro plugin.

Once you've installed and activated the plugin, go to Post Tables → Settings to configure the plugin's settings.

First, select download from the Post Type drop-down to have Posts Table Pro display your Easy Digital Downloads products:

Easy Digital Downloads setup

Then, you can use the Columns options to control what product information to display. Learn more about columns.

Here are the values that you'll need to insert common Easy Digital Downloads product information:

  • title - the product title.
  • image - the product image
  • content or excerpt - display the product's long or short description
  • cf:edd_price - the product's price
  • tax:download_category - product's categories
  • tax:download_tag - the product's tags
Easy Digital Downloads columns

To add a "Buy Now" button, you can use the free Advanced Custom Fields plugin to add a new field to the Download post type. Then, you'll need to add the download's Purchase Shortcode to the custom field.

You can then add that custom field as its own column in the order form and have Posts Table Pro process the shortcode to display the buy now button.

If you need more detailed instructions, check out our full Easy Digital Downloads order form tutorial. This includes extra information, such as how to add product filters and how to display specific products only.

Once you've finished configuring the Posts Table Pro settings, you can display your Easy Digital Downloads order form by using the [posts_table] shortcode.

Tip: Don't ignore EU VAT rules!

Easy Digital Downloads EU VAT trimmed

If you're using the order form to sell any type of digital products to people in Europe, then you have to charge EU VAT - even if you're not in the EU yourself. It's the law!

You can meet EU tax rules with the Easy Digital Downloads EU VAT plugin, which makes it as easy as possible for you:

Get EDD EU VAT


How to create a WP ecommerce order form

WP ecommerce Form

To create a WP ecommerce order form, you'll also use the Posts Table Pro plugin.

Once you've installed and activated it, head to Post Tables → Settings to configure the plugin's settings.

First, use the Post Type drop-down to select wpsc-product. This tells Posts Table Pro to display your WP ecommerce products:

WP ecommerce setup

Then, you can use the Columns options to configure what product information to display. Learn more about columns.

Here are some common values to help you insert WP ecommerce product information:

  • title - the product title
  • image - the product image
  • content or excerpt - display the product's long or short description
  • cf:_wpsc_price - product price
  • tax:wpsc_product_category - the product's categories
  • tax:product_tag - product tags
WP ecommerce columns

Unfortunately, there's no easy way to add a Buy Now button for WP ecommerce products. Instead, shoppers will be able to click on the product name to go to the individual product page.

Once you've finished configuring the Posts Table Pro settings, you can display your WP ecommerce order form by using the [posts_table] shortcode.

Refining your WP ecommerce order form

By default, the WordPress order form will list all your WP ecommerce products. If you'd rather list products from a specific category only, then you can easily do this by adding term="wpsc_product_category:categoryslug" to the shortcode. (Just replace 'categoryslug' with the actual slug of your WP ecommerce category.) For example:

[posts_table term="wpsc_product_category:categoryslug"]

You can also add category or tag filter dropdowns above the order form. To do this, simply add the following to the 'Filters' option on the Posts Table Pro plugin settings page:

tax:wpsc_product_category,tax:product_tag


How to create a WordPress BigCommerce order form

WordPress BigCommerce Order Form Plugin

Unlike the other ecommerce platforms covered in this tutorial, BigCommerce isn't a WordPress plugin. Instead, it's a hosted ecommerce platform where you create an account on BigCommerce itself, and add your products that way.

However, BigCommerce have just released a free WordPress plugin. This acts as a bridge between BigCommerce and WordPress, allowing your BigCommerce plugins to appear in a store layout on any WordPress site.

The default store layout isn't really suitable as a one-page order form. However, you can easily list BigCommerce products in a quick order form with the Posts Table Pro plugin.

How to set it up

  1. First, head over to BigCommerce, create an account and add some products.
  2. Next, add the Posts Table Pro and BigCommerce for WordPress plugins to your WordPress website.
  3. Go to the Posts Table Pro settings page at Post Tables → Settings. Enter your license key and choose bigcommerce_product from the 'Post Type' dropdown.
  4. Now use the columns option to choose which information to include in the order form. Here are some examples of the data you can display about BigCommerce products:
    • title - the product title
    • image - the product image
    • content or excerpt - display the product's long or short description
    • tax:bigcommerce_category - product categories
    • tax:bigcommerce_brand - product brands

Finally add the shortcode [posts_table] to any page on your WordPress site to create the order form.

Customers can view your inventory in a BigCommerce product table and click on a product name to see prices and purchase from the single product page.

Refining your WordPress BigCommerce order form

The instructions above will list all your BigCommerce products in an order form on your WordPress website. If preferred, then you can list specific products only - either by brand or by category. To do this, you need to tweak the shortcode slightly. (Just replace '123456' with the slug for your category or brand.)

[posts_table term="bigcommerce_category:123456"] - List products from a specific category.

[posts_table term="bigcommerce_brand:123456"] - List products with a specific brand.

You can also add categories and brand filter dropdowns above the BigCommerce order form. To do this, add tax:bigcommerce_category,tax:bigcommerce_brand to the 'Filters' option on the Posts Table Pro plugin settings page.


Creating a WordPress order form with any other ecommerce plugin

Now you know how to create a WordPress quick order form using four major ecommerce plugins. If you're using a different ecommerce plugin, then that's fine too. You can list any type of WordPress ecommerce products with the Posts Table Pro plugin. You simply need to find out the following information about how your chosen plugin stores products so that you can display them in a frontend order form:

  • The name of the 'Products' post type created by the plugin - you can easily find this by reading through the 'Post Type' dropdown on the Posts Table Pro plugin settings page.
  • The name of the fields used by the ecommerce plugin to store information about the products. You'll use this information to create the columns in your WordPress order form table. Most of the product data will use the standard fields that come with WordPress itself, such as the title and content columns. You can read about these in the Posts Table Pro knowledge base article about choosing your columns. The ecommerce plugin will also create some custom fields of its own, to store extra information such as the price. You'll need to send the ecommerce plugin company a support request to ask for the name of these custom fields. You can then display them in your WordPress order form using Posts Table Pro.

Where to get the plugin

To recap, you need two plugins to create a fully-functioning WordPress order form.

First, you need an ecommerce plugin that can handle managing products and processing payments. One popular option is WooCommerce, but you can also use other WordPress ecommerce plugins like Easy Digital Downloads or WP ecommerce.

From there, you need a tool to create a frontend order form from your products. If you're using WooCommerce, you can use the dedicated WooCommerce Product Table plugin. Or, for any other ecommerce plugin, you can use the Posts Table Pro plugin.
p style="text-align: center;">WooCommerce Product Table Posts Table Pro

Get started today and create a customizable WordPress order form for shoppers at your site. And if you have any questions, leave a comment and we'll try to point you in the right direction!

If you want to create a restaurant website with online ordering for home delivery, there are plenty of services built to help you do that...for a hefty commission! A WordPress restaurant plugin lets you skip the commission and keep your margins for yourself.

People want to be able to get food delivered over the Internet. Online food ordering more than doubled between 2010 and 2015, and those trends are continuing - especially due to the COVID-19 pandemic. Customers prefer ordering online rather than over the phone, and the right WordPress restaurant plugin will satisfy that demand without needing to pay a 15% commission rate.And this won't just be a desktop affair - like all the best WordPress plugins, this one works seamlessly on mobile devices as well.

WooCommerce restaurant plugin

In this post, you'll learn how you can use the best WordPress restaurant plugins to create your own online restaurant ordering system like the example above, complete with:

  • Menus
  • Delivery options and time slots
  • Pickup options
  • Notifications (so that you know when a new food order comes in)

You'll be able to customize it to your needs, and you won't need to be a tech savant just to get it working!

The two big benefits of using a WordPress restaurant plugin over the alternatives

There are two huge benefits to using a WordPress restaurant menu plugin over alternatives like GrubHub, JustEat and Uber Eats.

1. You'll save money

First, the big one - saving money!

Just for getting listed at GrubHub, you're giving up a whopping 15% commission rate. And if you want a sponsored listing, you'll give up 20% or more. That's crazy!

The typical margins for food just high enough to justify these commissions. Giving up 15% commission makes a huge difference to your bottom line.

With a WP restaurant plugin, there are no ongoing commissions. Instead, you'll pay a one-time or annual fee for the plugins that you need. After that, everything is profit.

So how much will it cost for a good restaurant plugin for WordPress? The two core tools you'll need - WooCommerce and WooCommerce Restaurant Ordering - will cost you under $150/year.

After that, you might want to further enhance your system with some extra plugins for delivery options or menu customization. However, even with these, you'll probably only spend $200-300 to get the whole system up and running. And again, there are no ongoing commissions after that.

2. You can offer a better user experience

Sites like GrubHub or Deliveroo are, for the most part, one size fits all. That is, your menu and listing pages look exactly like other restaurants.

However, what if your restaurant is unique? What if you make these awesome customizable burgers and you want to create a custom way for people to choose their ingredients and toppings?

With the other tools, you're out of luck. But with a WordPress restaurant plugin, you can tweak things to make them perfect, which helps you create a better ordering experience.

The best WordPress restaurant plugin system

WooCommerce Restaurant Ordering cropped

To create your WordPress website's online restaurant ordering system, you'll need two key tools:

  • An ecommerce plugin This is the backend system that will help you manage food items, accept orders and payments through Stripe, Paypal, etc.
  • A food order form plugin This is the frontend system that will create a user-friendly restaurant menu for your hungry visitors to browse. It lists your foods in a one-page table layout. You can divide your menu up into different categories, offer customization options, etc.

For the ecommerce part of the equation, the most popular option is WooCommerce. This open-source, free plugin comes from Automattic (the billion dollar company behind WordPress.com) and is the most popular way to build an ecommerce store.

For the food order form, you'll use WooCommerce Restaurant Ordering. It makes it easy to create a customizable frontend food menu that you can adapt to your restaurant's unique needs:

A Perfect Plug-in for Today’s Needs
In today’s environment of having to act nimbly for clients, the WooCommerce Restaurant Ordering plugin is the perfect solution for getting a website running quickly. We were able to launch on day one with the help of this plugin. It took all the heavy lifting out of the equation and let us focus on design. If you are debating whether or not this is the solution for getting a restaurant going — look no further, this is the plugin you want. The support is also top-notch!

If you want to see the process in more detail, you can also check out our complete guide to creating a WooCommerce restaurant ordering system.

Use your ecommerce plugin to manage food items and orders

To get started, you'll need to install and configure your chosen ecommerce plugin. For example, WooCommerce.

From there, you can add all of your menu items as "products". For example, if you sell a pepperoni pizza, you'd add that pizza as a product:

Add restaurant menu items as WooCommerce products

If your menu item is customizable, you can use either product variations or product add-ons to give visitors the option to customize their orders:

  • VariationsVariations are good if people will select a single option from a list. For example, the size of a pizza.
  • Add-ons Add-ons are good if people can select multiple items. For example, selecting one or more options from a list of toppings. If you want to use product add-ons, you'll need the Barn2 WooCommerce Product Options plugin.

Again, we explain this process in much greater detail in our full online restaurant ordering system guide.

Use the WordPress restaurant plugin to create your front-end menus

Once you've added all of your food items as WooCommerce products, you're ready for the next step. It's time to create your online menu using the WooCommerce Restaurant Ordering plugin.

See, by default, WooCommerce displays your "products" in a traditional ecommerce layout. For example, something like this:

The "traditional" shop page layout

Now, that's fine for an ecommerce store, but it's not a good option for a restaurant menu!

That's where the WooCommerce Restaurant Ordering plugin comes in.

This WordPress restaurant plugin lets you take all your items and display them in a user-friendly food and drink menu layout like this:

Compare WooCommerce Restaurant Ordering with WooCommerce Product Table

Shoppers can add simple food products straight to the cart, or open a lightbox to select variations and add-on options.

As you can see from the above screenshot, the plugin also works perfectly with the WooCommerce 'Cart" widget in the right sidebar, provided your WordPress theme supports templates that allow this functionality. You could also include a widget with a note about your site's delivery area, or even a custom Google Map that shows the area you serve.

The great thing about WooCommerce Restaurant Ordering is that you have 100% control over the information that displays.

  • Want to add a description column that marks vegan or gluten-free options, or the calorie count? You can do it! 🥗
  • Want to show, hide or reposition the image of each food? Yup, you can do that, too! 💯
  • What's more, WooCommerce Restaurant Ordering comes with a shortcode that allows you to incorporate your food ordering system anywhere on your site.
  • You can even add opening times and prevent people from ordering while you're closed.

The end result is that you can create a restaurant ordering system that's totally unique to your restaurant's needs and offerings.

Enhance your WordPress restaurant plugin system with other plugins

WooCommerce restaurant floating cart
Get more sales by using WooCommerce Restaurant Ordering with other plugins like Fast Cart

At this point, you'll have a working WordPress restaurant plugin system. However, you still might want to adjust things to tweak how your ordering system works.

WooCommerce Restaurant Ordering is designed to work with many different plugins - not just WooCommerce - and any WordPress theme. That means it integrates as well with your page builder, SEO or multilingual plugins (WPML, WeGlot, etc.), as it does with more obvious pairings - restaurant reservation plugins, food delivery plugins, and so on.

Here are some good options for third-party plugins to enhance your system:

  • Delivery Slots Allow people to order specific time slots for delivery or collection.
  • WooCommerce Fast Cart Add a popup cart so that customers can complete their order from the food ordering page.
  • WooCommerce Quantity Manager Make sure every food order is profitable by setting a minimum order value.
  • Dynamic Pricing Lets you create special deals, like buy one get one free.
  • Twilio SMS Notifications Lets you receive SMS notifications for new orders (by default, WooCommerce only sends email notifications).
  • WooCommerce BookingsLets you set up a table reservation system alongside your menu to allow your customers to fill out an online reservation form and pre-order their food at the same time.

Build your own WordPress restaurant ordering system today!

Stop giving up your hard-earned margins to middlemen!

With your own WordPress restaurant ordering system, you'll be able to offer the convenience of Internet ordering to your customers, without paying a 15% commission.

At a basic level, all you'll need is an ecommerce plugin (like WooCommerce) and the WooCommerce Restaurant Ordering plugin.

Finally, for a more detailed tutorial on how to set up your system, check out our full WooCommerce restaurant ordering system tutorial.

Do you have any questions about these WordPress restaurant plugins? Ask away in the comments!

WooCommerce Product Gallery Lightbox created using WooCommerce Quick View Pro

As an online store owner, the easier you make it for customers to find what they’re looking for, the greater the chance of landing a sale. One way to achieve this is by making the process of buying from you as easy and efficient as possible, for example, by creating a WooCommerce product gallery lightbox.

Practically speaking, if visitors are interested in looking at product images, you might consider implementing quick view functionality into your e-commerce store that allows them to view product images and galleries without having to navigate to the single product page.

In this article, we’ll show you how to display your WooCommerce products in a lightbox along with the:

  • Product image (with or without extra product information),
  • Image zoom functionality, and
  • Full product image gallery (with a choice of 2 gallery styles).

We’ll also step through some advanced display options to help you fine-tune your WooCommerce product gallery lightbox.

What is WooCommerce Quick View Pro?

WooCommerce Quick View Pro is a WordPress plugin that allows users to display product information and product images in a lightbox view. This makes it easy for customers to browse products and make purchases – without having to navigate to the single product page. Essentially, it works like a WooCommerce product image lightbox plugin.

The plugin adds a quick view option directly to your WooCommerce store’s main shop page and category pages. You also have the option to launch a gallery lightbox whenever a customer clicks on the product image or product name. This automatically disables links to the single product page i.e. the links are replaced with the quick view links.

WooCommerce Product Gallery Lightbox Plugin
With WooCommerce Quick View Pro, you’re able to choose exactly which information from the product’s single product page (for example, product variations and attributes) you’d like to include in the quick view lightbox.

As a result, you’re able to display the information a prospective customer would need to make a buying decision without any distractions or additional steps while delivering an outstanding user experience.

Assuming you have a WordPress-powered website with ...

  • WooCommerce installed, activated, and set up.
  • Some products added to your online store.

… follow the step by step instructions outlined below to create a lightbox containing product images, image zoom functionality, and the full product image gallery.

Step #1: Install and activate the WooCommerce Quick View Pro plugin

If you haven’t done so already, get the WooCommerce Quick View Pro plugin and install and activate it on your WP website. I'll tell you how to set it up as a WooCommerce product gallery lightbox plugin.

Next, head over to WooCommerce -> Settings -> Products -> Quick view from the admin panel to activate the plugin license.

WooCommerce Quick View Pro license key

Click the Save changes button to proceed.

You’ll notice that the Woo Quick View plugin automatically displays products in a quick view layout as soon as you activate it. Your main shop page (and category archives) should have Quick View buttons under each product.

It should look something like this:

Main shop page in WooCommerce with Quick View links

When customers click the Quick View button, the quick view lightbox opens and displays the following information:

WooCommerce Quick View Pro default lightbox view
  • Product name
  • Product image
  • Reviews
  • Price
  • Quantity selector
  • Add to cart button
  • Product information (SKU, category)

Step #2: Choose what information to display in the product quick view lightbox

Out of the box, the plugin displays the above-mentioned information in the lightbox view.

However, you can choose exactly what you’d like to display from the plugin’s settings page. Specifically, you’re able to display images with (and without) the product image and product details. Product details include product name, variations, attributes, SKUs, and categories. Here’s how:

From the WooCommerce Quick View Pro plugin’s settings screen (WooCommerce -> Settings -> Products -> Quick view), scroll down till you reach the Quick View contents option. Use the dropdown menu next to it to decide what to display inside the quick view lightbox:

Quick view content options
  • Image only
  • Product details only
  • Image and product details (default setting)

For example, if you set the Quick View contents to Image only, the lightbox will only display the product gallery. It will look something like this:

WooCommerce Gallery Lightbox Plugin

However, if you decide to go with the Image and product details setting, you can choose which product details to include in the quick view lightbox. The available options include:

Available product details to display in the quick view lightbox
  • Reviews
  • Price
  • Short description
  • Add to cart button
  • Meta information

Simply tick the checkboxes next to the product details you’d like to display in the quick view lightbox.

Step #3: Select a gallery thumbnail style

With WooCommerce Quick View Pro, you can choose how to display product gallery images in the quick view lightbox. You can decide between Thumbnails and Bullets.

From the same screen (WooCommerce → Settings → ProductsQuick view), scroll down till you reach the Gallery thumbnail style option. Use the dropdown menu next to it to decide between displaying product gallery images as thumbnails or bullet navigation in the quick view lightbox.

If you decide to go with Thumbnails, the quick view lightbox will look something like this:

Displaying product gallery as thumbnails in lightbox

And if you decide to go with Bullets, the quick view lightbox will look like this:

Displaying product gallery with bullet navigation in lightbox

With the bullet navigation option, customers can click through the bullets to browse the product gallery.


Use WooCommerce Quick View with product tables

WooCommerce Quick View Pro integrates seamlessly with the WooCommerce Product Table plugin. Use them together to list products in an interactive table or order form layout, complete with add quick view buttons or links.

As a result, customers will be able to open up the full product image gallery in a WooCommerce product image lightbox directly from the table.

WooCommerce Product Table Quick View Magnifying Glass
Add quick view buttons or links to the wholesale order form.

You can choose to add a Quick View button to the table. Or you can choose to have it launch whenever a customer clicks on the product name (or image) in the table.

When both the WooCommerce Quick View Pro plugin and the WC Product Table plugin are installed and activated to your website, you’ll see a new Quick View Pro option the the WooCommerce Product Table plugin’s settings screen (i.e. WooCommerce -> Settings -> Products -> Product tables).

Quick View Pro setting in WooCommerce Product Table's settings

Ticking the checkbox next to the Product links option makes it so the product page links in your table layout open the quick view box instead of linking to the single product page. This is the perfect option for users who want to completely disable the individual product page.

Get WooCommerce Product Table

Case study: Ink This and That’s product table with quick view functionality

Ink This and That sells different sorts of matching products including backpacks, dresses, t-shirts, swimsuits, and leggings. They use WooCommerce Quick View Pro along with WooCommerce Product Table to showcase their product galleries in a lightbox view.

Product gallery displayed in lightbox view using WooCommerce Quick View Pro and WooCommerce Product Table

Whenever a customer clicks on the product image in the table layout, the product gallery opens up in a lightbox view. Customers can then zoom into the image and browse other images in the gallery. The e-commerce store chose to go with the Thumbnails gallery style for their WooCommerce gallery lightbox.


Where to get the plugin

Integrating quick view into your main shop page and category archive pages makes it easy for customers to view product images and product galleries without having to click through to the single product page. It effectively optimizes the purchase process and helps you deliver a professional and enhanced user experience to your customers.

Do you have any questions about how to use a WooCommerce gallery lightbox plugin in your own online store? Let us know in the comments below!

build a WooCommerce product database optimized for conversions

The layout of your e-commerce site plays a key role in improving both customer engagement and sales. For some sites, such as those selling technical products or offering a wide variety of items, standard product layouts aren't the best way to do this. Enter WooCommerce product database.

By using a WooCommerce product database, you can show off your merchandise to best advantage. Plus, enabling your customers to search, sort, and filter items will help them find what they're looking for quickly. As an added bonus, features such as Add to Cart buttons and product quick views can enhance customer engagement.

In this article, we'll share some reasons why you might want to include a product database on your WooCommerce site, as well as a product database example for two different websites. Then we'll explain how to build one with our WooCommerce Product Table plugin, and how to add a quick view function to it. Let's dive in!

An example of a product database.

Why include a product database on your WooCommerce store?

The default layout of the traditional WooCommerce shop page and product category pages works well for some stores. This mostly applies to ecommerce stores which sell visual products where the customer is happy to spend time browsing and looking at large images. Clothing is a good example of this.

But what about other types of product? What about stores selling large quantities and a wide variety of merchandise?

With a WooCommerce product database, on the other hand, your customers can search, sort, and filter items in the table to find what they need quickly. This is key to providing a positive User Experience (UX), and can even increase sales. Conversely, a difficult-to-navigate website may deter your visitors from converting. If they can't find what they are looking for in a couple of clicks, it won't be long before they decide to look elsewhere.

Additionally, a large image isn't always the best way to show customers your merchandise. Some products, such as e-books or very simple items, are digital or simply aren't very interesting to look at. In these cases, a short description or technical product data may be more appropriate.

While this list is by no means exhaustive, here are a few examples of products that may sell better in a database format:

  • Spare machine and car parts
  • Storage bins, boxes, and other containers
  • Gift cards
  • Tickets to or registrations for events
  • Services such as cleaning, pet sitting, and hauling
  • Digital products such as music and e-books

Seeing a WooCommerce product database in action may give you a better idea of what it's capable of and how you might use one on your own site. With that in mind, let's look at a few product database examples on actual sites that use product databases made with the WooCommerce Product Table plugin.

Case study #1 - Yarn Gate's wholesale product database example

Yarn Gate is a wholesale store selling premium yarn and wool to B2B customers. Its product database includes images and a quick view feature with variation swatches, so customers can see all the available colors:

The Yarn Gate product database.

Since yarn isn't all that visually interesting, individual product pages aren't really relevant. Plus, using a WooCommerce product database significantly improves Yarn Gate's website UX. Its customers can easily view and purchase multiple colors of yarn without having to navigate to several different pages. They can select the options for variable products in the quick view lightbox. With this system, customers see more products at one time than they would in a typical WooCommerce layout.

By speeding up and simplifying the purchasing process, Yarn Gate is on the road towards maximizing sales. Its customers generally buy in bulk, so using a product database is the best way to streamline its customers' experience and encourage them to buy more.

Case study #2 - First Kitchen's database of parts & accessories

First Kitchens sells cabinet doors and other accessories for kitchens, and doesn't need to display product images at all. Its database features dimensions instead, which is more useful information for its customers:

The First Kitchen product database.

This company is using product databases in a unique way, in order to cross-sell its products. Each of this site's product pages includes a table that lists related items, so customers can buy everything they need on a single page. It's basically a list of related products, displayed in a database-style format.

Additionally, the tables of related products act as order forms. Customers can select product variations and add items to their carts right from the database. That way, just like the previous product database example we featured, visitors don't have to navigate between pages.

We'll discuss how to implement this technique on your own site next.

How to build a WooCommerce product database with search, sort, and filter features (in 4 steps)

While there are many ways to create a WC product database in WordPress, the simplest and most flexible option is to pick up our WordPress plugin, WooCommerce Product Table:

This tool includes a variety of useful features, such as:

  • The ability to list products in a searchable table and add filters and custom fields to it
  • Multi-select Add to Cart buttons to help customers make fast purchases
  • Lazy load feature so that you can quickly list thousands of products in a single table

In the tutorial below, we'll show you how to use this plugin to build your own WooCommerce products database and give you some tips to keep in mind.

Step 1: Install and activate the WooCommerce Product Table plugin

First, you'll need to purchase WooCommerce Product Table. You can choose from a variety of license options:

Once you have the plugin, download the .zip file and make sure you have your license key on hand. Then, in your WordPress dashboard, navigate to Plugins and select Add New. Click on Upload Plugin at the top of the page, and choose the WooCommerce Product Table .zip file to upload and install it on your site:

Click the Activate Now button on the next screen to finish the process. Now you're ready to start customizing its settings to create your WooCommerce product database.

Step 2: Create a WooCommerce database

The Product Table pljgin comes with an easy table builder which lets you create a WooCommerce product database in minutes. This launches automatically when you first activate the database plugin, or you can access it later at Products → Product Tables.

The table builder takes you through the process of setting up your first product database, step-by-step. There are a wide range of settings which you can adjust to create the perfect product database for your merchandise. I'll talk you through some of the most important ones.

2a. Choose where to display the WooCommerce product database

You can specify whether you want your database to include all of your products, or only items from a certain category. This can be useful if you want to use product pages for some items, and display the rest in an organized table.

Alternatively, you can enable the WooCommerce database layout automatically on your main shop and category pages.

Create page of table builder

2b. Customize your database's columns

One of the best things about an ecommerce database created with WooCommerce Product Table is that you can customize what columns are displayed for your products.

First, you'll want to determine what information your WC product database will include. The default columns are each product's name, a short description, the price, and an Add to Cart button. However, there are many more columns you can choose to include, such as sku, custom taxonomies, images and reviews:

WPT table builder columns

When choosing which columns to include, try putting yourself in your visitor's shoes. Consider: Is this column going to help them find the product they're looking for? User experience is the name of the game here, so make sure you customize your database to make it easily searchable. As part of this, include columns that will help your customers make the right buying decision.

If you do choose to feature images, you can specify their size and enable lightbox displays as well.

Some columns link to the single product page. If you're using a product database in place of product pages, then click the 'Advanced' toggle for each column to disable the product page links.

2c. Add search, sort, and filter features to your WooCommerce product database

A long database can be intimidating to customers and difficult to sort through, especially if you offer a lot of products. To improve your database's ease of use, you'll want to add features that make it simple for users to search the database and find what they're looking for quickly.

The search box will appear above the product database automatically. You can also add as many filter dropdowns as you like, and select the initial sort order for the products. Customers will be able to re-order the database by clicking on the column headers.

WooCommerce Product Table builder filter dropdowns

With all of these settings enabled, your customers will be able to find their desired products in your database quickly.

2b. List large numbers of products in the database

You can also enable lazy loading, which can help improve your site's UX if your database includes hundreds or even thousands of products. This can prevent slow loading times that cause frustration for customers. Just be aware that this particular feature will disable some of the plugin's other functionality, in order to maximize speed.

If you want, you could even turn the WooCommerce database into a convenient order form where customers can select product variations and product add-ons right from the table. Combined with Add to Cart buttons and checkboxes, these features enable your users to customize their products and checkout without leaving the WooCommerce database page.

Step 3: Add the database to your site

Finally, you'll want to add your database to a page on your WordPress website. You can skip this step if you chose the option to enable the database layout on your main shop and category pages.

The easiest option is to insert a 'Product Table' block wherever you want the table to appear. If you're not using the WordPress block editor then you can copy a shortcode from the final page of the table builder and insert this instead. You can find the shortcode at any time by going to Products → Product Tables. For example, you'll need this method if you're using a page builder plugin such as Elementor.

Product Table Gutenberg Block

Either way, your WooCommerce product database will now be visible to customers on the front end 🚀

WooCommerce Product Table Quick View Magnifying GlassIf you have high-quality images of your products, adding a 'quick view' feature to your Woo product database may be useful. Quick views have been shown to increase conversions, and they display your products in their best light.

As we've seen in our first product database example, Yarn Gate provides their visitors with an easy way to browse their products. Their customers don't need to waste time going back and forth between pages. This is a smart way to boost user experience for any similar website with numerous available items.

Additionally, by keeping customers on your database's page, you'll encourage them to browse more products. Quick view and add-to-cart options enable easy browsing and purchases right from your database. Check out our complete guide to WooCommerce quick view.

To add quick view functionality to your WooCommerce product inventory, you can use the WooCommerce Quick View Pro plugin:

WooCommerce Quick View Lightbox with Product Variations
Customers can view extra information and purchase from a lightbox.

All you have to do is install and activate the plugin, and then add quick-view to the list of database columns in the WooCommerce Product Table settings (as we described above). After that, you can customize your quick view layout in the WooCommerce Quick View Pro plugin settings.

Add advanced filtering to your product database

While WooCommerce Product Table is a great way to enhance the user experience, it doesn't offer the same advanced filtering capabilities as the WooCommerce Product Filters plugin.

By using WooCommerce Product Filters alongside Product Table, you can provide your customers with even more sophisticated ways to navigate your product database. With advanced filters such as color, size, price, and ratings, your customers can easily narrow down their search to find the exact product they are looking for.

In addition, the WooCommerce Product Filters plugin offers a variety of display options, including dropdown lists, checkboxes, radio buttons, and more. This allows you to customize the look and feel of your product filters to match the style of your online store, creating a seamless user experience.

Where to get the WooCommerce plugin

Including a WooCommerce product database on your WordPress site can help improve your customer experience and your sales. Our WooCommerce Product Table plugin makes it easy to add custom databases to your online store, and you can make them even better by combining them with WooCommerce Quick View Pro or WooCommerce Product Filters.

To build a product database for your WooCommerce site, you can:

    1. Install and activate the WooCommerce Product Table plugin.
    2. Configure the plugin's settings
    3. Customize your database's columns.
    4. Add the database to your site.

Do you have any additional questions about building a WooCommerce product inventory with search, sort, and filter options? Leave them in the comments section below!

WooCommerce disable single product page plugin

When you set up WooCommerce, it automatically creates an individual page for each product. Not everyone needs this, so I'll tell you how to disable the single product page in WooCommerce.

Have you ever noticed that nearly all e-commerce websites have the same purchase flow?

WooCommerce single product page
A typical WooCommerce single product page
  1. You view the available products in a grid-style layout, with maybe 3 or 4 products per row.
  2. You click through to access a separate page with all the information about each product.
  3. From there, you select a quantity, choose any extra options, and add the product to the cart.
  4. You then either use the Back button or breadcrumb trail to view more related products, or skip straight to the cart and complete your purchase.

Have you stopped to think about whether this is the best flow for your customers? Does it actually suit the types of specific products you're selling?

In this step-by-step tutorial, I'm going to reveal 2 important reasons why your store might benefit from WooCommerce disable product page. I'll also introduce you to 2 WordPress plugins that let you effectively disable the single product page. These best WooCommerce plugins don't just remove functionality - they replace it with faster, more user-friendly ways to view product information and add to the cart. All without accessing the single disable product page WooCommerce.

Let's get started!

Why disable the single product page in WooCommerce?

Benefit #1 - speed up the browsing and buying process for customers

If you use the WooCommerce disable product page feature, then you need to let customers choose options and buy products without leaving the product list. You can do this with either of the plugins that I'll recommend later in this article.

Typically, WooCommerce stores work by requiring customers to view products in a list and then click through to the single product page. You can buy individual quantities of simple products (without variations) directly on the shop and category pages. However, extra quantities and variations can only be purchased on the single product page.

That's fine if you only want customers to purchase one product from you. But most store owners want to encourage customers to keep browsing and increase the average order value from each sale. After visiting the WooCommerce disable single product page and adding a product to the cart, there's a risk that the customer will be unable to find their way back to the list of other products. They will either click straight through to the checkout without viewing your other products, or they might abandon their cart completely.

The solution

You can solve this problem by installing a plugin that lets customers choose variations and quantities directly from the main shop page, product category pages, or elsewhere on your site without following code snippets like CSS or PHP. Ideally, the plugin will also show other product information without having to access the WooCommerce disable single product page. This might include bigger product images, a short description, stock information, SKU code, etc.

By displaying product data and enabling customers to buy straight from the product list in the front end, they can purchase without being taken to a different page. They choose options and add to the cart, and then immediately look at your other products which are good for conversions. This encourages them to add new products to their cart and buy more.

It's the best of both worlds: customers can see all the essential information from the WooCommerce disable single product page and buy the product, but they remain on the same page!

I'd like to show a quick view box of the product instead of leading to the product detail page. That way, users are shown the basic product info without having the leave the list of products.

- Premium chocolate seller

Benefit #2 - Prevent customers from losing their place on the product list

A popular complaint with ecommerce stores is that customers often scroll through a long list of products, click through to the single disable product page WooCommerce, and then click back. To their frustration, they are taken back to the top of the page and have to find their place all over again. This WordPress theme is a major cause of high bounce rates on WordPress ecommerce websites.

The solution

Disabling the single product page in WooCommerce solves this problem because it stops customers from being taken away from the product list. They can choose product options and add them to the cart directly from the list of products. They remain in exactly the same place on the list, so they can continue choosing products without interruption.

For example, one customer asked us for help with this problem:

Since a large number of items is being displayed per page, opening a single product page leads to the point where the customer has to scroll all the way down again once he got back to the product list. A quick view feature would prevent them from having to do that and would therefore make it even more comfortable to use.

2 plugins to hide or disable the WooCommerce product page

As you can see, the WooCommerce single product page may not be as good as it seems. Depending on the products you sell, you could get more sales - and improve user experience - hide products or disable the single product page and provide alternative options instead.

Next, I'll tell you about 2 plugins that do exactly that. They both let you remove links to the single disable product page WooCommerce, effectively disabling it. Each plugin provides a different alternative method for viewing product data and making a purchase. Read about them both, and choose the one that best suits your products.

WooCommerce Quick View Pro - Replace the single product page with a quick view lightbox

WooCommerce Quick View Pro is a WordPress plugin that lets customers view extra product information and purchase details in a lightbox. It adds a 'quick view' option directly to the WooCommerce shop and WooCommerce category pages. This lets customers do everything they need without accessing the single product page.

If you enable the option to open the lightbox by clicking on the product image or name, then this disable single product page WooCommerce, The links are replaced with the quick view link. It's a good way to remove the product title link in WooCommerce - both on archives and the shop page. Don't forget to save changes!

WooCommerce Quick View Pro on shop page with zoom

This WordPress plugin is incredibly flexible and you can choose exactly which information from the single product page to include in the quick view lightbox. Use it to put the most important information at your customers' fingertips, without distracting them from important buying decisions.

Further reading: The complete guide to WooCommerce quick view plugins.

Can I use quick view AND the single product page?

If you prefer, you can use WooCommerce Quick View Pro alongside the single product page. Simply activate the quick view buttons but don't enable the option to replace the product image and title links with the quick view popup.

That way, customers can click on the quick view button to open the lightbox; or they can click on the product image or title to access the single product page.

This is a good compromise because some customers may want to buy quickly via the WooCommerce quick view; whereas others might prefer to spend longer reading extra information on the single product page.

WooCommerce Product Table - List products in a table view with extra information and full purchase options

The WooCommerce Product Table WP plugin lets you replace the default online store layout with a tabular layout. It's a fantastic way of replacing the information from the single product page so that customers no longer need to visit a separate page.

WooCommerce product table variations

Firstly, WooCommerce Product Table gives you full control over which columns to include in the table. You can show any of the built-in WooCommerce product data, plus extra data types such as custom fields and taxonomies. Customers can see everything they need directly in the table view, so there's no need to use the single product page.

Secondly, WooCommerce Product Table comes with an all-important Add to Cart button column. This can display ALL the information that customers need to buy products. It's far more sophisticated than the basic purchase information that comes with the standard WooCommerce shop and category pages. You can include quantity pickers, variation dropdowns, and even product add-ons (if you're using the WooCommerce Product Options plugin).

Can I disable links to the single product page?

By default, Woo Product Table will link the title of each product to the WooCommerce disable product page. You can use the 'Links' option to remove the product title link from the table. That way, customers won't be able to access the disable single product page WooCommerce.

But I like the look of both plugins!

WooCommerce Product Table and WooCommerce Quick View Pro are fully compatible with one another. If you'd like to list products in a table with quick view buttons, that's absolutely fine.

WooCommerce Product Table with quick view buttons

Example use case - WooCommerce pizza restaurant with product tables and quick view

Before we close, I'll discuss an example use case - a WooCommerce store that uses both plugins to provide quick ordering without a disable single product page WooCommerce,

A lot of pizza restaurants use WooCommerce Product Table to create a takeaway food order system. They list their pizzas in a product table, creating a one-page order form. They typically disable WooCommerce links to the single product page because takeaway customers don't expect to visit a separate page for each pizza.

However, pizzas typically come with lots of options. Customers can choose details such as the pizza size, type, base, cheeses, sauces, extra toppings, etc. Listing so many options in a product table is technically possible, but it could look quite messy.

Instead, pizza restaurants can achieve the perfect ordering system by combing WooCommerce Product Table with WooCommerce Quick View Pro. The pizzas are listed in a table with a 'Customize' button alongside each pizza. This button opens a quick view lightbox where customers can choose all the pizza options:

WooCommerce restaurant quick view plugin

Tip: You can use WooCommerce product variations for the pizza options. If you want more flexibility - such as the ability for customers to choose multiple toppings - then you can achieve this with the WooCommerce Product Options plugin. Both WooCommerce Product Table and WooCommerce Quick View Pro fully support product add-on options. In the video above, we used variations for the pizza size and a 'Text' product add-on for the 'Special Requests' input box.

Disabling the single product page in WooCommerce

Now you know the benefits of WooCommerce disable product page and replacing them with more user-friendly buying options.

Do you think that WooCommerce Product Table or WooCommerce Quick View Pro - or a combination of the two - are the best way to allow quick buying outside of the single product page? I'd love to know how you get on - please leave a comment below.

Our WooCommerce Quick View Pro plugin makes it easy to view extra product data in a lightbox, without having to visit the single product page. But what types of store actually need a WooCommerce lightbox plugin?

WooCommerce lightbox plugin

Let's look at 5 types of websites that will benefit from WooCommerce lightbox quick view popups. I'll reveal the real reasons why certain products sell better with this method. If you sell similar types of product on your own WordPress site, then you'll be able to see how the lightbox could transform your sales too.

What is a WooCommerce lightbox plugin?

A WooCommerce lightbox plugin makes it easy for prospective customers to learn more about your products without visiting the single product page.

It lets you display single product images and details in a lightbox view. Customers can also select available options (such as product variations), view the product gallery images, and add products to cart directly from the WooCommerce lightbox.

The WooCommerce Quick View Pro plugin adds quick view buttons to your shop page and category pages. When a customer clicks on the button, they can view the product details in a WooCommerce lightbox and quickly make a purchasing decision.

This helps you improve your site's shopping experience and encourages customers to buy more from you. As a result, you can increase your average order value!

#1 - Pizza restaurant - order food and choose options, all from one page

A WooCommerce pizza takeaway website lists each pizza from their menu in a one-page restaurant order form. They want people to be able to configure the options for each pizza without having to visit the single product page. This includes steps such as choosing a base and adding extra toppings.

Lots of pizza restaurants use our WooCommerce Product Table plugin to list their pizzas. This is perfect if you have a small number of options for each pizza, but not ideal if you have a long list of toppings. One YouTube commenter even decided not to buy WooCommerce Product Table because of this:

A burger can have like 8 different options. It's going to look crowded with your plugin. You need a pop up where I can select what I want and don't want.... I'll pass on your plugin since it's not really flexible.

The solution is to use the Product Table with Quick View Pro to enable WooCommerce lightbox for each pizza. Customers can click on the 'Configure your pizza' buttons to choose their pizza options in a lightbox. You can use product variations for the attribute options, with a separate dropdown in the lightbox for each option ('Choose a Base', 'Choose a Topping', etc.). You can do all of this without having to mess around with the functions.php file or adding custom HTML or CSS code.

Sell multiple toppings with Product Add-Ons

WooCommerce restaurant order form with extra options

Or if you want people to be able to order multiple toppings for extra cost, then use WooCommerce Quick View Pro with the Extra Product Options plugin to add multi-select check boxes instead! With Product Add-Ons, you can add as many extra product options as you like. List each topping option individually with a price for each one, plus anything else like "Extra cheese".

Some of my products have a lot of different addons so instead of showing the addons in the product list. I would like to have an additional “customize” button next to the add to cart button so my customers can select which add-ons they want before adding the product to the cart.

Feature request from a takeaway restaurant owner

Sell other foods with a WooCommerce lightbox plugin

Of course, you can sell any type of food (or other e-commerce products) with a WooCommerce lightbox. For example, we heard from one person wanting to use it for selling healthy options for their food ordering system:

I'd like to be able to open the attributes options in individual popup windows like following: Food is sold with "steamed rice" as the default, with options to add $1 for "brown rice", add $2 for "green salad", and so on.

Feature request from a WooCommerce restaurant owner

#2 - WooCommerce wholesale store

We sell a lot of plugins to companies that are building a WooCommerce wholesale store. They often contact us to request specific features that are important for B2B sales.

A WooCommerce lightbox plugin is ideal for wholesale sales because users already know what they want to order. They're busy people and don't want to waste time visiting individual product pages. Instead, just list products (ideally in a wholesale-friendly product table) and let them open a product quick view to select variations and add to the cart from the lightbox.

Is there any way to allow the user to click on the product link and get a lightbox with some additional product information instead of going to the product page? I'm building out a B2B site for dealers to order from a manufacturer. Some sort of "quick view" with the short description and photo array would be really good.

Feature request from a WooCommerce wholesale store owner

Product quick view bonus tip

If you're selling wholesale products with the WooCommerce Quick View Pro lightbox, consider removing the images from the product quick view popup. You can easily do this via the WooCommerce lightbox settings. B2B customers don't care about image galleries because they're already familiar with your products. They just want to see the purchase information in a simple lightbox.

#3 - WooCommerce jewellery store with custom engraving messages

WooCommerce Product Options pluginIf you're using the default WooCommerce plugin to sell luxury jewellery or diamonds, then you may want to charge extra for a custom engraving. The Product Options plugin lets you create a custom text input box for the custom engraving, and choose how much to charge for this option, without adding CSS code. However, what if you want customers to order their custom engraved jewellery without having to visit the single product page?

That's where WooCommerce Quick View Pro comes in. You can list your jewellery on the WooCommerce shop and category pages with an 'Add Engraving' quick view button. This will enable a WooCommerce lightbox with the full image product gallery features and zoom features. The lightbox plugin will also include an add to cart button, plus custom engraving text box provided by Product Options.

I want to add functionality so that when customers click on Add to Cart, they will get a pop up where they add a custom message and automatically order from there. No other step should be required to place the order.

Feature request from a WooCommerce jewellery store owner

#4 - Quick select WooCommerce grouped products, bundles and composite products

WooCommerce lightbox plugin bundled products

WooCommerce Quick View Pro integrates beautifully with the 'Grouped' product type built into WooCommerce. The product lightbox also supports the Bundles and Composite Products extensions.

If you want to sell groupings of your products, then you can speed up the buying process by letting customers choose their bundles or composite products from a WooCommerce product quick view. This is much quicker than accessing the single product page.

#5 - Selling photos via a WooCommerce lightbox

WooCommerce Gallery Lightbox Plugin
WooCommerce gallery lightbox showing product images only

When you sell photos, art, or other image-based products in WooCommerce, it's all about the imagery. The only reason for customers to access the single product page is to see bigger versions of each image, such as image zoom and product gallery. But taking people to a separate page to view bigger images feels like overkill, and makes it harder to return to your other products.

Instead, add a WooCommerce lightbox to the product listing pages. Customers can open the Pro lightbox and view the images in a popup window. They can see the images close-up and access the multiple-image gallery and zoom, without having to visit a different page. You can choose whether to open the lightbox via a button, or simply by clicking on the product image or name in the shop. These are all options on the WooCommerce lightbox settings page.

It might look something like this depending on the WordPress theme you're using:

Lightbox for WooCommerce Image Gallery Plugin
WooCommerce image gallery lightbox with bullet navigation and variations in quick view popup

This Pro WooCommerce lightbox for photographers is also a good way to sell image variations without accessing the product page. For example, they can select from a choice of image sizes or print options before adding to the cart.

#6 - WooCommerce digital music store

WooCommerce Quick View audio plugin

If you sell music in WooCommerce, then you might want to provide embedded audio snippets for each product. This is a great way to provide music samples and convince customers to buy the full MP3 or CD.

There are a couple of ways to do this:

  • A lot of people use responsive product tables to create a WooCommerce audio store. This works well, as you can add sample music players directly within the product list view.
  • Other store owners add an audio player to the short description which appears on the single product page.

The problem with the second option is that customers have to access the single product page. This isn't normally appropriate if you're selling music in WooCommerce. That's because music isn't very visual (by definition!) and doesn't require other elements of the single product page such as big images.

Instead, use WooCommerce Quick View Pro to show music players in a quick product lightbox. You don't want big images of your music products, so use the WooCommerce lightbox settings to hide the images. Instead, just show information such as the product name and short description (containing the embedded audio player) in the modal popup window. It's the perfect way to sell music!

#7 - WooCommerce customizable products

WooCommerce customizable product quick view

Lots of WooCommerce stores sell customizable products, where the customer can mix and match multiple options to create a bespoke product just for them.

A lightbox for WooCommerce plugin offers a quick way for customers to configure options and add to the cart. Rename the quick view button to 'Configure' or 'Customize'. Customers can use the product lightbox to choose from a long list of variations or other options (if you're using it with Product Add-On Options).

Your customers can create as many custom products as they like, while remaining on the product list page.

How to add a WooCommerce lightbox plugin to your store

Here's how you can add the WooCommerce lightbox plugin to your online store:

Get the WooCommerce Quick View Pro plugin and install and activate it on your WordPress site. Navigate to WooCommerceSettingsProductsQuick view from the admin panel to activate the plugin license.

WooCommerce Quick View Pro license key

Use the Quick View contents dropdown to select what you'd like to showcase in the WooCommerce lightbox. You can choose to display image only, product details only, or image and product details.

Quick view content options

If you choose either of the product detail options, you can use the Product details setting to decide what information to display. Simply tick the checkbox next to the product details you want to display in the WooCommerce lightbox.

Available product details to display in the quick view lightbox

Use the Gallery thumbnail style option to choose a gallery navigation option. Click the Save changes button at the bottom of the screen to proceed.

Your WooCommerce lightbox might look something like this:

Displaying product gallery as thumbnails in lightbox

Will a WooCommerce lightbox plugin boost your sales?

WooCommerce product quick view plugin use cases

By now, we've looked at 7 radically different types of product that sell better with a product quick view plugin for WooCommerce. But what about your own products?

Think about the types of products that you sell in your WooCommerce store. Ask yourself these questions:

  1. What information do your customers need in order to make a purchase? Look at the information on the single product page in your store. Do they need to access all of it to convince them to buy? Or could you boost sales by displaying essential information in a WooCommerce lightbox, cutting out the individual product pages?
  2. After visiting the single product page, how easy is it for customers to get back to the list of products? Does your website encourage them to go straight to the cart? Or does it encourage them to buy more products first? It's important that customers can complete their purchase quickly, but it's equally important to increase the average order value. And the way to do this is to bring customers back to your other products as easily as possible. You can do this by adding a product lightbox for WooCommerce that automatically closes after adding to the cart.

Armed with this information, you can decide whether your store revenue would benefit from installing a WooCommerce lightbox plugin to your WordPress.org website. The WooCommerce Quick View plugin works seamlessly with all WordPress themes.

Looking for quick view popups or product lightboxes? Learn everything you need to know about WooCommerce quick view plugins, how to use them, and how to choose the best one for your store.

Most major e-commerce stores outside of the WordPress space have some sort of quick view functionality on their shop pages. Yet it's surprising that WooCommerce itself doesn't have anything like this built-in. Instead, shoppers have to visit a separate page to learn about and buy each product.

The solution is to use the best WooCommerce quick view plugins to add something like this to your store:

WooCommerce Quick View Example

In this article, I'll start by looking at the benefits of a WooCommerce quick view plugin and how it can help different types of e-commerce store.

Then, I'll show you how to use the WooCommerce Quick View Pro plugin to add quick view buttons and lightboxes to your shop pages.

Let's get started!

What are WooCommerce quick view plugins?

A WooCommerce product quick view plugin does exactly what the name suggests: It gives shoppers a "quick view" of a specific product without requiring them to navigate to the product page.

Overall, product quick views are a popular tactic used by 48% of the top 50 US ecommerce sites, according to the Baymard Institute.

A custom quick view WooCommerce plugin usually displays information like:

  • Full product gallery
  • Short product description
  • Product variations and attributes
  • Quantity picker and add to cart button
  • Extra product information such as reviews, price, categories, tags, and SKU

Typically, customers trigger the quick view by either:

  • Hovering their mouse over the item (no click required)
  • Clicking on a button or the product information (requires clicking)

ForeSee found that the latter implementation was more effective in getting customers to use quick view, but you'll still see both approaches.

Some examples

You can see a combination of the hover and button approach in action at the Fossil store - users hover over a product and click the Quick Look button to open a more detailed product quick view popup WooCommerce without leaving the page:

Example of product quick view at Fossil

And for an actual WooCommerce quick view plugin demo, you can check out this demo page.

Next, I'll share some use cases for when WooCommerce quick view plugins are a good idea. After that, we'll show you how to add quick view to your store.

What types of store can benefit from WooCommerce quick view plugins?

WooCommerce quick view plugins are the perfect way to present additional information without taking up more space or sending users to a separate product page. Because the information is hidden until a customer actually needs it (i.e. they click a button or link to open the quick view), it doesn't clutter up your product lists.

Here are some great examples of stores that will benefit from a WooCommerce quick view WordPress plugin…

Show a WooCommerce product gallery lightbox without forcing people to leave the page

Most WooCommerce product list views show a single image for each product. The best WooCommerce quick view plugins let you create a product gallery lightbox. Shoppers can browse all your product images. They can view the full gallery and enjoy extra features like image zoom, without loading a new page.

Additionally, customers can quickly switch between the gallery lightboxes for different products. This helps them make a decision.

This approach works whether you're using the regular WooCommerce shop and category pages, or a WooCommerce list view plugin.

Include product reviews right away

Reviews add important social proof to your products. Unfortunately, you normally have to get a shopper to go to the individual product page before you can show them the average star rating for each product.

However, with a product quick view WooCommerce plugin, you can display reviews right away. This puts your social proof front and center.

Display food add-ons for a WooCommerce restaurant ordering system

WooCommerce restaurant quick view plugin

If you're using WooCommerce as a restaurant ordering system, you probably know the struggle of trying to balance presenting a clean, easy-to-read menu with giving your customers the ability to customize their food orders.

For example, if you have a pizza delivery shop, you might have 10+ different toppings that customers can choose from, which can get cluttered on a standard WooCommerce list view menu. You can add toppings and other options like this by using the WooCommerce Product Options plugin.

With the WooCommerce quick view plugin, you can present a clean, easy-to-navigate menu and then let customers customize their order using the product quick view.

You'll still get that nice one-page ordering that restaurants need, but you won't have to compromise on usability.

Related tutorial: Create a WooCommerce restaurant ordering system

Create a detailed "build your own product" configurator

WooCommerce build your own hamper

If you let customers build their own products with WooCommerce, you might have too many configuration options to display in your product list. Like the restaurant example above, a WooCommerce quick view plugin lets you offer all those options while still keeping your product list organized.

Related tutorial: Sell 'Build your own' products in WooCommerce

Display information from third-party plugins like deposits, subscriptions, etc.

WooCommerce quick view plugin with Deposits

Many WooCommerce quick view plugins add their own information to the add to cart section of a product page. Common examples are Deposits, Attribute Swatches, and Subscriptions.

These extras won't display on the default WooCommerce shop or category pages. They're normally only available on the WooCommerce single product page popup. However, the WooCommerce Quick View Pro plugin supports a long list of third party plugins, including all of the ones mentioned above. The extra product options appear in the WooCommerce quick view product popup. As a result, your main shop page remains clean while still letting visitors access the important information from the same page.

Move add-ons, attributes, and variations into the WooCommerce quick view

A WooCommerce quick view plugin is a great option for displaying product add-ons, attributes, and variations. If you want to display product options as a WooCommerce preview items popup window, then this is the best quick view plugin for you.

The custom quick view WooCommerce lightbox lets you display more information about each product as well as extra buying options - all without having to visit the individual product page.

You can even display product variations as a table in the quick view lightbox. To do this, use the WooCommerce Quick View Pro and WooCommerce Product Table plugins together. That way, you can display variations as a table in the quick view window.

Display audio or video playlists in the popup

WooCommerce Quick View audio plugin

If you use audio or video playlists at your store (either as actual products or as supplemental product information), you can display an individual media player or a full playlist in the WooCommerce quick view plugin lightbox.

All you need to do is add a media player to the WooCommerce preview items popup product short description.

You can also display audio or video media players directly in your product list if desired. We have some dedicated posts for audio and video, as well as a tutorial on how to create a WooCommerce audio store.

Show bundled or composite products in the popup

WooCommerce quick view bundled products

By default, your shop page or product list displays each individual product, even if it's part of a product bundle or group.

With the WooCommerce Quick View Pro plugin, though, you can display grouped products via the native WooCommerce functionality. This WP plugin also supports product groupings that you've created with the Bundled Products or Composite Products plugins.

You can get pretty creative with these configurations, as explained in this article about creating composite products.

Introducing the WooCommerce Quick View Pro plugin

Quick View Pro is one of the best WordPress quick view plugins. It makes it easy to add quick view features to any Woo store. We spent many months working to develop the best WooCommerce quick view plugin on the market. It has everything you need to speed up shopping and allow customers to learn more and buy directly in the quick view lightbox.

Within minutes, you'll be able to let shoppers open a customizable quick view box with the click of their mouse:

Add quick view buttons anywhere

You can use WooCommerce Quick View Pro with the regular WooCommerce shop and category pages. Either enable it globally or for specific categories only.

You can also use it with the WooCommerce Product Table plugin to create quick one-page order forms complete with quick view buttons:

WooCommerce Product Table with quick view buttons

Flexible quick view lightboxes

You can choose what information to display in the WooCommerce quick view - like opting to only include images, product details, or both.

This means that you can use it:

  • As a WooCommerce add to cart popup plugin, letting customers choose variations and product options from the custom quick view WooCommerce.
  • You can use it as a way to bypass the WooCommerce single product page popup.
  • Furthermore, you can even use it as a standalone WooCommerce gallery lightbox plugin. This showcases the full product image gallery in a product quick view popup WooCommerce with zoom features.

And you can also control how shoppers open the product quick view, like adding a quick view button or opening the quick view when a shopper clicks on the product title or image.

More WooCommerce quick view plugin features

Beyond letting you customize how shoppers open the product quick view box, WooCommerce Quick View Pro also:

  • Lets you customize what information displays in the quick view. For example, you can choose to only display images or to only display certain product details - or both. You have full control over the specific product data that displays in the quickview lightbox.
  • Is responsive and mobile friendly. The quick view popup works on all devices and shoppers can open the quick view with any touch screen.
  • Works with all WooCommerce product types. Simple products, variable products, external/affiliate products, grouped products... your customers can buy any of these from the quick view modal window.
  • Integrates with other popular WooCommerce plugins, including WooCommerce Product Options, WooCommerce Product Bundles, WooCommerce Deposits, WooCommerce Subscriptions, WooCommerce Wishlist Plugin, and more.

When a shopper adds a product to their cart from the quick view, the plugin automatically closes the quick view box and shows a success message. This encourages people to keep browsing and purchasing additional products. Alternatively, you can use the native WooCommerce "Redirect to the cart page after successful addition" feature to send shoppers straight to their carts.

Tutorial: How to set up the best WooCommerce quick view plugin

Next, we get to the practical part of this article: the WooCommerce Quick View Pro setup tutorial.

Below, you'll learn how to use WooCommerce Quick View Pro with:

  • The regular WooCommerce shop and archive pages.
  • Order forms or product list views that you've created with the WooCommerce Product Table plugin.

Either watch the video, or follow the written instructions underneath.

Step 1: Install and activate WooCommerce Quick View Pro

As soon as you install and activate the WooCommerce Quick View plugin on your WooCommerce store, it automatically adds product quick view features right away.

By default, it adds a new Quick View button to the main shop page and category archives. (If you like, then you can disable it for specific categories as needed.)

You can see an example of the default button below:

Product quick view button

When users click that button, the quick view lightbox opens and displays the:

  • Short description
  • Add to cart button
  • Image gallery
  • Extra metadata such as the category, tags, and SKU code
  • Price
  • Reviews
  • Plus various additional product data, as required
Product quick view box

Those are the defaults - now, here's how to customize how the WooCommerce quick view plugin works.

Step 2: Choose how shoppers open quick view

To access WooCommerce Quick View Pro's settings, use the plugin setup wizard or go to WooCommerce → Settings → Products → Quick view.

Access quick view settings

The first setting that you'll want to configure is how shoppers actually open the quick view popup.

First, you can choose whether or not to use the dedicated quick view button. If you do want to use the button, you can also:

  • Change the button text
  • Turn the button icon on or off
Configure quick view button

For example, if you turn the icon off and change the text, here's how your shop page might look:

Beyond that, you can also choose whether or not to open the quick view when a shopper clicks on the product's title or image.

By default, clicking on the product image or title takes shoppers to the individual product page. But if you check the box for Open from product name/image, the quick view will open instead:

Open from product title

Step 3: Choose what information displays in the product quick view box

You can do much more than choose how shoppers open the WooCommerce product quick view box. Beyond this, you can also control what product information displays inside the quick view box. And even further, you can choose how shoppers can interact with that information.

First, you can use the dropdown to control whether to display:

  • Only product images
  • Only product details
  • Both images and product details (the default)
Choose what information to include

For example, if you set the Quick View contents drop-down to Image only, the quick view box would only display the product gallery:

Only product gallery

Further down, you can also control more about how the image and product details function. For example, you can choose which product details to include.

Using WooCommerce Quick View Pro with WooCommerce Product Table

Next, let's cover how to use the WooCommerce quick view plugin with our WooCommerce Product Table WordPress plugin. This is a super-popular combination because customers love creating quick product order forms complete with quick view buttons.

WooCommerce Product Table lets you display some or all of your products in a flexible list view. A few popular use cases are:

  • Restaurant order forms
  • Wholesale stores
  • Audio or video stores
  • Etc.

WooCommerce Quick View Pro is built to integrate with WooCommerce Product Table.

When both WooCommerce quick view plugins are active, you'll see a new Quick View Pro option in the WooCommerce Product Table settings. You can access these settings by going to WooCommerce → Settings → Products → Product tables:

WooCommerce product table quick view

When you check this box, all of the product page links in your table will open the quick view box instead of linking to the individual product page. That means shoppers can:

  • Click on the name of the product to open more information
  • Use the add to cart button if they want to add the product straight to their carts

It replaces all links to the single product page with quick view. As a result, customers can't get from the table to the WooCommerce single product page popup. It's perfect if you want to disable the individual product page completely.

An example
Quick view table

Beyond that setting, you also get a new quick-view column option that you can add to your table:

Add quick view column

Learn more about column options in WooCommerce Product Table

If you include the quick-view column, it will add a persistent quick view button for each product:

Product quick view column

If you want to change the button text, you can use regular WooCommerce Quick View Pro button settings. You can also use those settings to customize what information is included in the product quick view box.

Get the best WooCommerce quick view plugin today

ecommerce quick views are a great way to let shoppers view more information without forcing them to visit the individual product page.

Almost half of the top 50 ecommerce stores use quick view functionality. About 45% of shoppers are likely to make use of quick view functionality.

It doesn't matter whether you're using the regular WooCommerce shop pages or you've created product list views with our WooCommerce Product Table plugin. Either way, WooCommerce Quick View Pro adds a flexible product quick view box in just a few minutes. We've designed it to be one of the best WooCommerce quick view plugins available today, and we hope you like it.

Do you have any questions about how to use WooCommerce quick view plugins at your store? Let us know in the comments!

WooCommerce Product Table Demo

Since we first launched WooCommerce Product Table in 2016, it's grown to be used on over 3,000 WooCommerce stores. It's popular for everything from restaurant ordering systems and product lists to wholesale bulk order forms and...well, pretty much anything else that benefits from WooCommerce products and tables!

We're happy to have created a successful WordPress product that helps people get more from WooCommerce. But our success has also led to an uptick in people searching for and supplying WooCommerce Product Table nulled releases.

In fact, maybe you ended up at this article because you were searching for a WooCommerce Product Table nulled version yourself…

We understand why you might be looking for a cheaper alternative - not everyone has the same budget. But beyond the fact that any WooCommerce Product Table nulled versions are not authorized by us, we also want to explain some of the benefits to you of purchasing an officially licensed and supported version.

See - beyond that money helping us keep the lights on and continue to maintain and improve WooCommerce Product Table - it also helps save you time and get more from the plugin. And more importantly, it keeps your website stable and secure, which is vital for any e-commerce store.

Keep reading to discover the top six reasons not to use nulled versions of WooCommerce Product Table.

Six reasons not to use WooCommerce Product Table nulled versions

1. Paying customers have access to support (and customers love our support!)

If you use a nulled WooCommerce Product Table free download, you won't get access to any support.

Support is one of the things that we pride ourselves upon, and if you read the WooCommerce Product Table reviews from real customers, you'll see the quality of our support come up again and again:

WooCommerce Product Table nulled versions don't have support

In addition to helping you with the basics, we always strive to go above and beyond. We want to make sure WooCommerce Product Table functions as well as possible for each and every customer.

For example, we've helped customers fix mistakes in their shortcode and integrate the plugin with the rest of their site. Often, we even offer general suggestions for how to use WooCommerce Product Table to boost sales for specific types of products.

Offering this high level of support isn't just about helping you use the plugin, though. It's also about helping you save time that you might otherwise waste if you're using a nulled version of WooCommerce Product Table. And it's about helping you make more money from your WC store.

As you've probably heard, time equals money, so the "free" nulled plugin isn't always the most affordable option if it causes you to waste hours trying to do something that our support could've helped you with right away. And if you lose out on opportunities to use the plugin in a way that will increase your sales, then you're actually leaving money on the table.

2. No updates (a big deal for bug fixes and security)

If you're using a licensed version of WooCommerce Product Table, you'll receive update notifications in your WP dashboard. As a result, you can update the plugin with a single click, just like you can with any plugin you've installed from WordPress.org.

However, with a nulled WooCommerce Product Table download, you won't receive update notifications, nor will you be able to update the plugin from your WordPress dashboard.

The big issue here is that you will not be notified of, nor receive, any updates that apply to:

  • Bug fixes
  • Security patches
  • Compatibility issues

Not being able to promptly apply those updates as we release them might cause an issue on your site, especially because of the next issue...

3. Compatibility issues

This one ties with the point above. However, compatibility issues deserve a special mention because there are a lot of moving parts to WordPress. As the plugin developers, we need to stay on top of these to make sure WooCommerce Product Table keeps functioning properly.

The biggest one is WooCommerce itself. The WooCommerce team releases a new version about every month or so (sometimes more).

That means we need to test WooCommerce Product Table's compatibility pretty much every single month. The same goes for new WordPress core releases, especially major releases.

Beyond that, WooCommerce Product Table also works well with a number of other popular plugins. All of those plugins are constantly changing themselves, which requires further testing to ensure compatibility with WooCommerce Product Table.

Without a license key and update notifications, you might miss out on new versions designed to keep WooCommerce Product Table compatible with the other plugins at your WordPress site. Using WooCommerce product table nulled simply isn't worth the risk.

4. No new features

Since its initial release, we've been constantly improving WooCommerce Product Table with new features and enhancements.

For example, the plugin started as a shortcode only. 2 years later, it now has a full visual interface where you can configure all of its settings.

Most recently, we launched an integration with our WooCommerce Quick View Pro plugin. This adds product quick view support to WooCommerce Product Table.

If you're using an older WooCommerce Product Table nulled download, though, you might not have access to these features.

Beyond that, adding these new features requires time and effort. Your official purchase gives us the resources to continue improving WooCommerce Product Table with new features in the future.

5. You don't know what's in a nulled WooCommerce Product Table download

The simple fact is that, when you download WooCommerce Product Table from a nulled plugin site, you have no idea what else that site has added to the code.

Such sites are not operated as a charity, and they're going to make their money somehow.

In the best case scenario, such a site might just charge a monthly subscription fee. In the worst case scenario, they might add a malicious backdoor that lets them take over your site and, say, inject malicious links into your site's footer.

Whether you're building your own site or a site for a client, this risk is not something you want.

When you purchase from the official plugin page, you can have the peace of mind that you know you're getting 100% clean code that's authorized by us.

6. There's no risk to purchasing a license!

Finally, we know that you might be searching for a nulled Woo Product Table download simply because you want to test if the plugin can do everything you need it to before cracking open your wallet.

We understand the feeling. We certainly don't want you to waste money if you're not sure whether or not WooCommerce Product Table is right for your needs.

That's why we offer a 30-day money back guarantee - no questions asked.

So if you're on the fence about whether WooCommerce Product Table is the right tool for the job, just go ahead and buy a license and try it out.

If you're not 100% happy, just get in touch and we'll give you a full refund.

Get your official copy of WooCommerce Product Table

By skipping the WooCommerce Product Table nulled versions and purchasing an official license, you're ensuring that you always have access to:

  • The latest version of the plugin, complete with bug fixes and security patches
  • Clean code, with none of the malicious backdoors that some nulled plugin sites add
  • The latest compatibility fixes for WordPress, WooCommerce, and other compatible plugins
  • An ever-evolving list of new features and functions

Beyond that, you get above-and-beyond support to help you get the most from WooCommerce Product Table. This saves you from wasting time on figuring out something our support can solve for you.

Finally, with a 30-day money back guarantee, you can purchase an official license at no risk to your wallet:

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

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

WordPress product catalog created using WooCommerce Product Table

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

What is a WordPress product catalog and who needs one?

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

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

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

Who needs a WordPress product catalog?

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

E-commerce stores that sell products

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

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

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

Businesses wanting to showcase products without e-commerce

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

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

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

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


Introducing WooCommerce Product Table

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

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

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

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

How to list products in a catalog for e-commerce

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

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

For WooCommerce

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

Step 1: Create a table-based WordPress catalog

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

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

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

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

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

WPT table builder columns

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

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

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

Step 2: Add the product catalog to a page

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

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

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

Product Table Gutenberg Block

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

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

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

Step 4: Add product quick view to your tables

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

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

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

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

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

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

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

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

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

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

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


How to create a WordPress product catalog without a shopping cart

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

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

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

Create a WooCommerce product catalog without online ordering

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

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

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

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

Perfect!

Create a product catalog without an e-commerce plugin

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

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

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

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


The perfect WordPress product catalog plugins

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

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

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