Post Image

Products compare. Why it should be in every store

Have you thought about the convenience of your store? How do your customers feel in your store? How easy is it to choose a product for them?

They are should to open each product in new tab for compare their? How it work on your site? This is article would be interesting for you if you have not a compare page on your site.

When a customer wants to buy a product, but he does not know what brand he needs, or he wants to see all the product options. We know a plugin, that will help you to solve this issue. Just in a few clicks you can to create a compare page.


Allows customers to compare products. Your customers can make better buying decisions on products they want and need. WooCommerce Products Compare allows users to firstly add products to a compare list, then at the click of a mouse the chosen products can be viewed in a comparison table.

The plugin feautures:

  • Compare button on shop page
  • Compare page with settings for compare attributes
  • Compare product by attributes, custom taxonomy, price and availability
  • Widget with products for compare

The plugin menu

The plugin menu is located Woocommerce -> Compare Products

The plugin has a 5 tabs:

  • General
  • Style
  • Text
  • JavaScript
  • License


On the “General” tab, we can see:

  • Checkbox for fast compare (Open compare table via AJAX on same page)
  • Two checkbox for hiding attributes with same value
    • First checkbox - for displaying button to hide/show attributes
    • Second checkbox – for hiding attributes by default
  • Dropdown select box for “Add to compare” button position
  • Dropdown select box with all pages which your site has (Please, choose compare page or create new and choose it)
  • Field for AddThis ID
  • A lot of attributes which will be used for products compare, choose what are you want
  • Checkbox for full screen button on compare page

On the next screenshot, you will see how we changed the settings on the general tab of our site.

So, we have finished with the "general" tab, and the next step is the "style" tab.


On this tab you can change compare elements style, they are:

  • Compare Button on Widgets
  • Toolbar Button
  • Table
  • Table full size
  • Hide attributes with same value button
  • "Add to compare" button

On this screenshot you can see our style settings.


On this tab we can set the text for compare button or toolbar and other elements.

We leave a standard configures on this tab.

That's all. Now we are have a compare page and we can see like it work. Also plugin has a widget.


The widget from plugin called WooCommerce Products Compare. You can place this widget tto any widget area like other widgets.

When you place widget it will be looks like this

  • Fast compare to load compare table via AJAX - display compare table in popup
  • Title - Widget title
  • Type - Image or Text. Image type uses products image and title in widget. Text type uses only products title in widget.
  • Is Toolbar - display widget as fixed toolbar on the bottom of the page.

Results of our work:

Compare Button


Compare popup

Compare page

In Conclusion

We are thinking that all stores must have opportunity to products compare, it's a very convenient for your customers. We believe that it's can help to increase sales and ratings for your store and we hope that this article will be useful for you and your business. More information about plugin work you can read on the plugin page or his documentation.