---
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
lang: en
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?

## 

- Integrates the Woo Compare widget from The Plus Addons for Elementor to display product compare count in Elementor.
- Offers two count types: Button for linking to an external comparison page and List View for showing products in a popup.
- Requires installation and activation of The Plus Addons for Elementor to utilize the Woo Compare widget features.

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/)*