Looking for an easy way to show WooCommerce featured products on your website?
With the featured product category, you can display your most important products where shoppers can see them more easily. That way, you can instantly give users what they want, improving the user experience and closing sales faster.
This article will show you 3 ways to add featured products to your WooCommerce store.
What Are WooCommerce Featured Products?
Featured products are a category ID in WooCommerce that allows you to showcase specific items in your store. After setting a WooCommerce product as “Featured,” you can display it on your website separate from other products.
For example, you can allow shoppers to filter your product catalog visibility by “Featured” to show products you recommend. As a result, it’s easier for shoppers to find your best products without scrolling through every product on your website.
How Do You Set a Featured Product in WooCommerce?
Before displaying featured products on your website, you first need to set certain products with the “Featured” product visibility setting. You can do that by editing an existing product or adding a new product in WooCommerce.
To add the “Featured Product” setting to an existing product, go to Products » All Products from your WordPress admin area. Then hover your mouse over a product and click the Edit option.
![edit-woocommerce-product - SeedProd Edit a WooCommerce product](https://www.seedprod.com/wp-content/uploads/2022/02/edit-woocommerce-product.png)
Next, find the “Publish” panel on the right-hand side of the WordPress editor. From there, click Edit next to the “Catalog Visibility” heading.
![edit-woocommerce-catalog-visibility - SeedProd WooCommerce edit catalog visibility](https://www.seedprod.com/wp-content/uploads/2022/02/edit-woocommerce-catalog-visibility.png)
You can now click the “This is a featured product” checkbox and select OK. Now click Update to save your changes.
![woocommerce-featured-product-checkbox - SeedProd WooCommerce featured product checkbox](https://www.seedprod.com/wp-content/uploads/2022/02/woocommerce-featured-product-checkbox.png)
Repeat this process for every product you’d like to set as featured. To make things quicker, you can click the Quick Edit option and find the “Featured Product” checkbox in that panel.
![woocommerce-quick-edit-featured-products - SeedProd WooCommerce quick edit featured products](https://www.seedprod.com/wp-content/uploads/2022/02/woocommerce-quick-edit-featured-products.png)
Alternatively, you can click the star icon next to each product to feature it.
![featured-products-star-icon - SeedProd WooCommerce featured prouducts star icon](https://www.seedprod.com/wp-content/uploads/2022/02/featured-products-star-icon.png)
After choosing which products to feature on your WooCommerce site, you’re ready to display them on your product pages.
We’ll show you how to do that next.
How Do I Show Featured Products in WooCommerce?
There are several ways to display featured products on your WooCommerce site. First, we’ll share a super easy method that lets you customize your product feed to suit your website style and branding without code.
The second and third methods offer fewer customizations options but allow you to display featured products using WooCommerce’s built-in widgets and shortcodes.
Method 1: Display WooCommerce Featured Products with SeedProd
The first method will use SeedProd to display multiple featured products per page in WooCommerce.
![SeedProd Website Builder - SeedProd SeedProd WordPress website builder](https://www.seedprod.com/wp-content/uploads/2022/01/seedprodwebsitebuilder.png)
SeedProd is one of the best WordPress website builders will over 1 million users. It lets you create any type of website with its powerful drag-and-drop builder, no coding required.
You can create a custom WordPress theme with the easy WordPress theme builder, build an entire online store with its WooCommerce integration, and use the powerful page builder to create high-converting landing pages.
![coupon-code-landing-page-example - SeedProd Wordpress landing page example](https://www.seedprod.com/wp-content/uploads/2021/09/coupon-code-landing-page-example.jpg)
SeedProd also offers various blocks and sections to help customize every part of your site.
For instance, WooCommerce website owners can use WooCommerce template tags to display dynamic product data anywhere. Plus, the flexible product grids let you create beautiful product layouts to engage and convert shoppers.
With that in mind, here’s how to display WooCommerce products with the featured setting with SeedProd.
Step 1. Install and Activate SeedProd
The first step is to install SeedProd on your WooCommerce website.
Note: You will need the SeedProd Elite plan to access SeedProd’s WooCommerce features.
You can follow this guide on how to install a WordPress plugin if you need help.
After installing the SeedProd plugin .zip file, go to SeedProd » Settings and enter your SeedProd license key.
![seedprod-theme-builder-license-key - SeedProd enter your license key](https://www.seedprod.com/wp-content/uploads/2022/01/seedprod-theme-builder-license-key.png)
You can find the license key in your account dashboard’s “Downloads” section on the SeedProd website.
![seedprod-license-key - SeedProd copy your seedprod license key](https://www.seedprod.com/wp-content/uploads/2020/03/seedprod-license-key.jpg)
After entering your license key, click the Verify Key button to store your account info.
Step 2. Create a WooCommerce Theme
The next step is to create a WooCommerce Product page. There are 2 ways you can do this with SeedProd:
Prebuilt WooCommerce Theme
You can create an entire WooCommerce theme by importing a ready-made WooCommerce theme template. The theme template will automatically make all of the pages you need for your WooCommerce store.
Individual Theme Parts
Alternatively, you can build the different parts of your WooCommerce store individually with the Theme Templates button.
We’ll use the pre-built theme method for this guide because it does everything for you automatically.
To create a new WooCommerce theme, go to SeedProd » Theme Builder and click the Themes button.
![add-a-custom-WordPress-theme-template - SeedProd add a theme template](https://www.seedprod.com/wp-content/uploads/2022/01/add-a-custom-WordPress-theme-template.png)
Clicking that button will open SeedProd’s WordPress and WooCommerce theme library. Each theme is 100% mobile responsive, and you can edit the design and layout with SeedProd’s page builder.
![seedprod-woocommerce-starter-theme - SeedProd SeedProd woocommerce starter theme](https://www.seedprod.com/wp-content/uploads/2022/02/seedprod-woocommerce-starter-theme.png)
Hover your mouse over any design and click the checkmark icon to import it to the theme builder. We’ll use the “WooCommerce Starter Theme” for this guide.
After importing your theme, you’ll see all the different templates that make up your website design. You can also customize each template individually to tailor them to your site’s needs with SeedProd’s page builder.
![seedprod-theme-template-parts - SeedProd Seedprod theme templates](https://www.seedprod.com/wp-content/uploads/2022/01/seedprod-theme-template-parts.png)
We’ll show you how to do that by customizing the Shop page.
Step 3. Add the WooCommerce Featured Product Grid
We’ll edit the Shop page template for this step and use SeedProd’s product grid block to display a number of products with the featured setting.
Find the “Shop” page template in the theme builder dashboard and click Edit Design to open the drag-and-drop page builder.
![edit-shop-page-seedprod - SeedProd Edit shop page in seedprod](https://www.seedprod.com/wp-content/uploads/2022/02/edit-shop-page-seedprod.png)
SeedProd’s page builder is super easy to use. There are blocks and sections on the left and a live preview on the right.
![seedprod-drag-and-drop-page-builder-1 - SeedProd SeedProd drag and drop page builder](https://www.seedprod.com/wp-content/uploads/2022/02/seedprod-drag-and-drop-page-builder-1.png)
You can edit the existing design by clicking any element and tweaking the settings. For example, clicking any product will show the Product Grid settings panel, where you can:
- Change the column number
- Display products by type and product category
- Show pagination
- Change the product order
![woocommerce-product-grid-seedprod - SeedProd WooCommerce product grid settings](https://www.seedprod.com/wp-content/uploads/2022/02/woocommerce-product-grid-seedprod.png)
You can customize the fonts, font sizes, colors, spacing, and more in the Advanced tab.
![advanced-product-grid-settings - SeedProd Advanced product grid settings](https://www.seedprod.com/wp-content/uploads/2022/02/advanced-product-grid-settings.png)
Adding content to your page is just as easy. Simply drag a block from the left panel and drop it onto the preview.
That is what we’ll do to add featured products to your shop page.
First, scroll down to the WooCommerce blocks panel in the left sidebar. Then, find the Featured Products block and drag it onto your page.
![woocommerce-featured-products-grid-seedprod - SeedProd WooCommerce featured products grid seedprod](https://www.seedprod.com/wp-content/uploads/2022/02/woocommerce-featured-products-grid-seedprod.png)
From there, click it to open the block settings. As you can see, the block filters your WooCommerce products by the “Featured product” status automatically.
![featured-product-grid-settings - SeedProd WooCommerce featured products grid settings seedprod](https://www.seedprod.com/wp-content/uploads/2022/02/featured-product-grid-settings.png)
All that’s left is to customize the product grid to suit your needs.
For instance, you may want featured products to stand out more. In that case, you can change the badge color, change the image border, and even add an extra heading to help users find the products.
![advanced-woocommerce-featured-proucts-grid-settings - SeedProd Advanced woocommerce featured products grid settings](https://www.seedprod.com/wp-content/uploads/2022/02/advanced-woocommerce-featured-proucts-grid-settings.png)
When you’re happy with how your page looks, click the green Save button. Now you can follow the same process to customize the rest of your new WooCommerce theme design, including your:
- Product Archives
- Product Page
- Header & Footer
- Blog Page
- Sidebar
- Homepage
Step 4. Publish Your WooCommerce Theme
After adding featured products to your site and customizing your theme, you can make it live on your website.
To do that, go to SeedProd » Theme Builder and turn the Enable SeedProd Theme toggle to the “On” position.
![enable-seedprod-theme-1 - SeedProd enable seedprod theme](https://www.seedprod.com/wp-content/uploads/2022/01/enable-seedprod-theme-1.png)
That’s it!
You can now preview your WooCommerce theme and see your custom featured products layout.
![seedprod-woocommerce-featured-products - SeedProd SeedProd woocommerce featured products](https://www.seedprod.com/wp-content/uploads/2022/02/seedprod-woocommerce-featured-products.png)
Method 2: Use the WooCommerce Featured Products Widget
Another way to display featured products on your online store is to use WooCommerce’s built-in Featured Products widget. You can use it to add featured products to pages, posts, and in your website’s sidebar.
This method doesn’t include as many customization options as the previous method. But if you need a simple way to show your most important goods, it’s a good solution.
To use this method, create or edit a page and click the plus (+) icon in the WordPress block editor to add a new block. Then type “WooCommerce” into the search field and click the Featured Products block.
![woocommerce-featured-products-block - SeedProd WooCommerce featured products block](https://www.seedprod.com/wp-content/uploads/2022/02/woocommerce-featured-products-block.png)
From there, choose a product to display and click Done.
![choose-featured-product - SeedProd Choose a featured product to display](https://www.seedprod.com/wp-content/uploads/2022/02/choose-featured-product.png)
Your chosen product will now embed directly on your page. In the block settings, you can customize the following:
- Description
- Price
- Overlay
- Overlay Opacity
![woocommerce-featured-proucts - SeedProd WooCommerce featured products](https://www.seedprod.com/wp-content/uploads/2022/02/woocommerce-featured-proucts.png)
You can also drag each product into a column block to make the layout more attractive.
Click the Publish or Update button when you’re happy with how everything looks. Then you can preview your products live on your website.
![woocommerce-featured-products-in-grid - SeedProd WooCommerce featured products in grid](https://www.seedprod.com/wp-content/uploads/2022/02/woocommerce-featured-products-in-grid.png)
You can use the same widget to display featured products in your WooCommerce sidebar. To do that, go to Appearance » Widgets, click the plus icon in any sidebar and add the Featured Products widget.
![woocommerce-featured-proucts-widget - SeedProd WooCommerce featured products sidebar widget](https://www.seedprod.com/wp-content/uploads/2022/02/woocommerce-featured-proucts-widget.png)
Remember to save your changes; then, you can visit any page with that sidebar to view your sidebar widget.
![woocommerce-featured-products-in-sidebar - SeedProd WooCommerce featured products in sidebar example](https://www.seedprod.com/wp-content/uploads/2022/02/woocommerce-featured-products-in-sidebar.png)
Method 3: Using WooCommerce Featured Products Shortcode
The last method we’ll cover is using a shortcode to add WooCommerce featured products to your online store. You can use this method if you use the classic WordPress editor or wish to display featured products within your WordPress theme.
To use the shortcode method, edit or create a new page, then paste the following WooCommerce shortcode into the editor.
[featured_products]
![woocommerce-featured-products-shortcode - SeedProd WooCommerce featured products shortcode](https://www.seedprod.com/wp-content/uploads/2022/02/woocommerce-featured-products-shortcode.png)
When you preview the page, you’ll see any product with the “featured” setting in a grid on your page.
![featured-prouducts-woocommerce-shortcode - SeedProd Featured products with the woocommerce shortcode](https://www.seedprod.com/wp-content/uploads/2022/02/featured-prouducts-woocommerce-shortcode.png)
You can customize the shortcode to display products differently by adding more products and columns. For example, your shortcode might look like this:
[featured_products per_page="2" columns="2"]
![featured-products-shortcode - SeedProd featured products with custom woocommerce shortcode](https://www.seedprod.com/wp-content/uploads/2022/02/featured-products-shortcode.png)
Play around with the shortcode until you find a layout that suits your store. The customization options are limited, but it’s an easy way to get your featured products in front of your customers.
More Ways to Customize WooCommerce
Displaying featured products is just one of the many ways to tweak your store. For more WooCommerce customizations, please see the following guides:
- How to Customize the WooCommerce Additional Information Tab
- How to Add View Cart Button in WooCommerce
- How to Change Shop Page Title in WooCommerce
- How to Create a Stunning Product Image Gallery in WooCommerce
- How to Add Star Rating to WooCommerce Product Pages
- How to Display Related Products in WooCommerce
- How to Display Product Categories and Tags in WooCommerce
- How to Get and Display Product Descriptions in WooCommerce
- How to Fix WooCommerce View Cart Not Working
- How to Hide Out of Stock Products in WooCommerce
There you have it!
We hope this article helped you learn how to display WooCommerce featured products on your website.
Thanks for reading! We’d love to hear your thoughts, so please feel free to leave a comment with any questions and feedback.
You can also follow us on YouTube, X (formerly Twitter), and Facebook for more helpful content to grow your business.