exist Blocksy 2 In it, customers can easily compare multiple products, helping them to be more efficient in choosing the most suitable items. Customers can quickly view the features of each product and make a more informed purchasing decision. Setting up this feature is very simple and can be done in just a few steps, which greatly improves the shopping effectiveness of your website. In this article, we will explain how to enable and use the product comparison feature in Blocksy 2 to help improve the competitiveness of your e-commerce website.
![图片[1]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428095438242-image.png)
Enabling the Compare View Module
To use the product comparison feature, you first need to enable the module. The operation is as follows:
- go into WordPress instrument panels
In the left menu find and click on BlocksyThen go to extensions Options.
- Enable Shop Extra Extension
locate Shop Extra extension and make sure it is enabled.
![图片[2]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428093330841-image.png)
- Enabling the Compare View Module
Once enabled, find the Compare View Module and activate it.
![图片[3]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428095637300-image.png)
When enabled, the offerings Under the tab see a new comparisons menuThis is where you can manage and set up the product comparison function.
Configuring Compare View Features
After completing the module enablement, the next step is to configure the presentation options for the compare feature:
- Adding a compare button to the header
Go to the customizer and click headers Tags. Will comparisons Elements are dragged to any position available, including the mobile header. Customers can easily find the compare button at the top of the page.
![图片[4]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428095836476-image.png)
- Select icon and customize
Blocksy Provides a set of aesthetically pleasing icons, choose one as the icon for the compare button, or upload a customized SVG Icons. There is also icon size control and the option to enable a badge showing the number of products compared as well as text labels.
![图片[5]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428095944120-image.png)
- Configuring Compare View Settings
To return to the main customizer view, select WooCommerce conventional (weapons) Settings, and then go to comparisons section. You can choose how you want to display the comparison view, a popup window or jump to a custom page. You can also choose which product information fields to display, such as title, image, price, description, rating, etc.
![图片[6]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428100057144-image.png)
- Enable comparison bar
start using comparison bar option, which displays the comparison products selected by the customer at the bottom of the page, making it easy to view and modify the comparison at any time.
![图片[7]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428100233660-image.png)
Add Products to Comparison Table
After configuring the comparison view, you need to set up how to add products to the comparison table:
- Enabling the Compare button on the product archive page
switch to Product Archiving Settings, select Card Optionsin additional operation Compare buttons are enabled in the section. This will display a compare button on each product's card, which the customer can click to add the product to the comparison table.
![图片[8]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428100403973-image.png)
- Enable compare buttons on individual product pages
switch to single product page Settings, select Product Elementsin additional operation Partially enable the compare button. This will display the compare button on the product detail page and customers can add products to the compare table directly from the page.
![图片[9]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428100504624-image.png)
Front-end display
- View Compare Button
Once the comparison function is configured, the customer will be able to see in the product card's operation area the comparisons buttons. After clicking this button, the product will be added to the comparison table.
![图片[10]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428100541836-image.png)
![图片[11]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428100628761-image.png)
- View Comparison View
Customers can open a pop-up window showing the added products by clicking the compare button at the top or the compare bar at the bottom. The comparison table clearly shows each product's picture, description, attributes, price and other information to help customers make a quick decision.
![图片[12]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率](https://www.361sale.com/wp-content/uploads/2025/04/20250428100747611-image.png)
summarize
Blocksy 2 's product comparison feature makes comparing multiple products on an e-commerce website much more efficient. This not only improves the smoothness of the shopping process, but also increases customer conversion and retention. With a simple setup, you can provide your website with an efficient product comparison tool that helps shoppers find the right product faster, which in turn boosts sales.
Recent Updates
Link to this article:https://www.361sale.com/en/52576/The article is copyrighted and must be reproduced with attribution.


















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments