---
title: "How to Add Product Compare Button for WooCommerce Products in Elementor?"
url: https://theplusaddons.com/docs/add-product-compare-button-for-woocommerce-products-in-elementor/
date: 2023-08-08
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "As an online retailer, it's vital to provide your customers with the best shopping experience possible. One way to do this is by offering product comparison options. This feature allows..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Add-Product-Compare-Button-for-WooCommerce-Products-in-Elementor_-1024x536.jpg
word_count: 228
---

# How to Add Product Compare Button for WooCommerce Products in Elementor?

## 

- Utilizes the Product Listing widget from The Plus Addons for Elementor to add a product compare button.
- Requires the YITH WooCommerce Compare plugin to function properly alongside WooCommerce products.
- Enables side-by-side product comparison by activating the Display YITH Buttons and Compare toggles in the Extra Options tab.

As an online retailer, it's vital to provide your customers with the best shopping experience possible. One way to do this is by offering product comparison options.

This feature allows customers to compare different products side-by-side, which can lead to increased customer satisfaction and sales.

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

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

***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](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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

> *Note: Make sure you have installed and activated the *[*YITH WooCommerce Compare*](https://wordpress.org/plugins/yith-woocommerce-compare/)* 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 **Compare** toggle.

![](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-yith-compare-new.png)

Now you should be able to see a compare icon when you hover over a product and click on it to compare products side by side.

Also, check [How to Add Wishlist Button for WooCommerce Products in Elementor](https://theplusaddons.com/docs//add-wishlist-button-for-woocommerce-products-in-elementor/).