How to Set & Display WooCommerce Featured Products in Your Store?

technologhy
Aug 11, 2023
12M
Alice Pham

As an eCommerce entrepreneur, understanding how to showcase your most valuable offerings effectively can significantly boost sales and customer engagement. In this article, we unveil the magic behind setting and displaying WooCommerce featured products that will leave your customers spellbound. Whether you're a seasoned seller or a newcomer, our expert tips and tricks will guide you in creating an alluring shopping experience, enticing visitors to stay and shop to their heart's content. 

What are Featured Products in WooCommerce?

WooCommerce featured products are a valuable marketing tool that allows you to highlight specific products and promote them prominently on your WooCommerce store. These products are handpicked to draw the attention of potential buyers, showcasing their best offerings, seasonal deals, or popular items. 

By featuring products, you can increase visibility, create interest, and ultimately drive more sales, contributing to the success of your online store.

When & Why Should You Show WooCommerce Featured Products?

Adding featured products to your online store can be a strategic move with various benefits. Here are some scenarios when you might want to utilize WooCommerce featured products:

  • Special Offers: Promote discounted items or run marketing campaigns, including bundled products and limited-time offers, to entice customers and boost sales.
  • Clearing Old Stock: Showcase old or slow-moving stock on your store's front page or sidebars, making it more visible and increasing the chances of selling them.
  • High-Converting Products: Highlight your best-selling products as featured items to attract more attention and drive higher sales.
  • Seasonal Products: If your store offers seasonal items like clothing, recreation products, or back-to-school items, featuring them during peak demand can capitalize on customer interest and increase sales.
  • Promote New Arrivals: Use featured products to introduce and generate excitement around new products in your store.
  • Cross-Sell and Upsell: Strategically feature complementary or upgraded products alongside the main products, encouraging customers to make additional purchases.
  • Brand Promotion: Utilize the featured products section to reinforce your brand identity and showcase product lines that align with your brand image.
  • Incorporating featured products into your WooCommerce store can provide a powerful boost to your marketing efforts, attract customers, and drive more sales, ultimately enhancing the success of your online business.

How to Set Featured Products in WooCommerce?

There are 3 ways for you to set featured products in WooCommerce.

Edit the single product page

Adding featured products to your WooCommerce store is a simple process that can be done by editing the product page. Here's how you can do it:

  • From your WooCommerce dashboard, navigate to Products > Add New to create a new product, or Products > All Products to update an existing one.
  • If you're updating an existing product, locate the specific product you want to set as featured and click on Edit. You can also use the search bar at the top right corner to find the product quickly.
  • Once you're on the edit product page, look for the Product Catalog Visibility option in the right sidebar. Click on Edit to modify the visibility settings.
  • Check the box that says This is a featured product and click OK.
  • If you're creating a new product, make sure to fill in all the necessary details and then click Publish to make it live on your online store.

That's it! The product you've set as featured will now be prominently displayed on your website, boosting its visibility and potentially increasing sales.

Quick Edit from the product listing dashboard

Absolutely! Utilizing the quick edit option in WooCommerce is a time-saving and efficient way to set featured products. Here's how you can do it:

  • From your WooCommerce dashboard, navigate to Products > All Products.
  • Locate the product you wish to set as featured and click on Quick Edit.
  • A quick edit panel will appear, displaying basic information and options for the product.
  • Look for the Featured option and check the box next to it.
  • After making the necessary changes, click Update to save the new settings.

Enable the Star icon

An additional method to set featured products in WooCommerce is directly from the All Products page, offering swift execution when featuring an existing product exclusively.

Here's the step-by-step process:

  • From your WooCommerce dashboard, access Products > All Products.
  • Locate the specific product you intend to feature and spot the Star icon.
  • Enable the Star icon to designate the product as featured; a highlighted star signifies its feature status.
  • If you wish to revert the product's featured status, simply click the icon again.

Remember:

  • If the Featured column isn't visible on the All Products page, enable it by clicking Screen Options in the top right corner.
  • Within Screen Options, check the Featured column and adjust other display preferences as necessary. You can also customize column visibility and the number of items displayed per page.
  • After configuring these settings, ensure to click Apply to enact the changes.

This approach expedites the process, providing immediate control over your featured products while maintaining operational efficiency.

How to Show WooCommerce Featured Products? - 5 Methods

There are 5 ways for you to show your featured products on WooCommerce. For further details, let’s check out the guides below.

Method #1: Display featured products in WordPress Widgets

Incorporating featured products into WordPress widgets is a dynamic strategy to drive sales and enhance conversion rates. By integrating featured products within widgets, you can effectively spotlight special deals, new inventory, or popular items throughout your website.

To seamlessly exhibit featured products via widgets on your site, follow these steps:

  • From your WordPress Dashboard, navigate to Appearance > Widgets.
  • Within the Widgets section, you'll encounter diverse widget areas like the header, sidebar, and footer. Expand any widget area by clicking the dropdown arrow. Add a new widget box by clicking Add within the desired widget area. Search for Products list and incorporate it into the widget area.
  • Customize the widget by specifying the number of products to showcase. Beneath, find the Show option, which defaults to All Products. Modify it to Featured Products. You can also alter the default title from Products to Featured Products
  • Confirm your changes by clicking Update.

