--- title: "How to Add WooCommerce Product Wishlist in Elementor?" url: https://theplusaddons.com/docs/add-woocommerce-product-wishlist-in-elementor/ date: 2024-07-02 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "Shoppers who aren't ready to buy today still want a way to save a product for later - WooCommerce doesn't include a wishlist by default. The Woo Wishlist widget adds..." image: https://theplusaddons.com/wp-content/uploads/2024/07/How-to-Add-Animated-Headings-In-Elementor-2-1024x565.jpg word_count: 259 --- # How to Add WooCommerce Product Wishlist in Elementor? ## - Woo Wishlist adds a wishlist feature to WooCommerce, which does not include a wishlist by default, and it shows either a save button on each product or a running count of saved items. - The Plus Addons for Elementor Pro includes the Woo Wishlist widget, and the post says a Pro licence is required to use all Woo Builder widgets. - Woo Wishlist is added to a product archive or single product template, and its Type setting switches between Button and Count, with Button able to show an icon, text, or both through Wish Type. Shoppers who aren't ready to buy today still want a way to save a product for later - WooCommerce doesn't include a wishlist by default. The **Woo Wishlist** widget adds that feature, as either a save button on each product or a running count of saved items. 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.- A published product to test with - for example "Everyday Canvas Sneaker" on this site. ## Steps - Add the **Woo Wishlist** widget to your product archive or single product template.- From **Type**, choose **Button** (the default - a save-to-wishlist button per product) or **Count** (a running total of wishlisted items, typically placed in the header). ![Type dropdown, Button vs Count](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-wishlist-type.webp) With Type set to Button, the **Wish Type** sub-control chooses whether the button shows an icon, text, or both - covered in detail in the linked custom-skin doc below. ![Wishlist button on a product card](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-wishlist-frontend.webp) ## Settings Overview | Setting | What it does | Default | | ------- | ------------ | ------- | | Type | Button or Count presentation. | Button | ## Related Docs - [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/)- [How to Show WooCommerce Product Wishlist Count in Elementor?](https://theplusaddons.com/docs/show-woocommerce-product-wishlist-count-in-elementor/) ## Frequently Asked Questions **Q: What do I need before adding a product wishlist in Elementor?** A: Elementor free and WooCommerce both need to be installed and active, and WooCommerce needs at least one published product to test with. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH also requires a Pro licence because the Woo Wishlist widget is part of The Plus Addons for Elementor Pro. That matters because the widget is only useful once you have real products to place it on and a live template to test against. **Q: Why is the Woo Wishlist widget not showing in Elementor?** A: The usual blocker is that the widget has not been enabled yet. In The Plus Addons > Widgets, search for Woo Wishlist and turn its toggle on. Since this widget belongs to The Plus Addons for Elementor Pro, an inactive Pro setup will also keep it from appearing. A quick sanity check is to confirm you already have Elementor free and WooCommerce active before troubleshooting the widget list. **Q: Should I use Button or Count for a product wishlist?** A: Button fits the product-level save action, while Count fits a running total of wishlisted items. The page says Button is the default and is used as a save-to-wishlist button per product, while Count is typically placed in the header. That makes the choice mostly about intent: use Button when you want shoppers to save individual products, and use Count when you want a visible site-wide wishlist total. **Q: Can I add a wishlist button to a single product page or product archive?** A: The Woo Wishlist widget is designed for both product archive templates and single product templates. That gives you flexibility in where shoppers interact with it, since the same feature can sit on listing pages or on an individual product page. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this inside the Elementor editor without code, which keeps placement tied to your template structure. **Q: How does the wishlist count work in the header?** A: Count shows a running total of saved items, which is why it is typically placed in the header instead of inside each product card. That placement makes it easy for shoppers to see their saved-item total as they browse. If your goal is visibility across the whole store rather than a per-product action, Count is the cleaner choice because it behaves like a persistent site-wide indicator. **Q: What does Wish Type change when using the button version?** A: Wish Type controls how the Button version appears: icon only, text only, or both. That matters because visual weight changes how much attention the wishlist action gets on crowded product layouts. The page notes this control in detail under the custom-skin documentation, including [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/), so it is mainly about presentation rather than changing what wishlist does.