--- title: "How to Add Product Compare in Elementor?" url: https://theplusaddons.com/docs/add-product-compare-in-elementor/ date: 2024-06-28 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "Shoppers comparing similar products - two pairs of boots, two hoodies - want to see specs side by side rather than opening tabs back and forth. The Woo Compare widget..." image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-8-1024x565.jpg word_count: 301 --- # How to Add Product Compare in Elementor? Shoppers comparing similar products - two pairs of boots, two hoodies - want to see specs side by side rather than opening tabs back and forth. The **Woo Compare** widget adds an "Add to Compare" control to your products, building a comparison feature WooCommerce doesn't include out of the box. 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.- At least two published products to compare - for example "Suede Chelsea Boot" and "Trail Running Shoe" on this site. ## Steps - Add the **Woo Compare** widget to your product archive, single product template, or wherever you want the compare control to appear.- From **Type**, choose **Button** (the default - an "Add to Compare" button per product), **Count** (a running total of items added to compare) or **List** (see the linked Comparison Page doc). ![Type dropdown, Button / Count / List](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-compare-type.webp) With Type set to Button, sub-controls appear for the button's icon/text style - covered in detail in the linked "Custom WooCommerce Product Skin" doc below. ![Add to Compare button on a product](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-compare-frontend.webp) ## Settings Overview | Setting | What it does | Default | | ------- | ------------ | ------- | | Type | Button, Count or List presentation. | Button | ## Related Docs - [How to Add Product Compare Button to a Custom WooCommerce Product Skin in Elementor?](https://theplusaddons.com/docs/add-product-compare-button-to-a-custom-woocommerce-product-skin-in-elementor/)- [How to Show WooCommerce Product Compare Count in Elementor?](https://theplusaddons.com/docs/show-woocommerce-product-compare-count-in-elementor/)- [How to Create a WooCommerce Product Comparison Page in Elementor?](https://theplusaddons.com/docs/create-a-woocommerce-product-comparison-page-in-elementor/)- [How to Add a Compare Button to Custom or Any Other Post Type in Elementor?](https://theplusaddons.com/docs/add-a-compare-button-to-custom-or-any-other-post-type-in-elementor/) ## Frequently Asked Questions **Q: What do I need before adding product compare in Elementor?** A: Elementor free and WooCommerce both need to be installed and active, and WooCommerce needs at least one published product. The Woo Compare widget is part of The Plus Addons for Elementor Pro, so a Pro licence is required too. A practical gotcha is that the page also calls for at least two published products to compare, since a comparison feature only makes sense when there is more than one item to place side by side. **Q: Why isn’t the Woo Compare widget showing up in Elementor?** A: The usual blocker is that the widget has not been enabled inside The Plus Addons for Elementor. The page says to go to The Plus Addons > Widgets, search for Woo Compare, and turn its toggle on. If it still feels missing, the other hard requirement is that The Plus Addons for Elementor Pro must be installed and activated, because this widget is part of the Pro set. **Q: Can I add product compare on a product archive or single product page?** A: The Woo Compare widget can be placed on a product archive, a single product template, or anywhere else you want the compare control to appear. That flexibility matters because you can surface comparison where shoppers are already browsing similar items, instead of forcing them to hunt for it later. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this control inside the Elementor editor. **Q: Should I use Button, Count, or List for product compare?** A: Button is the default and works as an “Add to Compare” control on each product. Count is better when you want a running total of items added to compare, while List fits the comparison-page flow mentioned in the related docs. In practice, Button is the safest starting point for most stores because it keeps the action obvious at the product level. **Q: How many products do I need before product compare makes sense?** A: At least two published products are needed to make the feature useful, and the page gives examples like “Suede Chelsea Boot” and “Trail Running Shoe.” That matters because compare features are about side-by-side evaluation, not single-product browsing. If your catalog only has one live item, shoppers will not get much value from a compare control yet. **Q: How do I build a full WooCommerce product comparison flow in Elementor?** A: The tutorial covers the compare control itself, while the related docs point to a full comparison-page setup through [How to Create a WooCommerce Product Comparison Page in Elementor?](https://theplusaddons.com/docs/create-a-woocommerce-product-comparison-page-in-elementor/). That split is useful: one widget adds the action on products, and another doc covers turning those selections into a dedicated comparison page. The Plus Addons for Elementor keeps both pieces inside its Woo Builder ecosystem.