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 PluginWith 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 -> Products -> Quick 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!

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 photography website

This is the ultimate guide to WooCommerce for photographers. WooCommerce offers some fantastic opportunities to sell photos online, whether this is to the general public or specific clients. I'll walk you through the best WooCommerce photography plugins and WooCommerce gallery plugins , as well as provide tips on how to sell more photos on your WordPress website.

Not all photographers want to sell their images to the general public. If you provide bespoke photography services, you'll want to sell photos in secure areas of your website that only certain clients can access. Fortunately, WooCommerce for photographers is straightforward. And if you're not a photographer, don't worry! These solutions are suitable for anyone wanting to create client-specific products or categories in WooCommerce.

By the end of this article, you'll know how to choose the best WooCommerce for photographers plugins and set them up:

  1. Why should a photographer use WordPress & WooCommerce?
  2. Why sell client-specific products in WooCommerce?
  3. Create a password protected category for each client
  4. Sell physical photo prints, downloadable digital photos & other types of product
  5. Use product variations to provide multiple options
  6. Use WooCommerce Product Table to list more photos per page
  7. What if my client has already paid for their photos?
  8. Show extra photos and image zoom in a quick view lightbox
  9. Sell personalised photo frames or engravings with Product Add-Ons
  10. Add a watermark to protect your images
  11. Bulk import photo products to WooCommerce

Skip straight to the section you're interested in for detailed written instructions. To bring it all together, we've also created this video tutorial on how to create a complete WooCommerce photography website. It covers all the features you need, including quick bulk upload, photo order form pages with variations, plus a password protected category for each client:

WooCommerce & WordPress for Photographers: how useful is it?

Just what I needed
Does just what I needed. I list the set of photos based on each client. Good adjustment and easy to use.

There a huge number of WooCommerce gallery plugins, WooCommerce gallery plugins and other miscellaneous plugins for photographers. A huge number already have WordPress websites. It's hardly surprising given that WordPress powers over 1/4 of all websites. A huge number of WordPress photography themes and plugins are available. This makes WP for photographers easy: you can create professional websites using flexible, off-the-shelf solutions.

WooCommerce is the world's biggest e-commerce platform. As well as powering a huge 94.3% of all WordPress e-commerce websites, it's used by over 41% of all e-commerce sites worldwide. Wow.

While popularity isn't everything, WooCommerce is obviously here to stay. It's well supported with a huge ecosystem of Woo experts behind it. With so many plugins and add-ons available, there are plenty of options for selling client-specific products in WooCommerce. Not to mention all the other great plugins and features for displaying photos in WooCommerce.

Types of photography you can sell with WooCommerce

You can use WooCommerce to sell absolutely any tip of photography product - digital or printed. For example:

  • Any photo file format JPG, PNG, GIF, and any other type of image file.
  • Type of photography Artistic photography, aerial or drone images, client photography (e.g. family, couple or wedding photos), editorial images, event photos, portraits, stock photos.
  • Image genres Animals, architecture, beaches, holidays and travel, business, celebrities, cities, fashion, food and cookery, home and lifestyle, natural photography, panoramas, seasonal photography, sports and fitness, technology.
  • Delivery mechanism Digital photos, printed photos, or images printed onto other media such as stationery and promotional materials.

Whatever type of photos you need to sell, you can do it with WooCommerce. Keep reading to find out how.

WooCommerce for Photographers case study – Photo Studio TNK WooCommerce photography website

WooCommerce photography website with client login plugin

Photo Studio TNK is a WooCommerce for photographers website run by Thierry in Paris, France. His clients book him for photoshoots, he then sells the prints to them on his WooCommerce website. Selling prints is a big part of his business, so Thierry's clients each need access to a private space where they can view and purchase their photos. That’s why Thierry’s WooCommerce website is powered by our WooCommerce Protected Categories and WooCommerce Product Table plugins.

This is how it works. After a photoshoot, Thierry uploads the images into the client’s hidden WC category. The client is sent a password. They log on to their hidden area to view the images. Each image is displayed in one table than can be filtered. Clients can view images, select variations and add multiple photos to the cart, all from this one table.

It works well for customers as they can view the images on their mobile or laptop and they don't need to leave the page to purchase their chosen images.

You can read more about Thierry’s WooCommerce photography website here. Or read on to find out more about how to make WooCommerce gallery plugins work for your photography business.

Why sell client-specific products in WooCommerce?

There are lots of reasons why a photographer might want a WooCommerce photography plugin to sell client-specific products. Woo for photographers is highly flexible. Let's take a look:

