Every time you want to display your WooCommerce featured product using Elementor, you may find it hard! In case you don’t know, you can’t simply figure it out on your own. It is indeed a very simple task using Elementor. In this blog, let me show you how you can do it!

Featured product option generally highlights specific products to the visitors. You can use WooCommerce products/WooCommerce Slider widget to make a featured product showcase easily. But, you need to know how to use the featured option correctly.

From the perspective of the Elementor page builder, setting up WooCommerce featured product is an easy task. But, for someone who is new or isn’t knowledgable enough, it is troublesome. However, let’s get to the main point of this blog.

Methods of Setting Up WooCommerce Featured Product

You can easily set up the featured product in 3 different ways. Not difficult at all.

Icon Tag method
Quick Edit method
Long Edit method

As long as you have the featured option activated, it will show up. To do that you need to go to Dashboard> Products> All Products.

Activating featured option for the WooCommerce featured product

From there, click on the Screen Option. This will show you the hidden settings above. Next, check the Featured box and hit Apply. There you have it! With this, your WooCommerce featured product option is enabled.

Now let’s see the 3 methods step-by-step.

1. Icon Tag method

Like the image above, you can see these Star symbol on each of your products. However, you can see the star after enabling the featured option from the screen option. These stars are the featured option. In other words, clicking a start will fill its color and mark that product as a WooCommerce featured product. Simple and easy!

2. Quick Edit method

Each of your products has Quick edit option. You can see it when you hover on them. This method is to mark the products as featured through the quick edit menu. In short, as the image above, click on Quick edit on the WooCommerce product you want to feature. Then, check the Featured box. Finally, hit the Update button and you are done!

3. Long Edit method

Long Edit method for WooCommerce Featured Product

The last method requires you to go to the product editor. From there, click on Edit (marked with arrowhead).

Now, you will see the hidden options. Next, click on the checkbox ‘This is a featured product’ and your product is marked as a WooCommerce featured product. Finally, hit the OK button!

All done! With these very easy methods, you can setup your WooCommerce featured product in no time. Wait! There is one more thing left to do. Let’s see the featured products in Elementor.

Popular blog

How to Use Iframe Widget in Elementor by Element Pack

Read now

Creat WooCommerce Featured Product Page Using Elementor

Without delay, let’s put the featured products into display. Open up your page with Elementor Page editor and directly insert WooCommerce products/WooCommerce Slider widgets.

Here is the WooCommerce Products widget. Using this tool, you can display your products in a table format. However, from Content tab> Query, select Featured from the Show Product option.

Once again, you can use WooCommerce Slider widget to create a full width WooCommerce featured product display. The settings for query is same as before.

Thanks for reading this blog. Learn to make awesome WooCommerce Custom Product Page using Elementor and Element Pack here.
Enjoy!

Download Today & Start Your Dream Designs!

Change your mind? No problem. We offer a no-hassle, 14-days money back guarantee.

Get Element Pack

Largest Elementor Templates pack with the most user-friendly UI and 300+ useful Elementor widgets. Build websites from zero to 100% perfection in no time.

This website is powered by Element Pack Pro and Rooten Theme.

Blog

Methods of Setting Up WooCommerce Featured Product

1. Icon Tag method

2. Quick Edit method

3. Long Edit method

How to Use Iframe Widget in Elementor by Element Pack

Creat WooCommerce Featured Product Page Using Elementor

Read more WordPress blogs

How to Build WordPress Website: A Step-by-Step Guide for Beginners

Generate Professional Sitemaps & Wireframes in Minutes

How to Use Elementor to Build a Website? (8 Easy Steps)

Best Christmas and Year-end Deals for WordPress

How to show advanced tooltips using Elementor

How to make custom header using Elementor and Element Pack

Download Today & Start Your Dream Designs!