Product Compare for WooCommerce – Storzen

Description

Product Compare for WooCommerce is a lightweight and modern WooCommerce product comparison plugin that allows customers to compare products side by side before making a purchase.

A product comparison feature helps shoppers quickly identify differences between similar products, leading to better buying decisions, improved user experience, and higher conversion rates.

Whether you sell electronics, fashion, furniture, beauty products, accessories, or digital goods, Storzen makes product comparison simple, fast, and intuitive.

📖 Documentation

Why Choose Storzen Product Compare?

Unlike bulky comparison plugins, Storzen is built for speed, simplicity, and compatibility.

  • Lightweight and optimized for performance
  • AJAX powered for instant updates
  • Easy to set up
  • Beginner friendly
  • Works with most WooCommerce themes
  • Clean WordPress coding standards

Customers can compare products in seconds without page reloads and proceed directly to purchase.

Features

Product Comparison

  • Dedicated Compare Page (created automatically)
  • Add to Compare button on Shop pages
  • Add to Compare button on Single Product pages
  • Compare up to 5 products
  • Responsive comparison table
  • Mobile friendly layout

Product Information Comparison

Compare important product information including:

  • Product Image
  • Product Title
  • Price
  • Rating
  • SKU
  • Availability
  • Short Description
  • Add to Cart button

Floating Compare Bar (New in 1.1.0)

  • Sticky bar appears at the bottom of the screen as products are added
  • Shows product thumbnails with one-click remove buttons
  • Empty slot placeholders so customers know how many they can still add
  • Instant «Compare Now» button — no page scroll required
  • Auto-hides when compare list is empty
  • Smooth slide-up/down animation
  • Fully responsive — adapts to mobile screens

Difference Highlighter (New in 1.1.0)

  • Automatically detects which rows have different values across products
  • Highlights «Different» rows with a configurable background color
  • Color-coded «Different / Same» badges on every row label
  • «Show differences only» toggle — hides identical rows in one click
  • 3-state cycle: Off Highlight Filter
  • Admin-configurable highlight color with live preview

AJAX Experience

  • AJAX add to compare
  • AJAX remove from compare
  • Instant updates
  • Toast notifications
  • View Comparison shortcut

Elementor Support

  • Elementor Compare Table Widget
  • Place comparison table anywhere
  • No coding required

WooCommerce Compatibility

  • WooCommerce 7.0+
  • WooCommerce HPOS Compatible
  • WooCommerce Blocks Compatible
  • Translation Ready
  • Developer Friendly

Benefits

Adding product comparison helps customers:

  • Compare similar products faster
  • Understand feature differences
  • Make confident buying decisions
  • Reduce purchase hesitation
  • Improve shopping experience
  • Increase conversion rates

Perfect for stores selling:

  • Electronics
  • Mobile Phones
  • Laptops
  • Fashion
  • Furniture
  • Beauty Products
  • Home Appliances
  • Automotive Parts
  • Sports Equipment
  • Digital Products

Screenshots

Blocks

This plugin provides 1 block.

  • Compare Button Add a Compare button to any product page or template. Requires Storzen Product Compare for WooCommerce.

Installation

  1. Upload the plugin to /wp-content/plugins/ or install it from the WordPress Plugins screen.
  2. Activate the plugin.
  3. A Compare Products page will be created automatically.
  4. Open Compare Products settings.
  5. The Compare button will automatically appear on supported WooCommerce pages.

FAQ

Does the plugin work without Elementor?

Yes. Elementor is completely optional. The comparison page works perfectly without Elementor.

Where is the Compare page?

A Compare Products page is automatically created during activation. You can also assign your own page using the shortcode: [storprco_compare_table]

How many products can customers compare?

By default, customers can compare up to five products at the same time. This can be adjusted in the plugin settings.

Does it support AJAX?

Yes. Products can be added and removed instantly without refreshing the page for a smooth user experience.

Does it work with WooCommerce HPOS?

Yes. Storzen is fully compatible with WooCommerce High-Performance Order Storage (HPOS).

Does it support WooCommerce Blocks?

Yes. The plugin is fully compatible with WooCommerce Blocks, including the Products and All Products blocks.

Will it work with my WooCommerce theme?

Yes. Storzen uses standard WooCommerce hooks and follows WordPress coding standards, making it compatible with most modern WooCommerce themes.

Reviews

There are no reviews for this plugin.

Contributors & Developers

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

Contributors

Changelog

1.1.1

  • Fix: Added woocommerce/product-collection to supported block targets — this is the default Shop page block in WC 8.0+ and was missing, causing the compare button to not appear on most modern WooCommerce stores
  • Fix: Product ID in block context now resolved from $block['context']['postId'] (WC 8.0+ Product Collection) with fallback to block attrs and global $product — more reliable than global $product alone
  • Fix: Asset enqueue now covers woocommerce/product-template and woocommerce/product-collection in addition to woocommerce/all-products
  • Fix: Injection point search order expanded to </li>, </article>, </div> — better compatibility with FSE themes that use article wrappers
  • New: Native Gutenberg block storzen/compare-button — drag and drop the Compare Button into any FSE template, product page, or custom layout via the Block Editor

1.1.0

  • New: WooCommerce Product Attributes support — enable any global attribute (Color, Size, Material…) as a compare table row from Settings > Advanced
  • New: Weight and Dimensions rows — automatically pulls WooCommerce product weight and dimension data
  • New: Drag-and-drop field ordering — reorder compare table rows with mouse or keyboard (Up/Down arrows) in admin settings
  • Improvement: Accessibility — added scope=»col»/»row» to all table headers, aria-selected sync on sortable list, focus-visible styles on all interactive elements, skip-link for keyboard users
  • Improvement: Attribute checklist section only shown when WooCommerce global attributes exist

1.1.0

  • New: Floating Compare Bar — sticky bottom drawer with product thumbnails, slot placeholders, and one-click Compare Now button
  • New: Difference Highlighter — auto-detects rows where product values differ, adds colored highlights and Same/Different badges
  • New: «Show differences only» toggle on compare table — 3-state cycle (off / highlight / filter)
  • New: Admin-configurable highlight color with live preview for the difference highlighter
  • New: Batch AJAX endpoint for floating bar thumbnail loading on page init
  • Improvement: Header actions grouped cleanly; Clear All and Diff Toggle sit side by side
  • Improvement: Body padding auto-adjusts when floating bar is visible to prevent content overlap

1.0.0

  • Initial release
  • AJAX product comparison
  • Dedicated compare page
  • Elementor widget
  • WooCommerce Blocks support — Product Collection (WC 8.0+), All Products, product-template
  • Native Gutenberg block — drag the Compare Button block into any template or page
  • HPOS compatibility
  • Responsive comparison table