How to Display Popular Products in WooCommerce

There are many strategies you can implement to increase the profits of your e-commerce business. Of course, creating a WooCommerce-powered store with user-friendly and intuitive site navigation, fully SEO-optimized, and high-quality product images is an excellent starting point. However, the main purpose of having an online store is to sell as many products as possible. So it’s only natural that you also highlight some of your most popular products to help potential customers find them more easily and make a quick purchase.

Simply put, listing your most wanted products is a great way to increase your sales. After all, these are tried-and-true products that have already succeeded when it comes to converting your visitors into converting customers, so having them easily accessible on your products or other special pages in your online store can only increase your chances of winning. make more sales in the long run.

Without further ado, here’s how you can easily create and view a list of the most popular products on your WooCommerce site. We’re going to show you two different ways to do this. One way is to use the default WooCommerce shortcode, the other requires the use of a Qi Plugin for the Elementor plugin. In addition, we will show you two separate widgets of the Qi Addons plugin that you can use to list your products – Product List and Product Slider.

We stay tuned:

Viewing Popular Products Using WooCommerce Shortcodes

WooCommerce is great because it comes with some integrated shortcodes that you can use specifically to set up and customize your product pages to show your most popular products.

go Products >> All ProductsSelect the product you want to edit and add the following WooCommerce shortcode to your editor:

[products limit="3" columns="3" skus="000, 045, 064"]

The shortcode you just entered will create three different columns and limit the number of your most popular products to three. Of course, you are free to change both the number of products and columns as you wish.

As for the “skus” part, it actually represents the SKU of your products. You can easily find it at Products >> All Products page:

Once you know the SKUs of your most popular products, simply replace the SKU numbers in the above shortcode with your own.

be sure to hit update Press the button.

Then you can go ahead and see the result on your product page:

Viewing Popular Products with Qi Plugins for Elementor Plugin

Another great way to showcase your popular WooCommerce products is to use the help of a plugin. In particular, the Qi Addons for Elementor plugin has two great widgets that allow you to display your popular products in a unique and visually stunning way: Product List and Product Slider. Both of these widgets are great for showcasing your popular products as they come with lots of styling options. You will be able to customize the look of your list down to the last detail – choose different layouts, adjust typography options, style your navigation, pricing, rating and buttons, add some fancy animations, etc.

This Qi Addons for Elementor plugin is completely free to use (remember you have to install it). Elementor Page Builder first use) and a host of other highly flexible widgets (60 in total) that you can use to create and add all kinds of elements to your site.

To view your popular products using the Product List widget, go to the backend of your product page and search for “product list” in the Elementor sidebar.

Then drag the widget to the right.

You will see that the widget automatically generates a list of all your products. you can use Contents Click on the tab to select the specific products you want to show in your list.

Of course, here are other options you can use to further change the appearance of your product list. For example, general department Contents in the tab, you will select List View (Gallery or Wall), Aspect Ratios (Original or Fixed), set the number of columns (one to eight), choose the spacing between items, etc.

Now, in Query section, you will be able to choose the number of posts to show per page, how to sort items (Date, ID, Title, etc.), Sort items in Ascending or Descending order, etc.

Finally, filter by option is particularly useful as it allows you to choose which products are displayed on your page. On Sale, Featured, Top Rated, Best Sellers etc. You will choose from.

Here you will also find settings to adjust the appearance of your layout, button and button icon.

There are also many styling options and other advanced settings you can use to further customize the look of your list, but we’ll cover them in more detail in a separate tutorial.

If you instead want to use the Product Slider widget to list your most popular product items, access the Elementor search bar again and enter “product slider”. Then drag the widget to the right.

Immediately, you will see a widget with your WooCommerce products showcased in a slider.

Once again, you will have access general options ( Contents tab) allows you to adjust the widget settings entirely according to your preferences. For example, here you can enable (or disable) slider looping, slider autoplay, set slide and slide animation duration, enable slider navigation and pagination, and more.

this Query section contains a set of options similar to what you can find in the Product List widget. Here you will select the number of products shown per page, choose how to order them, and set your filters.

This widget also includes many other customization and styling options that we plan to cover in a separate tutorial. What we’ve talked about here are some of the most basic ones you can use to add a regular list of popular products to your WooCommerce powered site.

Of course, whether you go with the Product List or the Product Slider widget is entirely up to you. Just make sure you hit Publish/Update Press the button at the bottom when you’re done creating your list.

Solution

And here you are – a few easy ways you can showcase your most popular products to increase sales on your WooCommerce store. Whether you use the standard WooCommerce shortcode or one of the Qi Plugins for Elementor WooCommerce widgets, you can easily add your most wanted products if you follow our instructions. All you have to do is choose a few of your products, choose the number of products you want to display, customize it the way you want, add it wherever you want on your site and increase your sales instantly. time.