Home > Docs > WooCommerce Best Sellers > WooCommerce Best Sellers – Setup Guide

WooCommerce Best Sellers – Setup Guide

Last updated on October 4, 2024

Would you like to showcase your store’s best-selling products? Prominent products require the best place on your website. WebToffee Best seller app helps you do this. The app helps you to showcase the best seller from all the categories, display best seller sliders on different pages, rank the best sellers, modify the number of top-selling items in the slider, add a best seller seal, add a title to the sliders, create internal links to best sellers, Allow to “show more” items in the same category as best sellers and whatnot.

Getting started

To get started, install and activate the plugin. Once activated, a new sub-menu “Best Sellers” appears under WooCommerce in the dashboard. Let us now navigate through it and explore. 

You can navigate to the WebToffee WooCommerce Best Sellers settings in two ways:

  1. Click on WooCommerce in the dashboard. Select Best Seller from the submenu to get to the plugins setting page.
  2. Plugins > Installed Plugins > WebToffee WooCommerce Best Sellers >Settings (the user will be taken to the General Settings window.)

Let’s take a closer look at the features the plugin offers.

The features are grouped into sections so the users would feel comfortable configuring the app. The sections are as follows.

  • Settings
  • Slider settings
  • Label settings
  • Seal settings

The settings page with the sections is shown below. The sections are distinguished by a dotted line.

WebToffee- Best sellers settings page
WebToffee- Best sellers settings page

Settings

This section elaborates on the general settings of the app.

WebToffee- Best sellers general settings section
WebToffee- Best sellers general settings section

Enable best seller slider in

Enabling this option allows you to display the best seller slider bar in different pages such as store page, category page and single product page. When displayed in the store page, the slider lists the top selling items from your whole inventory. On the contrary, when enabled in the category page, displays the top-selling items from the same category and when enabled in the single product page, lists the best sellers from the lowest lowest level child category. In addition, When a product belongs to multiple category, the slider lists the top-selling items from all the categories in a single slider or in separate sliders based on the selected option.

Show best seller based on

Enabling this option allows you to filter best selling items to be displayed on the slider. Based on two parameters.

  • Total sales count
  • Sales count in past N days.

Number of products to display

Enable to set the number of best selling products in the slider. By default, the slider shows the first three best selling items.

Show best seller label on product thumbnail

Enable to include the best seller label on the product thumbnail. This applies only to products listed as best sellers.

Best seller label
Best seller label

Show best seller seal on product page

Having a best selling seal would make the product look more authentic. Enable to include the best selling seal, which is customizable. The owners are free to choose their seals and use them, though there is a default seal available with the plugin.

Best seller seal
Best seller seal

Show ranking on product pages

Enable to show the ranking position number among the best sellers. The Individual ranks based on categories and total inventory sales count are shown on the product page.

Best seller ranking
Best seller ranking

Show link to best sellers on product page

Enabling this option hyperlinks the ranking description in the product description to the best sellers listing page of that category. This feature requires enabling the Show ranking on product pages option.

Best selling products ranked

Exclude out-of-stock products

Enable to exclude out-of-stock product from the ranking. This also excludes the product from being displayed in the slider.

Show link to best sellers on slider title

Enabling this option displays a “Show more” option alongside the slider title. Clicking on this link displays more products from the current best seller category.

Best seller - Show link to best sellers on slider title
Best seller – Show link to best sellers on slider title

Show separate slider per category on single product page

When the product belongs to multiple child categories, multiple sliders can be used to showcase best sellers from those corresponding categories by enabling this option. This requires enabling the Enable best seller slider option with a single product page selected.

Best seller - Show separate slider per category on single product page
Best seller – Show separate slider per category on single product page

Slider settings

This page allows one to customize the best seller slider. The slider settings can be viewed in the image below.

Best seller - Slider settings
Best seller – Slider settings

Title and Position.

The title to be displayed on the slider can be set using the following options. Title on the shop can be set in the Title on shop page text box. whereas, title on the category page can be set in the Title on category page text box. Finally, the tile on the product page can be set using the Title on product page text box. The position of the slider in the product, shop and category page can be set using their corresponding Position option. The slider can be positioned at the top or bottom depending upon the option selected.

Use slider

Enable to allow swipe option on the best seller slider. This allows you to view all the top-selling products by swiping. Developers can increase or decrease the number of products in the slider pages using the Total number of product to display on slider option.

Best seller - slider menu
Best seller – slider menu

Choose slider type

The plugin offers two types of sliders to be used. They are Swiper slider and bxSlider. If there are any conflicts with the theme, the slider type can be altered using this option.

Slider width

This option is used to decide the width of the slider with respect to the swiper container that holds the slider. The value is input as a percentage.

Total number of products to display on slider

Developers can increase or decrease the total number of products to be displayed on the best seller slider. The slider can be swiped to view all the top-ranked best sellers. This requires enabling the Use slider option. This option also allows setting product counts for devices such as mobile and tablets.

Label settings

This page allows to customize the best seller label that is displayed on the product thumbnail.

Best seller - Label settings
Best seller – Label settings
  • Title – The title to be used in the best seller label.
  • Label background color – The background color of the label.
  • Label text color -The color of the text to be displayed in the best seller label.
  • Label style – This option is used to set the label’s position in the product thumbnail. The options available are Cross left, Straight, Cross right, Cross bottom left, and Cross bottom right. The preview pane displays a quick look at the label on the thumbnail beforehand.
Best sellers Label settings
Best sellers Label settings

Seal settings

This page allows to customize the best seller seal thats is displayed in the description of a product page.

Best seller - Seal settings
Best seller – Seal settings

The options available are as follows:

  • Seal image

This option allows to upload an image to be used as the best seller seal. The image can be loaded both from gallery and Local disk.

  • Position

This option allows to set the relative position of the seal with respect to the cart. The available options are Before” Add to cart” button, Below “Add to cart” button, Before summary, Before description, and Below description.