How to Enhance Your Ecommerce Experience with the Product Comparison Feature in Blocksy 2

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 中使用产品比较功能提升电商网站效率

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 中使用产品比较功能提升电商网站效率
  • Enabling the Compare View Module
    Once enabled, find the Compare View Module and activate it.
图片[3]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率

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 中使用产品比较功能提升电商网站效率
  • 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 中使用产品比较功能提升电商网站效率
  • 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 中使用产品比较功能提升电商网站效率
  • 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 中使用产品比较功能提升电商网站效率

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 中使用产品比较功能提升电商网站效率
  • 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 中使用产品比较功能提升电商网站效率

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 中使用产品比较功能提升电商网站效率
图片[11]-如何在 Blocksy 2 中使用产品比较功能提升电商网站效率
  • 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 中使用产品比较功能提升电商网站效率

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


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:托尼屎大颗
THE END
If you like it, support it.
kudos2344 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments