Title: Product Compare for WooCommerce by DITS
Author: Dits.Agency
Published: <strong>ଜୁନ୍ 28, 2025</strong>
Last modified: ଅଗଷ୍ଟ 26, 2026

---

Search plugins

![](https://ps.w.org/dits-compare/assets/banner-772x250.jpg?rev=3319766)

![](https://ps.w.org/dits-compare/assets/icon-256x256.jpg?rev=3319766)

# Product Compare for WooCommerce by DITS

 By [Dits.Agency](https://profiles.wordpress.org/ditsagency/)

[Download](https://downloads.wordpress.org/plugin/dits-compare.1.1.4.zip)

 * [Details](https://ory.wordpress.org/plugins/dits-compare/#description)
 * [Reviews](https://ory.wordpress.org/plugins/dits-compare/#reviews)
 *  [Installation](https://ory.wordpress.org/plugins/dits-compare/#installation)
 * [Development](https://ory.wordpress.org/plugins/dits-compare/#developers)

 [Support](https://wordpress.org/support/plugin/dits-compare/)

## Description

Product Compare for WooCommerce by DITS adds a fast, intuitive, and customizable
product comparison feature to WooCommerce stores. It enables customers to compare
products side by side, helping them evaluate images, pricing, availability, product
attributes, dimensions, taxonomies, and other important details before making a 
purchase.

Built specifically for WooCommerce, the plugin includes shortcode support, Gutenberg
blocks, and Elementor widgets so store owners can place comparison tools in the 
editing workflow they already use.

### Features

 * Add a product comparison feature to WooCommerce stores.
 * Display a responsive comparison table on desktop, tablet, and mobile devices.
 * Keep the first comparison column fixed while customers scroll horizontally on
   smaller screens.
 * Compare products using WooCommerce availability, attributes, dimensions, categories,
   and tags.
 * Add compare buttons manually with shortcode or through supported WooCommerce 
   hooks.
 * Display the comparison table with shortcode, Gutenberg block, or Elementor widget.
 * Display compare buttons with shortcode, Gutenberg block, or Elementor widget.
 * Choose from three table color themes: Light, Dark, and Aurora.
 * Choose between Modern and Classic table layouts.
 * Show or hide the category filter and short description row.
 * Show an optional popup after customers add products to comparison.
 * Translation ready and prepared for multilingual stores.

### Shortcodes

Use `[dcaw_compare_table]` to display the comparison table with the category filter.

Use `[dcaw_compare_table_without_cat]` to display the comparison table without the
category filter.

Use `[dcaw_compare_button]` on a single product page to display the compare button
for the current product.

You can override the table presentation in shortcode output:

    ```
    [dcaw_compare_table theme="dark" variant="modern"]
    ```

Available theme values: `light`, `dark`, `aurora`.

Available variant values: `modern`, `classic`.

### Gutenberg blocks

The plugin includes two Gutenberg blocks:

 * DITS Compare Table
 * DITS Compare Button

The table block supports category filter visibility, color theme selection, and 
visual style selection.

### Elementor widgets

The plugin includes two Elementor widgets in the DITS Compare category:

 * DITS Compare Table
 * DITS Compare Button

The table widget supports category filter visibility, color theme selection, and
visual style selection. The button widget can use the current product context or
a manually entered product ID.

### License

This plugin is licensed under the GNU General Public License v2 or later (GPLv2+).

You are free to use, modify, and distribute this plugin under the terms of the GPL
license.

## Screenshots

[⌊Product comparison table displayed on the frontend.⌉⌊Product comparison table 
displayed on the frontend.⌉[

Product comparison table displayed on the frontend.

[⌊Main plugin settings page in the WordPress admin area.⌉⌊Main plugin settings page
in the WordPress admin area.⌉[

Main plugin settings page in the WordPress admin area.

[⌊Adding a product to the comparison list from a product category page.⌉⌊Adding 
a product to the comparison list from a product category page.⌉[

Adding a product to the comparison list from a product category page.

[⌊Removing a product from the comparison list from a product category page.⌉⌊Removing
a product from the comparison list from a product category page.⌉[

Removing a product from the comparison list from a product category page.

[⌊Short preview of the product comparison table on the frontend.⌉⌊Short preview 
of the product comparison table on the frontend.⌉[

Short preview of the product comparison table on the frontend.

[⌊Short preview of category filtering on the frontend comparison page.⌉⌊Short preview
of category filtering on the frontend comparison page.⌉[

Short preview of category filtering on the frontend comparison page.

[⌊Short preview of adding and removing products from the comparison list on product
category pages.⌉⌊Short preview of adding and removing products from the comparison
list on product category pages.⌉[

Short preview of adding and removing products from the comparison list on product
category pages.

[⌊Product comparison table displayed on the frontend with the category filter enabled.⌉⌊
Product comparison table displayed on the frontend with the category filter enabled
.⌉[

Product comparison table displayed on the frontend with the category filter enabled.

[⌊DITS Compare Table block preview in the Gutenberg editor with block settings in
the sidebar.⌉⌊DITS Compare Table block preview in the Gutenberg editor with block
settings in the sidebar.⌉[

DITS Compare Table block preview in the Gutenberg editor with block settings in 
the sidebar.

[⌊Dark theme comparison table displayed on the frontend.⌉⌊Dark theme comparison 
table displayed on the frontend.⌉[

Dark theme comparison table displayed on the frontend.

[⌊Dark theme comparison table preview inside the Elementor editor with style controls.⌉⌊
Dark theme comparison table preview inside the Elementor editor with style controls
.⌉[

Dark theme comparison table preview inside the Elementor editor with style controls.

## Blocks

This plugin provides 2 blocks.

 *   DITS Compare Table
 *   DITS Compare Button

## Installation

 1. Upload the `dits-compare` folder to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Go to Product Compare for WooCommerce by DITS > Configure the plugin settings.
 4. Configure the compare button display, comparison page, table fields, table theme,
    and table visual style.
 5. Add the compare button to product pages using WooCommerce hooks, shortcode, Gutenberg
    block, or Elementor widget.
 6. Add the comparison table to a page using `[dcaw_compare_table]`, the DITS Compare
    Table Gutenberg block, or the DITS Compare Table Elementor widget.

## FAQ

### How do I add the comparison table to my page?

You can add the comparison table to any page or post using `[dcaw_compare_table]`,
the DITS Compare Table Gutenberg block, or the DITS Compare Table Elementor widget.

### How do I add a compare button?

Use `[dcaw_compare_button]` on a single product page, configure one of the available
WooCommerce hook positions in the plugin settings, or add the DITS Compare Button
block/widget.

### Can I customize the product attributes in the comparison table?

Yes. The comparison table can include WooCommerce product attributes, taxonomies,
dimensions, availability, price, image, title, and short description.

### Can I change the table design?

Yes. The plugin includes Light, Dark, and Aurora color themes, plus Modern and Classic
table styles.

### Is the comparison table mobile friendly?

Yes. The table supports horizontal scrolling on mobile devices and keeps the first
attribute column fixed while customers compare product columns.

### Does the plugin support Gutenberg?

Yes. The plugin includes Gutenberg blocks for the comparison table and compare button.

### Does the plugin support Elementor?

Yes. The plugin includes Elementor widgets for the comparison table and compare 
button.

## Reviews

![](https://secure.gravatar.com/avatar/6d047ec5c5999a36605c160a40ef1711eafed662ce99f210d42b39e60d3125e3?
s=60&d=retro&r=g)

### 󠀁[Great and Easy to Use Plugin](https://wordpress.org/support/topic/great-and-easy-to-use-plugin-62/)󠁿

 [anastasiya27](https://profiles.wordpress.org/anastasiya27/) ମାର୍ଚ୍ଚ 25, 2026

Very useful plugin for WooCommerce. It’s easy to set up and works perfectly. The
product comparison feature is simple and helpful for customers. Clean interface 
and good performance.

![](https://secure.gravatar.com/avatar/1baea1c5800c53c1c6e6679d8f6b436e37f4cda77adaf70d664782fe15f30117?
s=60&d=retro&r=g)

### 󠀁[Great plugin!](https://wordpress.org/support/topic/great-plugin-40686/)󠁿

 [Volodymyr Zhukivskyi](https://profiles.wordpress.org/volodymyrdev/) ଜୁଲାଈ 25, 
2025

I really liked the clean interface and seamless WooCommerce integration. The customizable
comparison table and modern development stack are a big plus. Well done

 [ Read all 2 reviews ](https://wordpress.org/support/plugin/dits-compare/reviews/)

## Contributors & Developers

“Product Compare for WooCommerce by DITS” is open source software. The following
people have contributed to this plugin.

Contributors

 *   [ Dits.Agency ](https://profiles.wordpress.org/ditsagency/)

[Translate “Product Compare for WooCommerce by DITS” into your language.](https://translate.wordpress.org/projects/wp-plugins/dits-compare)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/dits-compare/), check
out the [SVN repository](https://plugins.svn.wordpress.org/dits-compare/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/dits-compare/) by
[RSS](https://plugins.trac.wordpress.org/log/dits-compare/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.1.4

 * Enabled compare by default for clean installs.
 * Set the default single product compare button hook to `woocommerce_after_add_to_cart_button`.
 * Set the default loop compare button hook to display after the add to cart button.
 * Enabled the comparison popup by default for clean installs.
 * Restored comparison popup functionality on the frontend; previously the popup
   did not work correctly.
 * Updated plugin screenshots and screenshot descriptions.

#### 1.1.3

 * Check compatibility with WordPress 7.0
 * Plugin renamed to Product Compare for WooCommerce by DITS
 * Added improved mobile comparison table styling with horizontal scrolling and 
   a fixed first column.
 * Added Light, Dark, and Aurora comparison table color themes.
 * Added Modern and Classic comparison table visual styles.
 * Added Gutenberg blocks for the comparison table and compare button.
 * Added Elementor widgets for the comparison table and compare button.

#### 1.1.2

 * Added a new modal component for product comparison.
 * This modal functionality is available exclusively in the Pro version.

#### 1.1.1

 * Added a link to the comparison page in the popup.
 * Fixed the counter of added products for comparison (applied to the class specified
   in the settings).
 * Made the counter itself a link to the comparison page.

#### 1.1.0

 * Added support for Pro Plugin integration.
 * Improved compatibility between the base plugin and Pro version.

#### 1.0.2

 * Fixed an error when creating an archive.

#### 1.0.1

 * Fixed scripts and styles.

#### 1.0.0

Initial release. No previous version available.

## Meta

 *  Version **1.1.4**
 *  Last updated **4 days ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.3 or higher **
 *  Tested up to **7.1**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/dits-compare/)
 * Tags
 * [compare](https://ory.wordpress.org/plugins/tags/compare/)[ecommerce](https://ory.wordpress.org/plugins/tags/ecommerce/)
   [product comparison](https://ory.wordpress.org/plugins/tags/product-comparison/)
   [woocommerce](https://ory.wordpress.org/plugins/tags/woocommerce/)
 *  [Advanced View](https://ory.wordpress.org/plugins/dits-compare/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/dits-compare/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/dits-compare/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/dits-compare/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/dits-compare/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/dits-compare/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/dits-compare/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/dits-compare/reviews/)

## Contributors

 *   [ Dits.Agency ](https://profiles.wordpress.org/ditsagency/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/dits-compare/)