WooCommerce Quick View Plugins: How to Add Product Quick View at Your Store

Published on: Updated: March 27, 2019

Want to make it easier for customers to learn more about your products and add them to the cart? If so, you’ll need our latest WordPress plugin – WooCommerce Quick View Pro. Launched today, it’s the easiest way to add product quick view popups or lightboxes to any WooCommerce store.

We’ve spent the last three months working to develop the best WooCommerce quick view plugin on the market. In this article, I’ll reveal how a quick view WordPress plugin can transform your sales. I’ll also explain how to set it up. Within minutes, you’ll be able to let shoppers open a customizable quick view box with the click of their mouse:

WooCommerce Quick View Example

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 quick view. You can use it as a way to bypass the single product page. You can even use it as a standalone WooCommerce gallery lightbox plugin, showcasing the full product image gallery in a popup 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.

First, let’s look at the benefits of a WooCommerce quick view plugin and how it can help different types of e-commerce store.

Then, we’ll show you how to use the WooCommerce Quick View Pro plugin to add quick view functionality to your regular WooCommerce shop pages, or any product lists that you’ve created with our WooCommerce Product Table plugin.

Let’s get started!

WooCommerce Quick View

The quick and easy way for customers to explore and buy your products.

GET THE PLUGIN

A WooCommerce quick view plugin and the best ways to use it

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. This quick view 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 click)

ForeSee found that the latter implementation was more effective in getting customers to use quick view, but you’ll still see both approaches. Note – WooCommerce Quick View Pro, our WooCommerce product quick view plugin, uses the recommended “click” approach. That’s why it’s so effective at increasing your sales. 

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 popup without leaving the page:

Example of product quick view at Fossil

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

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

Next, we’ll share some use cases for when a WooCommerce quick view plugin is a good idea. After that, we’ll show you how to add quick view to your store.

Example use cases for a WooCommerce quick view plugin

A WooCommerce quick view plugin is 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…

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. However, 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.

With a 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 quickview 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 third-party plugins add their own information to the add to cart section of a product page. Common examples are Deposits, Variation Swatches, and Subscriptions.

These extras won’t display on the default WooCommerce shop or category pages. They’re normally only available on the single product page. However, 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 quickview

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 popup window, then this is the best quick view plugin for you.

The quick view 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 by using WooCommerce Quick View Pro with our WooCommerce table plugin. Learn how to display variations as a table on the single product page/quickview.

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

Introducing the WooCommerce Quick View Pro plugin

WooCommerce Quick View Pro is a WordPress quick view plugin. It makes it easy to add quick view features to any Woo store.

You can use it with the regular WC shop and category pages. Or, WooCommerce Quick View Pro also integrates with our WooCommerce Product Table plugin for products that sell best when listed in a table view.

WooCommerce Quick View Pro is built to follow the best usability practices. Rather than displaying the quick view on hover, WooCommerce Quick View Pro uses a persistent button to open the quick view. (Or, you can also let shoppers click on the regular product title/image).

This distinction is important because ForeSee found that 44.83% of shoppers use quick view with a persistent button, while only 8.10% of shoppers use quick view with hover:

Persistent button stats

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. The quick view popup works on all devices and shoppers can open the quick view with any touch screen.
  • Integrates with the WooCommerce Product Table plugin. This lets you add quick view to the order forms that you create with WooCommerce Product Table.
  • 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 Product Add-ons, 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 purchase 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.

You can see WooCommerce Quick View Pro in action at our working WooCommerce quick view demo.

WooCommerce Quick View

The quick and easy way for customers to explore and buy your products.

GET THE PLUGIN

How to add product galleries and lightboxes with WooCommerce Quick View Pro

Below, we’ll show you how to the product quick view WooCommerce plugin with:

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

Step 1: Install and activate WooCommerce Quick View Pro

As soon as you install and activate the WooCommerce Quick View Pro 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.

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 meta data such as the category, tags and SKU code
  • Price
  • Reviews

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, 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 choosing 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:

Quick view information

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.

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 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 single product page. 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.

Start using a 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 have implemented 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 the best quick view plugin available today, and we hope you like it.

WooCommerce Quick View

The quick and easy way for customers to explore and buy your products.

GET THE PLUGIN

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

Filed under: Announcements, WooCommerce Product Table, WooCommerce Quick View Pro , , , , ,