--- 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-09-27 lang: en author: "Aditya Sharma" description: "Once a shopper starts adding products to compare, they need a way to see how many they've picked without scrolling back through the catalog. Woo Compare's Count mode shows a..." image: https://theplusaddons.com/wp-content/uploads/2024/07/How-to-Add-Animated-Headings-In-Elementor-2-3-1024x565.jpg word_count: 235 --- # How to Show WooCommerce Product Compare Count in Elementor? ## - Woo Compare’s Count mode shows a running total of compared products, either as a small badge near a button or as a list of the compared products. - The Plus Addons for Elementor Pro requires Elementor and WooCommerce to be installed and active, with at least one published product, before the Woo Compare widget is used. - The Woo Compare widget is enabled from The Plus Addons > Widgets, then set to Type: Count and Count Type: Button or List View. Once a shopper starts adding products to compare, they need a way to see how many they've picked without scrolling back through the catalog. Woo Compare's **Count** mode shows a running total, either as a small badge near a button or as a list of the compared products. For the full settings tour of every Woo Builder widget, see [Woo Builder Settings Overview](https://theplusaddons.com/docs/woo-builder-settings-overview/). ***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/woocommerce-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Prerequisite:** [WooCommerce](https://wordpress.org/plugins/woocommerce/) installed and active, with at least one published product.- **Edition:** all Woo Builder widgets are part of **The Plus Addons for Elementor Pro** - a Pro licence is required.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Woo Compare** and turn its toggle on. ## Steps - Add the **Woo Compare** widget, typically in your header or a fixed sidebar, so it stays visible while shopping.- From **Type**, choose **Count**.- From **Count Type**, choose **Button** (the default - a count badge on a button) or **List View** (an expandable list of the compared products). ![Type dropdown set to Count](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-compare-type-count.webp) ![Count Type dropdown, Button vs List View](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-compare-count-type.webp) ## Settings Overview | Setting | What it does | Default | | ------- | ------------ | ------- | | Type | Must be Count for this doc's controls to apply. | Button (change to Count) | | Count Type | Button badge or List View of compared products. | Button | ## Related Docs - [How to Add Product Compare in Elementor?](https://theplusaddons.com/docs/add-product-compare-in-elementor/)- [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 do I need before showing a WooCommerce product compare count in Elementor?** A: Elementor free must be installed and active, and WooCommerce must be installed and active with at least one published product. This tutorial also depends on The Plus Addons for Elementor Pro, because all Woo Builder widgets are part of the Pro edition. In practice, that means the compare count widget is not a standalone setup. It sits inside the Elementor workflow and only makes sense once your store already has products to compare. **Q: Why isn’t the Woo Compare count widget available in my Elementor editor?** A: The most common blocker is that the widget has not been enabled yet. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH requires you to go to The Plus Addons > Widgets, search for Woo Compare, and turn its toggle on. If it still does not appear, the Pro licence requirement matters too, since all Woo Builder widgets are part of The Plus Addons for Elementor Pro. **Q: Where should I place the product compare count so shoppers can actually see it?** A: The best placement is in your header or a fixed sidebar, because the count is meant to stay visible while people browse products. That matters more than the exact design choice: shoppers should not have to scroll back through the catalog just to check how many items they added. The Plus Addons for Elementor provides this Woo Compare Count mode specifically as a running total for that kind of persistent visibility. **Q: Should I use Button or List View for the Woo Compare count?** A: Button works best when you want a compact badge near a button, while List View is better when you want an expandable list of the compared products. The page sets Button as the default Count Type, so that is the lighter option if you only need a quick tally. List View adds more context, which helps when users need to see exactly which products are already in comparison. **Q: How does Count mode work in Woo Compare?** A: Count mode shows a running total of compared products instead of just a static icon. Depending on the Count Type, that total appears either as a small badge near a button or as a list view of the compared products. That makes it useful during browsing because shoppers can track their comparison list without jumping back to the product catalog. **Q: What should I use if I want more than just a compare counter?** A: The compare counter is only one part of the comparison flow. If you need help adding the actual compare feature first, use [How to Add Product Compare in Elementor?](https://theplusaddons.com/docs/add-product-compare-in-elementor/). If you need a full comparison page where shoppers review products side by side, [How to Create a WooCommerce Product Comparison Page in Elementor?](https://theplusaddons.com/docs/create-a-woocommerce-product-comparison-page-in-elementor/) covers that next step. The Plus Addons for Elementor separates these pieces so you can build the counter and the comparison page as different parts of the same store experience.