--- 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-09-11 lang: en author: "Aditya Sharma" description: "Do you want shoppers to compare products side by side — specs, prices, features — before they choose? The Woo Product Listing widget in The Plus Addons for Elementor can..." image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Add-Product-Compare-Button-for-WooCommerce-Products-in-Elementor_-1024x536.jpg word_count: 262 --- # How to Add Product Compare Button for WooCommerce Products in Elementor? ## - Woo Product Listing widget muestra el botón YITH WooCommerce Compare en sus tarjetas cuando se activa Display YITH Buttons en Content > Extra Options y luego Compare. - The Plus Addons for Elementor Pro incluye Woo Product Listing, y el widget no aparece en el panel de widgets de la versión gratuita. - YITH WooCommerce Compare debe estar instalado y activo para que aparezca la tabla de comparación; si no se ve el botón, el post indica revisar que Display YITH Buttons y Compare estén activados. Do you want shoppers to compare products side by side — specs, prices, features — before they choose? The Woo Product Listing widget in The Plus Addons for Elementor can show the YITH WooCommerce Compare 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 Compare** 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 Compare Switch on **Compare** underneath. A compare button appears on each product; shoppers pick products and YITH opens the comparison table. ![The Compare switch under Display YITH Buttons](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-compare-wide-yith.webp) ## Limitations - **Needs YITH WooCommerce Compare.** The comparison table and its settings come from YITH.- **Pro only.** The Woo Product Listing widget is not in the free plugin. ## Troubleshooting ### No compare button appears Check YITH WooCommerce Compare is active and both **Display YITH Buttons** and **Compare** are on. Some styles show it on hover. ## Related Docs - [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) — every control in the widget.- [Add a wishlist button](https://theplusaddons.com/docs/add-wishlist-button-for-woocommerce-products-in-elementor/)- [Add a quick view button](https://theplusaddons.com/docs/add-quick-view-button-on-woocommerce-products-in-elementor/) ## Frequently Asked Questions **Q: What do I need before adding a product compare button to WooCommerce products in Elementor?** A: The setup depends on three things: WooCommerce must be installed and active with published products, YITH WooCommerce Compare must be installed and active, and the Woo Product Listing widget must be switched on under ThePlus Settings > Widgets. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this as a Pro widget, so it will not appear in the free plugin. That combination matters because the compare button comes from YITH, while the card layout comes from the widget. **Q: How do I make the compare button show on product cards?** A: The compare button appears when two widget options are enabled together: Display YITH Buttons in Content > Extra Options, then Compare underneath it. The first switch exposes the YITH button area on the card, and the second one turns on the actual compare action. In The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH this is tied to the Woo Product Listing widget, so both toggles need to be on for shoppers to see a usable compare control. **Q: Why is my product compare button not showing up?** A: The usual cause is one of three missing pieces: YITH WooCommerce Compare is inactive, Display YITH Buttons is off, or Compare is off. Some styles also hide the button until hover, so it can look missing even when it is enabled. That makes this a settings-plus-style issue rather than a broken feature. In The Plus Addons for Elementor’s Woo Product Listing widget, checking those two toggles first is the fastest way to isolate the problem. **Q: Does the compare feature work without YITH WooCommerce Compare?** A: No. The comparison table and its settings come from YITH WooCommerce Compare, while The Plus Addons for Elementor only exposes the button inside the Woo Product Listing widget. That split matters because turning on the widget alone does not create comparison logic by itself. If you want side-by-side product comparison in Elementor, you need both pieces active: YITH for the table and The Plus Addons, Plus Addons for Elementor, POSIMYTH for the product cards. **Q: Is there a free version of this product compare button feature?** A: The Woo Product Listing widget is part of The Plus Addons for Elementor Pro and does not appear in the free plugin. That means the compare-button workflow described here is a Pro-only setup. If you are planning a store layout around comparison buttons, that distinction matters early because it affects whether the widget exists in your panel at all. The page also notes that related controls live in [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/). **Q: What other Woo Product Listing button options are related to compare?** A: Wishlist and quick view are the closest related options on this page. The related docs point to [Add a wishlist button](https://theplusaddons.com/docs/add-wishlist-button-for-woocommerce-products-in-elementor/) and [Add a quick view button](https://theplusaddons.com/docs/add-quick-view-button-on-woocommerce-products-in-elementor/), which sit alongside the same Woo Product Listing workflow. That matters because these actions are usually part of the same product-card decision layer: compare helps shoppers evaluate products side by side, while wishlist and quick view support faster browsing.