Instructions for using Widget in Woocommerce

Today’s article, I will introduce the available Widgets of Woocommerce. The last section is a list of plugins that support Widgets for Woocommerce. And a free plugin that helps you customize the display of Widgets for Woocommerce.

Using Widgets

Using Woocommerce widgets is the same as using other widgets. Which Widget you want to use just drag to the sidebar you want to display. As usual, you will configure at Appearance -> Widgets

List of Woocommerce Widgets

1. WooCommerce Cart (WooCommerce Cart)

 Display mini cart, help customers see the list of products currently in the cart

2. WooCommerce Layered Product Guide (WooCommerce Layered Nav)

Allow customers to filter products by attribute. The widget is only visible in the product archive page (store page).

Options of this Widget

Title : The title displayed on the outside of the Widget

Attribute : Select the product’s attribute to filter. The value here is the product slug so it’s unsigned.

Display Style : Choose how the instructions are displayed.

Query type :

• And: show only products whose attributes match your preferences. Suppose if you select 2 attributes, only products with both attributes will appear
• OR: If you select 2 attributes, products that match either attribute will appear.

3. WooCommerce Layered Nav Filters

Display the properties you are filtering the product view with the Woocommerce Layered Nav widget. The purpose is to let customers know which property they are filtering by to remove it

4. Woocommerce Price Filter (Woocommerce Price Filter)

The filter allows to filter products by price by using a slide to select the price range. This widget is only visible in the Store page (product archive page)

5. WooCommerce Product Categories

Display the list of existing products on the website

6. WooCommerce Products (WooCommerce Products)

Options of this Widget

Title : The Widget’s display title outside the interface.

Number of products displayed : Customize the maximum number of products you want to display to the outside.

Display

• All products: Displays all products in a customized sort order below.
• Featured Products : Display featured products in a customized sort order below.
• Discounted Products : Displays discounted products in a customized sort order below.

Sorted by

• Date : Sort products by date
• Price : Sort products by price
• Random : Sort products in a random fashion
• Sales : Sort products by sales.

Order

• Descending : Sort products in descending order
• Ascending : Sort products in ascending order.

7. Product Search in Woocommerce (WooCommerce Product Search)

Show search box and search for products only

8. Product Keywords in Woocommerce (WooCommerce Product Tags)

Display product keywords in cloud format

9. Recent Reviews in Woocommerce (WooCommerce Recent Reviews)

Show reviews in the latest products, with the number of review stars

10. Recently viewed in WooCommerce (WooCommerce Recent Review)

Display the products the customer has just viewed

11. The Highest Rated Products in WooCommerce (WooCommerce Top Rated Products)

List of products with the most user reviews.

List of WooCommerce widget plugins

If you need more support widgets for WooCommerce, refer to the following list

Free

1. YITH WooCommerce AJAX Product Filter : Support to create product filter.

2. XoX Woocommerce Sidler/Carousel : Support displaying products in slide form

3. Search by SKU for Woocommerce : Widget to find products by SKU code

3. WooCommerce My Account Widget : Widget that displays the login form and links to the WooCommerce account page

4. XO10 – WooCommerce Categories widget : Display product categories containing avatars

Pay fees

1 WC Products By Category Widget : Display products by category

2. Woocommerce Similar Category Products Widget : Display products from the same category

3. Woocommerce Product Filter : Filter products professionally.

4. Woocommerce Sales Countdown : Display the countdown to the discount code program

5. WooCommerce Ajax Drop Down Cart : Add mini cart widget with AJAX support.

6. Shop Assistant for WooCommerce  : Virtual assistant for customers

7. WooCommerce Currency Switcher  : Widget supports automatic exchange rate currency conversion.

8. WooCommerce Cart – WooCart Pro : Automatically display mini cart

Partitioning the Sidebar display with WooSidebars

A fairly common problem when you use Widgets in Woocommerce. That is, you need to divide the displayed Widgets into different pages.

Let’s say you only have a single sidebar showing on the right. But you want the product display page to have its own widget, the product category page to have its own widget.

To solve this problem, you can use the free plugin WooSidebars . This plugin supports you to create your own sidebar and replace the existing sidebar.

Now let’s see how to use WooSidebars.

Using WooSidebars

You install the plugin just like any other client plugin in WordPress. Once installed, you will notice a new item called Widget Area in the Appearance menu. This section helps you create sidebars to replace the existing sidebar

First, click Add New to create a new sidebar.

You enter a name for the sidebar. In the Conditions section, you choose the sidebar display conditions. You can choose Advanced to display the full interface with many advanced options.

Most importantly, in the Side To Replace section, you choose the default side to replace when the condition in Conditions is satisfied. After you finish configuring, click Post.

Next, go to Appearance -> Widgets , you will see the sidebar you just created. The task now is to drag the widget to display to the sidebar. So the widgets will display according to the logic we just created above. Simple right?