How to Add Wishlist Button for WooCommerce Products in Elementor?

Updated onApril 11, 2026By

Key Takeaways

  • The Plus Addons for Elementor includes a Product Listing widget that allows users to add a wishlist button to WooCommerce products.
  • YITH Wishlist plugin must be installed and activated to enable the wishlist feature on WooCommerce products.
  • Users can turn on the Display YITH Buttons toggle and the Wishlist toggle in the Extra Options tab to display the wishlist button.
Table Of Content

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

Adding a Wishlist button to your WooCommerce products is a great way to improve customer experience and increase sales. With a wishlist button, customers can easily save products they like, revisit them later, and even share their wishlists with friends and family.

With the help of the Product Listing widget from The Plus Addons for Elementor, you can easily add a wishlist button on products using the YITH Wishlist plugin.

To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.

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

YouTube video

Note: Make sure you have installed and activated the YITH WooCommerce Wishlist plugin.

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, turn on the Display YITH Buttons toggle then turn on the Wishlist toggle.

Product listing yith wishlist new how to add wishlist button for woocommerce products in elementor? From the plus addons for elementor

Now you should be able to see a wishlist button on your products which visitors can use to add products to their wishlist page.

Also, check How to Add Quick View Button on WooCommerce Products in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the wishlist button is not appearing on my WooCommerce products?

If the wishlist button isn't showing, ensure that you have installed and activated the YITH WooCommerce Wishlist plugin. This plugin is essential for the wishlist functionality to work with The Plus Addons for Elementor. Additionally, double-check that you have enabled the Display YITH Buttons and Wishlist toggles in the Extra Options tab of the Product Listing widget.

Can I use the wishlist button with any WooCommerce theme?

The wishlist button can be added to any WooCommerce product as long as you are using The Plus Addons for Elementor and the YITH WooCommerce Wishlist plugin. This combination allows for seamless integration of the wishlist feature, enhancing the shopping experience regardless of the theme you are using.

What are the best settings for displaying the wishlist button on my product listings?

For optimal display of the wishlist button, use the Product Listing widget from The Plus Addons for Elementor. Select an appropriate listing type, style, and layout that aligns with your site's design. Then, ensure the Display YITH Buttons and Wishlist toggles are activated in the Extra Options tab to make the button visible to customers.

What happens if I forget to activate the YITH WooCommerce Wishlist plugin?

If you forget to activate the YITH WooCommerce Wishlist plugin, the wishlist button will not function or appear on your WooCommerce products. This plugin is a prerequisite for enabling the wishlist feature with The Plus Addons for Elementor, so ensure it is installed and activated to provide this functionality.

Is there a way to customize the appearance of the wishlist button?

The customization options for the wishlist button largely depend on the settings available within The Plus Addons for Elementor. While the page does not specify detailed customization options, you can adjust the overall style and layout of the Product Listing widget to influence how the wishlist button appears alongside your products.

Last reviewed: April 11, 2026

Related Docs