How to Show WooCommerce Product Compare Count in Elementor?

Updated on July 3, 2024 by Editorial Team
Table Of Content

Are you looking to show a product compare count in Elementor? By incorporating the product compare count you can provide customers with a quick and easy way to see how many products they have added to their comparison list.

With the Woo Compare widget from The Plus Addons for Elementor, you can easily show product compare count in Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Woo Compare 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.

To do this, add the Woo Compare widget to the page where you are showing the product listing with the compare button or in a common template like header, then follow the steps – 

1. From the Type dropdown, select Count under the Woo Compare tab.

Woo compare type count how to show woocommerce product compare count in elementor? From the plus addons for elementor

2. Then from the Count Type dropdown, you have to select the count type. Here you’ll find two options – 

  • Button – This will allow you to link to an external page like a product comparison page.
  • List View – This will allow you to show products added for comparison in a popup on the same page.

Select the option as per your requirements, let’s select List View here.

3. Then from the Post Type dropdown, select Products

Note: List View only works with WooCommerce products.

From the Alignment section, you can align the compare counter for responsive devices.

Under the Woo Compare Count Button tab, you can edit the compare counter text from the Compare Count field.

You can set an initial counter number from the Count field.

From the Button Text field, you can change the compare count button text.

Then from the Icon Library section, you can change the icon of the compare counter.

Now when you add a product to compare, it will show the number of products added for comparison and when you click the counter it will show the added products in a popup.

Woo compare type count demo how to show woocommerce product compare count in elementor? From the plus addons for elementor
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website