---
title: "How to Add Wishlist Button for WooCommerce Products in Elementor?"
url: https://theplusaddons.com/docs/add-wishlist-button-for-woocommerce-products-in-elementor/
date: 2023-08-08
modified: 2026-09-11
lang: en
author: "Aditya Sharma"
description: "Do you want shoppers to save products for later with a heart button on every card? The Woo Product Listing widget in The Plus Addons for Elementor can show the..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Add-Wishlist-Button-for-WooCommerce-Products-in-Elementor_-1024x536.jpg
word_count: 329
---

# How to Add Wishlist Button for WooCommerce Products in Elementor?

## 

- The Woo Product Listing widget in The Plus Addons for Elementor shows the YITH WooCommerce Wishlist button on product cards when Display YITH Buttons and Wishlist are switched on.
- The Plus Addons for Elementor Pro includes the Woo Product Listing widget, and it does not appear in the free plugin’s widget panel.
- YITH WooCommerce Wishlist is required, and saved products go to YITH’s wishlist page, not to a Product Listing wishlist page because the two systems do not share items.

Do you want shoppers to save products for later with a heart button on every card?

The Woo Product Listing widget in The Plus Addons for Elementor can show the YITH WooCommerce Wishlist button on its cards.

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

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

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

## Before You Start

- **Edition:** **Pro** — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.- **WooCommerce** installed and active, with some published products.- **YITH WooCommerce Wishlist** installed and active.- **Widget to enable:** Woo Product Listing, switched on under **ThePlus Settings > Widgets**.

https://www.youtube.com/watch?v=HhyyVmu16oU

## Step 1: Turn on the YITH buttons

Add the **Woo Product Listing** widget. In **Content > Extra Options**, switch on **Display YITH Buttons**.

## Step 2: Turn on Wishlist

Switch on **Wishlist** underneath. The YITH wishlist button appears on each product, and saved items go to YITH's wishlist page.

![The Wishlist switch under Display YITH Buttons](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-wishlist-wide-yith.webp)

## Which wishlist?

| | YITH Wishlist | The Plus Addons Woo Wishlist |
| --- | ------------- | ---------------------------- |
| Button | This switch | The **Woo Wishlist** widget |
| Wishlist page | YITH's own page | Woo Product Listing set to **Wishlist** |
| Plugin needed | YITH WooCommerce Wishlist | None |

The two do not share items. A product saved with the YITH button will not appear on a [Product Listing wishlist page](https://theplusaddons.com/docs/create-a-woocommerce-wishlist-page-in-elementor/).

## Limitations

- **Needs YITH WooCommerce Wishlist.** Without it the switch has nothing to show.- **Pro only.** The Woo Product Listing widget is not in the free plugin.

## Troubleshooting

### No button appears

Check YITH WooCommerce Wishlist is active and both **Display YITH Buttons** and **Wishlist** are on.

### Saved products are missing from my wishlist page

Your wishlist page uses the other system. Use YITH's page with the YITH button, or the Woo Wishlist widget with a Product Listing wishlist page.

## Related Docs

- [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) — every control in the widget.- [Create a wishlist page](https://theplusaddons.com/docs/create-a-woocommerce-wishlist-page-in-elementor/)- [Add a compare button](https://theplusaddons.com/docs/add-product-compare-button-for-woocommerce-products-in-elementor/)