The WebToffee WooCommerce Best Sellers plugin allows you to highlight your top-selling products using automated sliders, badges, and ranking seals. To get started, navigate to WooCommerce > Best Seller in your WordPress dashboard. From there, you can choose where to display your bestsellers, customize the appearance of your “Top Seller” labels, and set up sliders to display your most popular items based on total sales or recent trends.
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:
- Click on WooCommerce in the dashboard. Select Best Seller from the submenu to get to the plugin settings page.
- 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 that 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.
Settings
This section explains the app’s general settings.
Enable the best seller slider in
Enabling this option allows you to display the best seller slider bar in different pages, such as the 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, it displays the top-selling items from the same category, and when enabled in the single product page, it lists the best sellers from the lowest-level child category. In addition, when a product belongs to multiple categories, the slider lists the top-selling items from all categories in a single slider or in separate sliders, depending on the selected option.
Show the best seller based on
Enabling this option lets you filter which best-selling items are displayed on the slider. Based on two parameters.
- Total sales count
- Sales count in the past N days.
Number of products to display
Enable setting the number of best-selling products in the slider. By default, the slider shows the first three best-selling items.
Show the best seller label on the product thumbnail
Enable the inclusion of the best-seller label on the product thumbnail. This applies only to products listed as best sellers.
Show the best seller seal on the product page
Having a best-selling seal would make the product look more authentic. Enable the inclusion of the best-selling customizable seal. The owners are free to choose their own seals and use them, though a default seal is available with the plugin.
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.
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.
Exclude out-of-stock products
Enable the exclusion of out-of-stock products from the ranking. This also excludes the product from being displayed in the slider.
Show link to best sellers on the 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.
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.
Slider settings
This page allows one to customize the best seller slider. The slider settings can be viewed in the image below.
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.
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.
- 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.
Seal settings
This page allows to customize the best seller seal thats is displayed in the description of a product page.
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.
