---
title: "How to Add Quick View Button on WooCommerce Products in Elementor?"
url: https://theplusaddons.com/docs/add-quick-view-button-on-woocommerce-products-in-elementor/
date: 2023-08-08
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "Are you looking to add a quick view button on your WooCommerce products? The quick view feature is a great way to give customers a sneak peek of your products..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Add-Quick-View-Button-on-WooCommerce-Products-in-Elementor_-1024x536.jpg
word_count: 316
---

# How to Add Quick View Button on WooCommerce Products in Elementor?

## 

- Adds a quick view button on WooCommerce products using The Plus Addons for Elementor's Product Listing widget.
- Enables Display TP Quickview toggle in the Extra Options tab to show product details in a popup.
- Integrates with YITH Quick View plugin by activating the Display YITH Buttons toggle for additional quick view functionality.

Are you looking to add a quick view button on your WooCommerce products?

The quick view feature is a great way to give customers a sneak peek of your products without having to navigate to the product page. This not only saves time but also makes the shopping experience more enjoyable for your customers. 

With the Product Listing widget from The Plus Addons for Elementor, you can easily add a quick view button on your product so visitors can view product details quickly.

*To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, make sure you’ve added some products to your WooCommerce store, then follow the steps - 

1. Add the Product Listing widget on the page, then select the appropriate listing type, style and layout.

2. Then go to the **Extra Options** tab, and turn on the **Display TP Quickview** toggle.

Then in the **Quickview** dropdown, you’ll find two options - 

**Default** - This will show the product details in a default layout.

**Custom Template** - With this, you can use an Elementor template to create a custom layout.

> *Note: While creating the template make sure to use *[*WooBuilder widgets*](https://theplusaddons.com/elementor-builder/woocommerce-builder/)* to show the contents properly.*

Select the option which fits your requirement.

Now you should be able to see a quick view button on your products, depending on the option selected or template created, you’ll see the relevant product details in a popup. 

You can also add a quick view button if you are already using the [YITH Quick View](https://wordpress.org/plugins/yith-woocommerce-quick-view/) plugin from the **Display YITH Buttons** toggle, then turn on the **Quick View** toggle.

Also, check [How to Add Product Compare Button for WooCommerce Products in Elementor](https://theplusaddons.com/docs//add-product-compare-button-for-woocommerce-products-in-elementor/).