Skip to content

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

Table Of Content

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.

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

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.
Youtube video

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

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

Related Frequently Asked Questions

Related Docs