How To Set and Use Featured Products in WooCommerce

Featured products allows you to showcase specific products in different parts of your online store. You can control them by toggling them on and off. Add them to the sidebar. Insert a block into a post or page. And that doesn’t even include extensions, plugins and themes that utilize the featured product.

Assigning and Adding a Featured Product in WooCommerce

To make a product a featured product there are a couple of ways you can do this.

First, on the product page itself, you can assign any individual product as a featured product.

set featured product on publish box

Also, on your product listing, any product you have in your store can be marked as a featured product as you will see by the stars on the far right column.

featured image notations on product list via star

All you have to do is go to your product list and click on the star. A couple of dots will show to the left of it while saving. You can also toggle it off the same way.

saving featured image

And lastly if you roll over it, although it obviously is marked as a featured image, it will show it with a comment box of yes or no.

Show Featured Products in Product Widget

One of the uses you might find this for is if you wanted to show some specific products in a widget in your sidebar or footer. You can use the WooCommerce Product Widget and easily select Featured Products as an option and how many you would want to show plus some other options.

show featured image in products widget

Featured Product Block

On the other hand, you may want to feature a product in a post or page using a block.

choose featured products block

The Featured Product Block doesn’t require that you use only featured products, but lets you choose from all of your products.

choose product to feature

After selecting your featured product, you will have some options as far as what you want to show, controlling the layover for your text reads well over the product image and the ability to adjust the focal point of the image accordingly. This latter option is very important with a lot of images and how they will be displayed.

Note that the text under the product title is pulled in from your product short description. You can hide it, but you cannot edit it here.

In turn, you can also edit the call to action buttons color, text, fill, outline, border settings and link settings.

How Themes Display the Featured Product

The featured product can be used in several ways depending on some themes. For example, in the Storefront theme, the homepage template automatically pulls in your featured products. Other themes that are built for WooCommerce and even page builders will take advantage this feature.

How to Get Your Featured Product to Display at the Top of the Page

The ability to mark a product as a Featured Product in WooCommerce allows you to filter them out on shop and archive pages. And many themes and extensions will also take advantage of the featured image.

But in order to have your featured images take priority over other images on archive pages, that’s another matter. And unless you are able to do something with the code, it may seem out of your hands. Check out this post on my site here to find an easy way to do this.

Are you a WooCommerce Builder?

If you use WooCommerce to build websites, products or services, the next iteration of Do the Woo is just for you.

Learn about the upcoming community for WooCommerce builders.