---
title: "How to Show WooCommerce Product Compare Count in Elementor?"
url: https://theplusaddons.com/docs/show-woocommerce-product-compare-count-in-elementor/
date: 2024-07-02
modified: 2026-04-09
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/07/How-to-Add-Animated-Headings-In-Elementor-2-3-1024x565.jpg
word_count: 349
---

# How to Show WooCommerce Product Compare Count in Elementor?

## Key Takeaways

- Woo Compare widget from The Plus Addons for Elementor shows product compare count in Elementor.
- List View option in the Woo Compare widget displays products added for comparison in a popup on the same page.
- Users can customize the compare counter text and initial counter number in the Woo Compare Count Button tab.

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](https://theplusaddons.com/docs/add-product-compare-in-elementor/).*

***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.

![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type-count.gif)

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.

![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type-count-demo.gif)

***Read Further***: *[How to Create a WooCommerce Product Comparison Page in Elementor?](https://theplusaddons.com/docs//create-a-woocommerce-product-comparison-page-in-elementor/)*

## Frequently Asked Questions

**Q: What if the Woo Compare widget isn't showing the product count?**
A: If the Woo Compare widget from The Plus Addons for Elementor isn't displaying the product compare count, ensure that the widget is installed and activated. This widget is essential for showing the count of products added for comparison. Additionally, check if you've correctly selected 'Count' from the Type dropdown and 'Products' from the Post Type dropdown, as these settings are crucial for functionality.

**Q: Can I use the Woo Compare widget for products other than WooCommerce?**
A: The Woo Compare widget only works with WooCommerce products, as specified in the tutorial. If you try to use it with non-WooCommerce products, the List View option will not function correctly. This limitation is important to consider when planning your product comparison features in Elementor.

**Q: What settings work best for displaying the product compare count?**
A: For optimal display of the product compare count, select 'List View' from the Count Type dropdown in the Woo Compare widget settings. This option allows customers to view products added for comparison in a popup, enhancing user experience. Also, make sure to adjust the alignment settings for responsive devices to ensure the counter looks good on all screen sizes.

**Q: How can I customize the compare count button text?**
A: You can customize the compare count button text in the Woo Compare Count Button tab of the widget settings. By editing the Compare Count field, you can specify the text that appears next to the product count. This customization helps align the button with your site's branding and improves clarity for users.

**Q: What happens if I select the Button option for Count Type?**
A: Choosing the Button option for Count Type allows you to link to an external page, such as a dedicated product comparison page. This can be beneficial for users who prefer a detailed comparison view. However, if you want to show products directly on the same page, the List View option is more effective.

**Q: Does the compare counter update dynamically when products are added?**
A: Yes, when you add a product to the comparison list using the Woo Compare widget, the counter updates dynamically to reflect the number of products added. This real-time feedback is crucial for enhancing user engagement and helps customers keep track of their selections as they shop.