Note: Products marked as featured (using the star icon, as explained earlier) will automatically appear as featured products in these widgets.

Method #2: Display WooCommerce featured products through Shortcodes

Shortcodes are simple codes that enhance functionality across posts, widgets, and pages. Utilizing shortcodes is a straightforward way to exhibit featured products on your WordPress site. 

Among the array of shortcodes available, the Featured Products shortcode is a standout choice. Here's how to use it:

  • Add a Shortcode section to the post/page you want to display featured products
  • Insert the following shortcode into your desired post or page:
[featured_products]
  • This shortcode instantly introduces a featured products section showcasing the items you've designated as featured.
  • To refine the featured products section, specify the number of products displayed using the following code:
[featured_products per_page="6"]
  • This example will present 6 products within the featured section. You can tailor this count according to your preferences.
  • Tailor the display further by adjusting columns, order, and sorting with respect to the date. Utilize this code as an example:
[featured_products per_page="6" columns="3" orderby="date" order="desc"]

The above shortcode will present 6 products across 3 columns in descending order based on their date.

Remember, you have the flexibility to customize these attributes to meet your specific needs.

Method #3: Display featured products in WordPress posts or pages using Gutenberg blocks

Hand Picked Items Widget

To effortlessly feature a selection of products on your WordPress page, follow these simple steps:

  • At the top left corner of your screen, locate and click on the plus "+" icon.
  • In the search bar, type 'hand picked products' and select this option from the search results.
  • A selection panel will appear, allowing you to choose the products you want to feature. Once selected, a group of featured products will be added to your page.

By default, WordPress will display these featured products in three columns, creating an organized and visually appealing arrangement.

Shortcodes Widget

In the Gutenberg editor, follow these steps to seamlessly incorporate the Featured Products shortcode into your page:

  • Click on the Plus + icon once more to access the block library.
  • Search for the "shortcode" block and add it to your page.
  • Within the shortcode block, insert the following code to effectively display your featured products:
    [featured_products per_page="4" columns="4" orderby="date" order="desc"]

By utilizing this shortcode, you'll create a display showcasing up to 4 featured products in a layout of 4 columns. These products will be sorted in descending order based on their date.

Featured Product Widget

To effortlessly incorporate a featured product widget into your page or post, adhere to these straightforward instructions:

  • Click on the Plus + icon in the Gutenberg editor to explore the available blocks.
  • Search for Featured product and add this widget to your page or post.

Within the widget settings, you'll have the opportunity to select featured products individually and include them in your content.

Method #4: Displaying featured products using plugins

You can also showcase WooCommerce featured products by using a plugin. There are many WordPress plugins helping you feature your products on your online store. One of the most popular plugin among them is Featured Products First for WooCommerce.

This plugin lets you display featured product first everywhere with any sorting order, which can help you boost your sales and revenue. 

Method #5: Displaying featured products with Elementor page builder

Elementor stands as a widely acclaimed WordPress plugin, offering an intuitive drag-and-drop interface to craft visually stunning web pages effortlessly. Notably, Elementor also streamlines the process of featuring products on your website.

The beauty of Elementor lies in its ability to simplify the showcasing of products, mirroring the approach within the default Gutenberg editor. To proceed, locate the Products list widget within the Elementor page builder. Effortlessly drag and position it anywhere on your page. From here, customization options abound, permitting you to tailor the widget to harmonize with your unique requirements.

Alternatively, Elementor extends the option of utilizing its shortcodes to seamlessly exhibit your featured products. This flexibility allows you to integrate featured products across your website while harnessing the power of Elementor's renowned ease of use.

Incorporating Elementor into your workflow equips you with a potent tool to effortlessly display and emphasize your products, contributing to an enriched user experience and potentially higher engagement and conversions.

WooCommerce Featured Products: FAQs

How do I get featured products in WooCommerce?

To get featured products in WooCommerce, follow the guide below:

  • Navigate to your dashboard, go to Products, and either add a new product or edit an existing one. 
  • In the product editor, find the Product Catalog Visibility option in the right sidebar and check the This is a featured product box. 
  • Click Update or Publish to save the changes, and the product will be showcased as featured on your website.

How do I edit featured products in WooCommerce?

To edit featured products, access your WooCommerce dashboard and follow the steps below:

  • Go to Products > All Products
  • Locate the featured product you want to modify and click Edit or Quick Edit
  • Update the necessary details, such as product information or catalog visibility settings. 
  • Save the changes by clicking Update, and the edited information will be reflected on the featured product page.

Bottom lines

Incorporating WooCommerce featured products into your store is a strategic step to captivate shoppers and drive sales. By seamlessly integrating featured products through methods like editing product pages, using shortcodes, or leveraging plugins, you empower your online store to thrive.

Engage customers with compelling offerings, amplify conversions, and pave the way for your store's enduring success through the artful display of featured products.