Event or wedding photography

WooCommerce wedding photography website

Wedding photographers take photos of a specific event such as a wedding. Afterwards, they need to upload the photos of the event for the couple to view.

A wedding photographer will typically charge a fixed fee for the event itself, with perhaps a photo album included in the price. They may earn extra revenue from the wedding by selling extra options to the couple and their guests. For example, the photos can be bought individually (either as photo prints with different framing options, or as digital prints for download) via the photographer's website. The photographer might also sell packages via their website, such as additional albums or photo montages.

The images must be uploaded to a secure area of the WooCommerce photography website that only the couple - and possibly their guests - can access. People with access to the photos should be able to buy them online.

Family photographer

WooCommerce photographer image

A family photographer is similar to a wedding or event photographer in that they're commissioned to do a photoshoot of a specific family. They might do the photoshoot for free, with the family just paying for the photos they actually want.

After the photoshoot, the photos need uploading to a private area on their website. The family can login, choose their photos and buy online.

School photography

School photographers take individual and class photos of school children. After visiting the school (which they typically won't charge for), they earn money by selling the photos to parents. The same often happens in nurseries, pre-schools and kindergardens.

Traditionally, school photographers would print a preview of each photo which the school would distribute to parents. This still happens, but parents are typically directed to the school photographer's website where they can view all the images of the class and buy online. The website often sells many options such as different packs and framing choices, and even other objects printed with the photo (e.g. mugs or mouse mats).

Given the confidentiality around photos of children, it's important that school photography is uploaded to a secure area. Only the individual parents - or perhaps the parents for the whole class - can access the photos.


How photographers can sell client-specific products in WooCommerce

There's an excellent plugin to sell client-specific products to photography clients. It involves creating hidden areas of your WordPress WooCommerce website that only the appropriate client can access. It does this by password protecting a category so that only people with the correct password can view and buy the hidden photos.

Password protected categories are better than creating a separate login for each user and giving them access to specific photos in WC. This is because:

  • You don't have to spend time creating a separate user login for each client.
  • You can easily give multiple clients access to a hidden category of photos. For example, wedding photographers can give a shared password to the bride and groom, and all their wedding guests. Everyone can access the protected category and buy the photos, resulting in more sales for you! (Tip: You can create multiple passwords for each customer, if you want to. This is still easier to manage than creating a full WordPress user login for each person who accesses your protected photos.)

Create a password protected category for each client

WooCommerce Password Protected Categories is the easiest plugin to sell client-specific products on a WooCommerce photography website.

To use the plugin, photographers can create a separate product category for each client in WooCommerce. You can then upload all the photos for that client to the relevant category. For regular clients, you can create sub-categories - one for each event or photoshoot.

How to create client-specific WooCommerce password protected categories

  1. Create a WordPress website with WooCommerce and WooCommerce Password Protected Categories installed.
  2. In Pages > Add New, create a page called 'Client Login' (or similar). Leave this blank and Publish the page.
  3. Go to WooCommerce > Settings > Products > Password Protected Categories. De-select the options to show protected categories and products in the public areas of the site. This will hide your client-specific products so no one else will know they exist. Change any other settings as needed, for example to customise the text on the WooCommerce category login form.
  4. Go to Products > Categories and create a category (plus any sub-categories) for each photography client. In the 'Visibility' section, choose 'Password protected' and enter 1 or more passwords. (Tip: Don't password protect any sub-categories - they will automatically inherit the same password as the parent category.)
  5. Upload the photos that you want to sell to each client by creating products in WooCommerce and assigning them to the correct category. (If you've already added your photos products for the client, go to the main Products list in WP. Use Quick Edit to categorise them quickly.)
  6. Finally, go to Appearance Menus and add your Client Login page to the menu. Or if you prefer, link to this page from the header, footer or anywhere else on your site. (Or just keep it hidden from your public website and send the link to your clients.) You can also add a login form to a text widget using the shortcode: [category_login].

And that's it!

That's all you need to do to sell client-specific products and categories for a WooCommerce photography website. When a client visits your website, they can click on the 'Client login' link to view the login page. On entering the correct password, they will be automatically directed to their own category. They won't be able to see your other clients' categories - just their own.

The plugin is simple but secure. Visitors will be prompted for a password whether they try to access the login page, the category page, a sub-category or a specific product page. Once they've unlocked their client-specific category, they can navigate anywhere within that category without having to re-enter the password.

WordPress Photographer Client Login Plugin

It's the perfect way for any photographer to securely sell customer-specific products in WooCommerce.


Bonus! Tips on using WooCommerce for a photography website

So far, you've discovered an easy way for photographers to use WooCommerce to sell photos to specific clients. Then some tips on how photographers can use WooCommerce more effectively.

Sell physical photo prints, downloadable digital photos & other types of product

One of the best things about WooCommerce for photographers is that you can sell multiple product types. The ones most suited to a WooCommerce photography website are:

  • Standard products This is a traditional 'physical' product which you will ship to the customer. With this product type, you can add postage costs.
  • Downloadable products You can also use WooCommerce to sell downloadable products. These don't have a shipping cost. When you create a downloadable product, you can upload the digital image file of the photo. Once a client has purchased the digital version of a photo, they will be given access to a secure link where they can download it.

By combining simple and downloadable products, you can design a WooCommerce photography website where you can sell photo prints and digital versions. If you only want to sell one of these product types (e.g. some photographers refuse to sell digital versions of their photos), that's fine too!

Use WooCommerce Product Table to list more photos per page

WooCommerce photo gallery plugin

Most themes have a fairly typical WooCommerce category layout, which may or may not be suitable for selling client-specific photography products. This tends to have big images with the product name, price and add to cart button.

The usual layout is pretty good on most WooCommerce for photographers websites due to the big images. However, it's less appropriate for selling photography products that aren't so visual. For example, a product category for framing options and photo bundles may not need big images. Instead, you might prefer to list as many products per possible, with extra information to make it easy to compare products such as size and colour.

If that applies to any of your products then WooCommerce Product Table offers a better photo gallery layout. It lists products in a searchable, sortable table or grid with filters.

You can make the product images as big or as small as you like (or hide them completely). This is better for less visual products such as frames or bundles, where you just want to list the options on a single page.

You can even use it as a one-page order form, where customers can select variations, quantities and add to cart directly from the product table. There are lots of ways to use product tables to increase your conversion rates and get more sales.

How to use WooCommerce Product Table to sell photos with password protected categories for each client

WooCommerce Product Table is fully compatible with the Password Protected Categories plugin that I told you about earlier. To use the two plugins together, you just need to follow these instructions to automatically add the product table layout to your category archive template file.

When your photography clients log into their hidden password protected category, they will see their photos presented in a product table layout.

WooCommerce Product Gallery Responsive Plugin

WooCommerce gallery plugin: Check out our separate tutorial on selling more photos with a WooCommerce gallery layout.

What if my client has already paid for their photos?

Some photographers upload photos so that clients can buy them individually, whereas others take payment as a package beforehand. You can let clients order photos without having to pay for each one. The exact method depends on whether you're selling physical or digital downloadable photos.

Photo prints and physical products

Add your photos as WooCommerce products using the method that I described above. Instead of requiring payment online, choose an offline payment gateway such as 'Invoice'. You can rename this to anything you like, so the word 'invoice' won't appear anywhere.

When the customer adds photos to the cart and the checkout, they can use this pseudo payment method to complete their order without having to pay.

If you still want to take payment for other types of product, then that's fine too. Simply use the Conditional Shipping and Payments plugin to show the pseudo payment method for specific categories only.

Downloadable digital photos

Your customers can also download their pre-paid photos from their private portal, without having to pay online. To do this, I recommend using the following plugins alongside WooCommerce Protected Categories and WooCommerce Product Table:

  • Free Downloads WooCommerce - Add each photo as a downloadable WooCommerce product, and use this free plugin to allow customers to download them without having to check out or pay online.
  • WooCommerce Quantity Manager - If a client has pre-paid to download a specific number of photos, then use this plugin to restrict the number of products they can download. For example, if they have purchased a package of 20 photos then you should set a maximum quantity of 20. You can set limits on the client's whole category, or individual products/photos.

Use quickview to show multiple photos and image zoom

WooCommerce Image Gallery Lightbox Plugin

WooCommerce Product Table is ideal for listing photography products. However, the size constraints of the image column mean that it can only show one static image of each product.

WooCommerce Product Gallery Lightbox Plugin

You can show extra images by adding the WooCommerce Quick View Pro plugin. This handy plugin displays the full image gallery for each product, and customers can scroll between images by clicking on the thumbnails or using navigation bullets.

You can hover over an image to zoom in on it, showcasing your photos in full high definition that will inspire people to buy them.

The quick view plugin is very flexible and you can choose which style of photo gallery to show, and whether to include images only or whether to add extra product data and purchase options. It's the perfect way to provide further information and show off your photography more effectively without taking people to a separate page for each product.

Use product variations or add-ons to provide multiple options

WooCommerce photography websites often need to sell products with several options. For example, you might sell a photo print in multiple sizes. You might offer a choice of framing options. You could offer different file formats for your photos.

Give customers a choice with product variations

Use variable products in WooCommerce to add extra options. Customers can select the combination of variations they need and see the updated price before adding photos to the cart.

WooCommerce photography sell photo prints and digital downloads

Sell optional extras and customizations with Product Add-Ons

If you need extra flexibility (e.g. multi-select checkboxes or space for the customer to add a personal message), then you can use the WooCommerce Product Options plugin.

This WooCommerce extension adds extra add-on fields to the product page where clients can add text, upload a file, or choose additional options.

The add-on options will appear in the add to cart column of your product table. Customers can select them before adding to the cart.

Add a watermark to protect your images

Many photographers who sell photos in WooCommerce wish to protect their images and prevent people from downloading them without making a purchase. After all, the product featured image is available for people to see before they buy. Anyone with basic computer knowledge knows how to right click on a photo to download it, or how to take a screenshot of it.

There are several easy ways to protect your photos:

  1. When you add the product featured image, make sure it's low resolution. That way, if anyone downloads it then it won't be print quality. They must pay for the high resolution downloadable product in order to get the full quality version. (Of course, they can still share the low res photo on social media, so you may want more protection.)
  2. You can also use the YITH WooCommerce Watermark plugin to automatically add a watermark to your featured images. This is a neat compromise because while it doesn't prevent people from downloading the image, the watermark will prevent them from using it. They must buy the photo in order to receive the un-watermarked version.

Bulk import photo products: WooCommerce import and WooCommerce Gallery plugins

Since publishing this tutorial, lots of you have asked how to bulk import photos to sell in WooCommerce for photographers. For example, a photographer might want to upload an entire photoshoot to their website and sell each image as a separate product. It would take too long to do this manually, so you need a WooCommerce gallery import plugin that can import simple, variable and downloadable products.

You can do this using the official Product CSV Import Suite plugin. I'll tell you how to import your photos using this plugin now:

Instructions - Product CSV Import Suite

  1. Get the plugin and install it on your WooCommerce site.
  2. Use FTP to upload all the photos to the /wp-content/uploads/ folder on your website. To keep your photos organized, add them under the current month. This is easy, as the uploads folder is already structured by month. (If you haven't used FTP before, learn how here.)
  3. If you want to create a lower resolution version of each photo to use as the main product image, upload these too.
  4. Next, prepare a CSV file containing the product data that you wish to import. The easiest way to create a CSV file is to use spreadsheet software such as Microsoft Excel or Numbers. When you've finished, use the Save As or Export option to save the file as CSV.
  5. Add all the product data using the column headers in the import plugin documentation. If you want each product or variation to have the same data (e.g. price) then you can copy and paste rows of the spreadsheet to quickly add them - just make sure each row has a unique URL for the actual image.
  6. If you're selling photos as downloadable products, use this section of the documentation to add the downloadable product data to the CSV file. This includes downloadable file URL (this will be the URL of the photo that you uploaded via FTP), download limit and expiry.
  7. When the CSV file is complete, upload it using the Product CSV Import Suite plugin. This will automatically import your photos as WooCommerce products, so you can start selling them.

Preparing your CSV file sounds a bit daunting. Stick with it, as the documentation is excellent and covers everything you need to know. WooCommerce.com also provide excellent live chat support to help with any problems. Once you've created your first CSV file, it will be much easier next time.

WooCommerce for photographers – time to create your website!

I hope this guide has helped you to choose the best WooCommerce photography plugins or WooCommerce gallery plugin for your WordPress website. I'd love to hear how you get on.

You've learned:

Which are the best plugins on WordPress and WooCommerce for photographers in your opinion – are there any I've missed? Please add your comments below.

WordPress video gallery plugin

It's so easy to embed video in WordPress these days, but it's not so easy to create a video gallery listing all your videos in a grid – unless you use the right plugin. This article will teach you how to create a responsive WordPress video gallery - the easy way.

WordPress Video Gallery FeaturedKeep reading to learn how to use the Document Library Pro plugin to create a searchable WordPress video gallery. While it isn't just for videos, it is one of the best WordPress video plugins around. It makes it easy to add a video grid or video portfolio to your website.

You'll learn how to add videos to your gallery using 3 different methods:

  • Embedding a video that is hosted elsewhere into WordPress, for example, YouTube videos or Vimeo videos.
  • Directly uploading video to your WordPress website.
  • Creating a video playlist.

We'll also look at the many different options and functionality for setting up your WordPress video gallery. You can choose what information to display about your videos, how to size them, how many WordPress tutorial videos to display on each page of the gallery, and more.

Your WordPress video gallery will be fully responsive and will resize to fit different screen sizes and mobile devices.

At the end of this step-by-step tutorial, you'll know how to create a professional-looking video gallery for your WordPress site. Your visitors will be able to watch videos directly within the WordPress video gallery, as well as search and filter to easily find their ideal videos.

WordPress video library tile layout

Document Library Pro creates a WordPress video gallery in a choice of gallery layouts. The table layout lists each video on its own row of a searchable, filterable table. The grid layout displays each video within a tile, similar to Netflix.

You can use this WordPress video gallery plugin to embed any type of video into your WordPress site. This includes:

  • Any video hosting service YouTube, Vimeo, Dailymotion, Animoto, Blip, Cloudup, CollectHumor, Facebook videos, Flickr videos, TED talks, VideoPress, etc.
  • Types of video Long videos, short video snippets, promotional video, product demonstrations/reviews/unboxings, stock footage, educational videos, event coverage, how-to video tutorials, interviews, presentations, video commentary, vlogs, webinars.
  • All video genres Animations, behind-the-scenes footage, drone footage, movies, and films, non-fiction videos.

The videos in the gallery will autoplay in an online video player, directly on the video gallery page. You can also display videos on a separate WordPress page for each video, or allow users to click through to watch on video platforms like YouTube or Vimeo.

This WordPress video gallery plugin also lets users search, sort, and filter the gallery from the front end. As a result, visitors can quickly find the video(s) they’re looking for.

You can list all your videos in a single gallery, or you can list different videos on different pages on your WordPress site. It's super flexible and with over 50 options, it's the perfect WordPress video gallery plugin. The all-in-one plugin also provides a user-friendly player interface that lets you add SEO-optimized video galleries quickly.

1. Install the video gallery plugin

The first step to creating your WordPress video gallery is to install the Document Library Pro plugin. You need this in order to add WordPress tutorial videos and display them in a video gallery online. It will work on any WordPress website and any theme.

After installing the plugin, go to the settings page and enter the license key from your 'Getting Started' email. Next, go to the 'Document Libraries' tab and choose how you want your video galleries to look. Pay particular attention to these options:

  • Columns - There are lots of available columns. As a minimum, I recommend these for a WordPress video gallery: title, content:Watch Online. The title column will display the video name, and the content column will show the embedded video player. You can see that I added :Watch Online after the name of the content column. This will appear as the column header, so change this to anything you like. If you want people to be able to download videos - or click through to watch them like a YouTube video gallery - then add a link column too.
  • Clickable columns - If you want people to be able to click on the name of a video to watch it on a separate page, then leave this as it is. Add none to disable these links and keep people on the main WordPress video gallery page.
  • Shortcodes - Enable this option. This is essential in order for the main WordPress video gallery page to display embedded video players.
  • Filters - Choose 'Custom' and add doc_categories and/or doc_tags, depending on how you're planning to structure the video gallery. This will add a categories filter dropdown and/or a tags filter dropdown above the video gallery. It's a quick way for people to find specific types of video, for example by genre or year.
  • Lazy load - Enable this if you're listing lots of videos in the gallery. It loads each page of videos one at a time, which improves page load times.

2. Add videos to the gallery

Now the overall structure of your WordPress video gallery is in place, it's time to start adding videos and/or video playlists.

If you want individual videos to appear in their own row of your WordPress gallery as below, then you'll need to add each one as a separate 'Document' post. You can do this in the 'Documents' section of the WordPress admin.

WordPress video gallery individual video.
A WordPress video gallery with 1 video per row

If, however, you're planning to create video playlists then you'll need a separate Document post for each playlist, but not each video:

WordPress video gallery playlist
A video playlist in a WordPress video gallery

Note that you'll be able to include a combination of individual videos and playlists in your WordPress video gallery. For each 'Document', add either one or more videos. I'll tell you how to do this next.

Use these steps to add each video or playlist to the gallery:

  1. Go to Documents → Add New in the WordPress admin.
  2. Add a title for the video, plus any other information such as categories, tags, or an excerpt (which is useful for adding a short video description or summary).
  3. Next, embed your video in the main content area using one of the following 3 methods:
Method 1 - Embed a video from YouTube or Vimeo

The most reliable way to add a video to your WordPress video gallery is to first host it on a third-party video platform. YouTube and Vimeo are the most popular, but you can embed from any of the video services in this list. (It's fine to use other video platforms too or use self-hosted videos, but instead of just pasting the URL, you need to get the embed code and paste it into the 'Text' view on the Add/Edit Document screen.)

Using a specialist video host is a great choice because:

  • It will save space on your web hosting account.
  • Dedicated video hosts automatically create multiple versions of your videos behind the scenes. This means that your videos will play for more people, whatever technology or device they're using to access your website. You don't have to worry about writing any fancy code to check the user's device or serve alternate versions of your videos - it all happens automatically.
  • You get lots of extra features from specialist video hosts such as view counters, social sharing, annotations, mobile-friendly cards, monetization through advertising, etc.
  • If you use a public video website such as YouTube then people can also find your videos directly via the host. This will help to increase your traffic. If you'd rather your WordPress video gallery not be publicly available on the hosting site, then I'd recommend Vimeo. Vimeo has more privacy settings and you can protect Vimeo videos so they can only be viewed on your domain.

If you're embedding WordPress tutorial videos from one of the files in this list, you just need to embed the URL of your video directly into the post. To do this, view your video on YouTube, Vimeo, social media platform, or whichever site you're using, and copy the URL from the address bar at the top of your browser. To help you find the video URL, I've circled it in the screenshot below:

Where to find YouTube URL for WordPress video gallery

Then, simply paste the URL into the content area of your WordPress post. WordPress will instantly convert it into an embedded video player.

Method 2 - Upload the video directly to the media library

If you prefer, you can host videos directly on your WordPress website and embed the media files:

  1. Click the Add Media button above the WordPress toolbar and upload your video file (e.g. MP4 or MOV).
  2. Select the video in the WordPress media library.
  3. Make sure the Attachment Display Settings section is set to Embedded Media Player and click Insert into post.

Again, WordPress will automatically embed a watchable video into your post.

Method 3 - Create a video playlist

Finally, you can add entire video playlists to your WordPress gallery. These have to be hosted in the WordPress media library.

  1. Click Add Media above the WordPress toolbar.
  2. Click the Create Video Playlist option on the left. Note, this option will only appear if you already have video files in your media library. Upload some videos to WordPress if not.
  3. Tick all the videos you want to include in the WordPress video gallery playlist.
  4. Click the Create a new video playlist on the right.
  5. On the next screen, add the caption that should appear for each video. Tick the boxes to indicate whether to show the video list and images in the playlist. Then click Insert video playlist.

WordPress will embed the playlist directly into your page or post.

WordPress video playlist
Where will the video players appear on my website?

Whichever method you use to add your videos and playlists, they will appear in 2 locations in your WordPress video gallery:

  1. On the main video gallery page, within the 'content' section. (As we saw above, you can rename this column to anything you like.)
  2. If you haven't disabled the clickable columns, then people can also click the video name to access a separate page for each video or playlist. The embedded video player will appear on this page. https://barn2.com/kb/dlp-column-widths/

Now all your videos are ready to go, you're ready to display your WordPress video gallery! The good news is that most of this has already been done for you. All you need to do is check it, make any tweaks, and add a link to your website menu so that people can find the video gallery page.

You can also create additional video galleries if you need more than one.

Viewing the video gallery page

WordPress video grid

Click on the 'Pages' link on the left of the WordPress admin, and you'll see all your pages listed. One of these is called 'Document Library' and contains your WordPress video gallery. Rename this to something specific to videos, such as 'Video Library'.

Now view the page. You will see all your videos listed in a searchable table or grid with whichever settings you chose in Step 1.

Go back to the settings page and make any changes to tailor the video gallery to your requirements. You may also want to edit the WordPress video gallery page directly and add some options to the shortcode which has been added to the page. For example, there's a shortcode option that lets you change the column widths. I'll provide more information on customization options for the video sizes next.

Changing the size of each video

If you are using the table view then the best way to customize the size of your embedded video players is to adjust the column widths. The videos will automatically adjust to fit the available space.

By default, the Document Library Pro WordPress video gallery plugin sets the column widths automatically based on the content of each column. But for a WordPress video gallery, you might want to make the video player column wider so that people can see your videos more easily.

To customize the column widths in the video grid, you need to add width="" to the shortcode. Between the quotation marks, you can add a number for each column to represent the percentage of the table each column will occupy. Note the numbers must add up to 100% and be separated by commas. In the example below, the 4 columns will take up 40%, 15%, 30%, and 15% of the table, respectively:

[doc_library columns="content:Watch Now,title,excerpt:Description,category" widths="40,15,30,15"]

(Note: In this shortcode, I have set the columns option to show you that the number of columns matches the number of widths. However, it's easier to set the columns on the WordPress gallery plugin settings page.)

The first column (content) gets 40% of the table width – the biggest width to give more space for the embedded video player. The second column (title) gets 15% as the video titles don't need much space. The third column (excerpt) is slightly wider to allow for more text. The final column (category) is also quite narrow.

WordPress video library

Play around with the widths in your own video gallery to get the column sizes working as you want them.

Creating multiple video galleries

By default, all your videos are listed in one new gallery. If you prefer, then you can list different videos like WordPress training videos on different parts of your site.

You can add a video gallery to any post or page on your WordPress website, or even within a text widget.

Go to the page/post/widget where you want to add the gallery. In the main content area, add the following shortcode:

[doc_library doc_category="music"]

This will list all videos from the 'music' category. Edit the shortcode to include whichever category of videos you want to list in the gallery like WordPress training videos. You can then add as many shortcodes as you want, wherever you want.

The great thing about using Document Library Pro as your WordPress video gallery plugin is that it's not just for videos. You can get even better value for money by using it for other purposes elsewhere on your site. For example:

To use it for multiple purposes, go to Documents → Categories and create categories for each use case. For example, you might have a 'Video' category with various sub-categories for your video genres, and a 'Documents' category with sub-categories for your document types. You can then use the [doc_library category="videos"] shortcode lists different types of resources in different places on your site.

Once you've installed this WordPress video gallery plugin, you can use it as many times as you like. Be creative and get more for your money by using Document Library Pro in different ways!

woocommerce video gallery plugin example
A WooCommerce video store powered by the WooCommerce Product Table plugin

It is also possible to create a WooCommerce video gallery for an eCommerce site. Each video would be a 'product' and would be listed in a table with a preview of the video. People can watch the preview and then click a 'Buy' button to purchase the video - either as a digital download or a physical DVD.

To do this, you need to use our other plugin - WooCommerce Product Table. It has similar features to Document Library Pro but works with the free WooCommerce plugin so that you can actually sell your WordPress training videos online.

Now that you know how to create a fully featured, fully responsive WordPress video gallery, it's time to get creative. To get started, download the Document Library Pro plugin.

  • 100% flexible.
  • List any type of video.
  • Quick 10-minute setup.
  • Expert support and documentation.
  • Free 14-day trial - love it or you pay nothing!

Follow the steps in this tutorial to set up your WordPress video gallery in no time at all. Don't forget it's simple to make the exact video gallery you want, so have a play around and check out the knowledge base for even more ideas.

WooCommerce Gallery Plugin

'WooCommerce is great for selling all kinds of products. That's why it powers over 41% of all e-commerce websites. If you're a photographer selling photos online then you can benefit from a WooCommerce gallery plugin.

In this tutorial, I'll show you how to use the Product Table plugin to create a professional-looking WooCommerce image gallery.

Your customers can search, sort and filter the table to quickly find the images they like. They can select product variations or other options, and add photos to the cart directly from the WooCommerce gallery. You can display any information you like about your products, all within the image gallery view. And if you implement the bonus tip later in this article, then you can also display the full product image gallery in a quick view lightbox. It's the perfect way to sell more photos.

WooCommerce photo gallery plugin

Are you a photographer wanting to securely sell photos to specific clients? Check out our WooCommerce for photographers tutorial.

A WooCommerce image gallery is perfect for any website with highly visual products. If images are essential to your sales then a product gallery is a great way to show them off.

Most WooCommerce stores have a layout that consists of a grid of images with the product name, price, reviews and add to cart button. This may not be the best way to appeal to your customers. For example, if you sell variable products then customers have to click through to the single product page to choose options and add to the cart.

With a photography product, you don't really need the single product page as there's no text-based description. It's better to display all the data you need in the WooCommerce gallery where customers can make quicker buying decisions.

Here are some examples of websites that would benefit from a WooCommerce image gallery.

WooCommerce photography website

If you're selling photos or other images on a WooCommerce website then you can display them in a WooCommerce gallery. The gallery can include all the information you want to provide about your images. This might include name, price, variation options, dimensions, frame options etc.

By displaying all this information on a single page in a WooCommerce gallery, customers can choose all the photos they want without clicking elsewhere. Ideally, they should be able to select multiple photos and add to cart in a single click. This helps to increase the value of each sale - simply by having a gallery of products.

Graphic designer website selling images online

A graphic designer might sell image files using WooCommerce. This could be photos, icons, vector graphics, illustrations, PSD's or logos.

Displaying images in a WooCommerce gallery is a great way to showcase your work while providing all the data your customers need. You could include a big column for the image preview, plus information such as image size, file format, options, price and add to cart button.

Any WooCommerce website where images are important

So far, I've focussed on the most obvious uses for a WooCommerce gallery. However a table layout with images can benefit any WooCommerce website where photos of your products are important.

You can choose the size of the images in the table view, and what other information you want to display. By presenting your products in a one-page WooCommerce gallery layout, customers can see everything at a glance. This helps them to find what they want and reduces your bounce rate and lost sales.

Whether you need a one-page order form with photos or a WooCommerce product catalogue, a WooCommerce gallery view can make a big difference.

1. Install WooCommerce

First, create a WooCommerce website as usual. If you don't know how to set up WooCommerce, here's a link to the official documentation. This covers a huge range of topics such as adding products and categories, payment options and shipping.

2. Install WooCommerce Product Table

Once you have an e-commerce website set up, it's time to install the Product Table plugin for your WooCommerce gallery layout.

  1. Get WooCommerce Product Table, download the plugin files and copy your license key.
  2. In the WordPress admin, go to Plugins > Add New. Upload, install and activate the plugin.
  3. Go to WooCommerce > Settings > Products > Product Table. Enter and save your license key, and choose any default settings for all your product tables.

3. Create a page for your WooCommerce gallery

Easy WooCommerce Image GalleryIn the Pages section of WordPress, create a page for your WooCommerce gallery view.

Insert one of these shortcodes:

  • Simple products without variations - [product_table columns="image,name,buy"]
  • Variable products -  [product_table columns="image,name,buy" variations="true"]

If you already selected any of these options on the plugin settings page, then you can keep it simple and just use the shortcode [product_table]. The options you chose earlier will be used automatically.

Save the page and view it. You will see your products displayed in a WooCommerce gallery table with columns for image, name and add to cart button.

4. Customise your WooCommerce gallery plugin layout

Here are some extra options you might like to add to the WooCommerce Product Table shortcode:

  • Change the image size I recommend adding image_size="300x300" (or similar) to make the images bigger. By default, your photos will appear quite small in the WooCommerce gallery. Set the number of pixels to enlarge them.
  • Change your columns WooCommerce Product Table can display most types of product data in the image gallery. You can choose which columns display in the table view. For example, you might want to display product descriptions, categories, tags, attributes or extra data as custom fields or taxonomies.
  • Let customers choose the quantityAdd show_quantity="true" to the WooCommerce Product Table shortcode to add a quantity selector dropdown next to the add to cart button. This lets customers buy multiple copies of each photo, which can increase your sales. For example, if you're a school photographer then this can encourage customers to buy a copy for each family member.
  • Disable links to the single product page Your WooCommerce gallery should include all the information that customers need about your photos, as well as the image itself. This means that you may not want them to be able to access the single product page. By default, the gallery image and product name in the table will link to the single product page. To disable these links, add links="none" to the shortcode.

These are the main options that you're likely to use in a WooCommerce gallery plugin. There are loads more ways to configure the product table so check out the knowledge base.

WooCommerce Gallery Shortcode Plugin

WooCommerce Product Gallery Responsive Plugin

Top 10 Tips - How to use product tables to optimise your WooCommerce conversion rate.

With WooCommerce Product Table, you can list products in a table-based gallery. If you'd like to show multiple images for each product, then you can do this by using it with its sister plugin - WooCommerce Quick View Pro.

When you use both plugins together, customers can click on a product image, title or quick view button to view the full WooCommerce product image gallery in a lightbox popup:

WooCommerce Gallery Lightbox Plugin

By default, the WooCommerce gallery lightbox shows thumbnail images. Customers click on the thumbnails to navigate between the gallery images. If you prefer, then you can switch to bullet navigation and slide between the images. It's also possible to add product information, variations and add to cart buttons to the

WooCommerce Image Lightbox Plugin with Bullet Navigation

Adding quick view to your WooCommerce gallery is the perfect way to sell more photos. It increases the value of each sale because customers remain on the list of images, and are not taken to a separate page for each product. This encourages them to buy more images from you, increasing your profits.

Get WooCommerce Quick View 

If you'd like to test drive the WooCommerce image gallery that I created for this tutorial, check it out here.

WooCommerce Product Table is a neat way to create WooCommerce galleries, with a grid of product images alongside other data and buy buttons.

Do you use galleries in WooCommerce on your website? I'd love to know what method you use. Please leave your comments below.