--- title: "How to Add Product & Post Quick View in Elementor?" url: https://theplusaddons.com/docs/add-product-post-quick-view-in-elementor/ date: 2024-07-02 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "Clicking through to a full product or post page just to check one detail interrupts browsing - a quick preview popup keeps shoppers on the listing. The Quick View widget..." image: https://theplusaddons.com/wp-content/uploads/2024/07/How-to-Add-Animated-Headings-In-Elementor-1024x570.jpg word_count: 294 --- # How to Add Product & Post Quick View in Elementor? ## - The Quick View widget adds a popover preview trigger to products and any post type, and it works against WooCommerce products and ordinary posts alike. - The Plus Addons for Elementor Pro requires Elementor free installed and active, WooCommerce installed and active, and at least one published product before Quick View is enabled. - Quick View opens a popover with the chosen post or product title, image, price for products, and a short description without navigating away from the listing page. Clicking through to a full product or post page just to check one detail interrupts browsing - a quick preview popup keeps shoppers on the listing. The **Quick View** widget adds a popover preview trigger to products (or any post type), confirmed to work against WooCommerce products and ordinary posts alike. For the full settings tour of every Woo Builder widget, see [Woo Builder Settings Overview](https://theplusaddons.com/docs/woo-builder-settings-overview/). ***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/woocommerce-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Prerequisite:** [WooCommerce](https://wordpress.org/plugins/woocommerce/) installed and active, with at least one published product.- **Edition:** all Woo Builder widgets are part of **The Plus Addons for Elementor Pro** - a Pro licence is required.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Quick View** and turn its toggle on.- A published product to preview - for example "Wool Beanie" on this site. ## Steps - Add the **Quick View** widget to your product/post listing template.- From **Post Type**, choose which post type it previews - this list is built live from every post type registered on the site (Post, Page, Product, and any custom post types), not hardcoded to Product.- From **Quickview**, leave it at **Default** to use the widget's built-in preview layout. ![Post Type dropdown with all registered post types](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-quickview-post-type.webp) ![Quickview dropdown set to Default](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-quickview-default.webp) ## Front End Result Clicking the quick-view trigger opens a popover showing the chosen post/product's title, image, price (for products) and a short description, without navigating away from the listing page. ![Quick View popover open over a product listing](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-quickview-popup.webp) ## Settings Overview | Setting | What it does | Default | | ------- | ------------ | ------- | | Post Type | Which post type this Quick View instance previews. | Post | | Quickview | Default built-in layout or Custom Template. | Default | ## Related Docs - [How to Add a Quick View Button to a Custom WooCommerce Product Skin in Elementor?](https://theplusaddons.com/docs/add-a-quick-view-button-to-a-custom-woocommerce-product-skin-in-elementor/)- [How to Show Quick View to Post Content with Elementor Template?](https://theplusaddons.com/docs/show-quick-view-to-post-content-with-elementor-template/) ## Frequently Asked Questions **Q: What do I need before adding quick view in Elementor?** A: Elementor free and WooCommerce both need to be installed and active, and WooCommerce needs at least one published product. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH also requires the Quick View widget to be enabled under The Plus Addons > Widgets. That setup matters because the widget is part of The Plus Addons for Elementor Pro, so a Pro licence is required before it will work. **Q: Does quick view work for both WooCommerce products and regular posts?** A: The Quick View widget is confirmed to work with WooCommerce products and ordinary posts alike. It adds a popover preview trigger to products or any post type, so it is not limited to product grids. That makes it useful when you want the same lightweight preview pattern across a shop listing and a content listing without sending people away from the page. **Q: What post types can the quick view popup preview?** A: The Post Type setting pulls from every post type registered on the site, including Post, Page, Product, and any custom post types. It is built live from the site instead of being hardcoded to Product, which gives you more flexibility when you want the same preview behavior on different listing templates. That also means the widget can adapt to custom content structures already on the site. **Q: What happens when someone clicks the quick view trigger?** A: A popover opens on top of the listing page instead of sending the visitor to a full product or post page. For products and posts, the popup shows the title, image, and a short description, and for products it also includes price. That keeps browsing focused because shoppers can check details without losing their place in the listing. **Q: Should I use Default or Custom Template for quick view?** A: Default uses the widget’s built-in preview layout, which is the fastest way to get a working quick view popup. That is usually the safer choice when you want a simple product or post preview with title, image, and short description. If you need a different presentation later, the related docs point to template-based approaches such as [How to Show Quick View to Post Content with Elementor Template?](https://theplusaddons.com/docs/show-quick-view-to-post-content-with-elementor-template/). **Q: How do I add quick view to a custom WooCommerce product skin?** A: The related doc [How to Add a Quick View Button to a Custom WooCommerce Product Skin in Elementor?](https://theplusaddons.com/docs/add-a-quick-view-button-to-a-custom-woo-commerce-product-skin-in-elementor/) covers that use case directly. This tutorial’s widget adds a popover preview trigger, so it fits naturally into product listing templates where you want shoppers to inspect items quickly without leaving the archive. For broader widget behavior across Woo Builder tools, [Woo Builder Settings Overview](https://theplusaddons.com/docs/woo-builder-settings-overview/) is the matching reference.