--- title: "How to Show WooCommerce Product Wishlist Count in Elementor?" url: https://theplusaddons.com/docs/show-woocommerce-product-wishlist-count-in-elementor/ date: 2024-07-02 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "A wishlist icon with no count leaves shoppers guessing whether they've actually saved anything. Woo Wishlist's Count mode shows the running total of saved products, typically placed next to a..." image: https://theplusaddons.com/wp-content/uploads/2024/07/How-to-Add-Animated-Headings-In-Elementor-2-1-1024x570.jpg word_count: 220 --- # How to Show WooCommerce Product Wishlist Count in Elementor? ## - Woo Wishlist Count mode shows the running total of saved products, typically next to a header icon. - The Plus Addons for Elementor Pro requires Elementor free installed and active, WooCommerce installed and active, and at least one published product before the widget works. - Woo Wishlist updates in the header as shoppers add or remove products from their wishlist elsewhere on the site, giving a persistent reminder of what they have saved. A wishlist icon with no count leaves shoppers guessing whether they've actually saved anything. Woo Wishlist's **Count** mode shows the running total of saved products, typically placed next to a header icon. 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 **Woo Wishlist** and turn its toggle on. ## Steps - Add the **Woo Wishlist** widget to your header template (or wherever you want the count visible site-wide).- From **Type**, choose **Count**. ![Type dropdown set to Count](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-wishlist-type-count.webp) Placed in the header, the count updates as shoppers add or remove products from their wishlist elsewhere on the site, giving them a persistent reminder of what they've saved. ![Wishlist Count widget rendered on the front end, showing its count badge (recommended placement is your header template)](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-header-placement.webp) ## Settings Overview | Setting | What it does | Default | | ------- | ------------ | ------- | | Type | Must be Count for this doc's controls to apply. | Button (change to Count) | ## Related Docs - [How to Add WooCommerce Product Wishlist in Elementor?](https://theplusaddons.com/docs/add-woocommerce-product-wishlist-in-elementor/)- [How to Add a Wishlist Button to a Custom WooCommerce Product Skin in Elementor?](https://theplusaddons.com/docs/add-a-wishlist-button-to-a-custom-woocommerce-product-skin-in-elementor/) ## Frequently Asked Questions **Q: What do I need before showing a WooCommerce product wishlist count in Elementor?** A: Elementor free and WooCommerce both need to be installed and active, and WooCommerce needs at least one published product. This tutorial also requires The Plus Addons for Elementor Pro, because all Woo Builder widgets are part of the Pro edition. In practice, that means the count widget only makes sense once the store and product data already exist, otherwise there is nothing for the wishlist total to reflect. **Q: Why is my wishlist count not showing in Elementor?** A: The most common blocker is that the Woo Wishlist widget is not enabled yet. In The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH, you have to go to The Plus Addons > Widgets, search for Woo Wishlist, and turn its toggle on. If the widget is disabled, Elementor cannot render the count at all, even if WooCommerce and Elementor are already active. **Q: Where should I place the wishlist count so shoppers can see it site-wide?** A: The header is the practical place because the count stays visible as shoppers move around the site. The tutorial says to add the Woo Wishlist widget to your header template or wherever you want the count visible site-wide. That placement matters because the count updates when products are added or removed elsewhere on the site, so it works like a persistent reminder instead of a one-off page element. **Q: What mode should I use for a wishlist counter in this widget?** A: Count mode is the setting that makes this tutorial work. In Settings Overview, the Type setting must be Count for these controls to apply. If it stays on Button, you are not showing a running total of saved products, which defeats the point of this tutorial and changes the widget into a different kind of wishlist control. **Q: How does the wishlist count update when shoppers save or remove products?** A: The count updates as shoppers add or remove products from their wishlist elsewhere on the site. That behavior is why placing it in the header works well: it gives a persistent reminder of what has been saved without needing to open another page. The result is less guesswork for shoppers because they can see whether anything has actually been added. **Q: Is there a guide for adding the actual wishlist button before showing the count?** A: The related docs include [How to Add WooCommerce Product Wishlist in Elementor?](https://theplusaddons.com/docs/add-woocommerce-product-wishlist-in-elementor/) and [How to Add a Wishlist Button to a Custom WooCommerce Product Skin in Elementor?](https://theplusaddons.com/docs/add-a-wishlist-button-to-a-custom-woocommerce-product-skin-in-elementor/). Those pages cover building out the wishlist action itself, while this tutorial focuses on displaying the running total. For a broader settings tour across Woo Builder widgets, [Woo Builder Settings Overview](https://theplusaddons.com/docs/woo-builder-settings-overview/) is also linked.