Staff picks
Badge the products your team recommends.
Commerce / widget · Elementor module
Product Featured Badge Widget Plugin for Elementor
Show a badge such as “Featured product” on WooCommerce products marked Featured, and optional text on the rest.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product featured badgeProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Real featured badges
These are the actual published outputs of the widget for real WooCommerce products: the default label on a featured print, a violet staff-pick badge, and optional text on a product that is not featured.
02 / Inside WordPress
Product featured badge controls in Elementor
Content sets the product (the current one or a product ID), the featured label, optional text for other products, and an optional icon. In the editor the badge is always shown with a short note, so it can be designed on any product. The Style tab covers typography, colour, alignment, background, border, radius and padding, plus icon colour, size, gap and position.
03 / Website use cases
Where to use product featured badge
WooCommerce lets you star products as Featured, but shoppers never see that choice on the product itself. Product featured badge shows your badge on featured products only, so one product template highlights exactly the products you starred, and it can say something else on the rest.
Homepage features
Match badges to the products you feature on the homepage.
Product loops
Highlight featured items in a product grid.
04 / Installation and setup
How to add a featured badge in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Product featured badge in the Complementor library.
Star the products to feature in Products › All Products.
Add the widget to your product template or product loop.
Set the badge text, such as “Staff pick”.
Style it and check a featured product.
05 / Content and style controls
Customize product featured badge in Elementor
Configure the settings available for this module to suit the page you are building.
Shown on products starred as Featured.
Your own badge text.
Optional text for products that are not featured.
Always visible in the editor for designing.
Optional icon such as a star.
Style: typography, colour, surface, icon.
06 / Choose the right approach
Product featured badge and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
A typed badge
A typed badge shows on every product using the template. This shows only on featured ones.
A “featured” tag
A tag duplicates WooCommerce's Featured star. This reads the star directly.
07 / Requirements and compatibility
Product featured badge compatibility with Elementor
- Requires Elementor and WooCommerce.
- Featured flag only.
- Public products only.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot product featured badge
Check these settings if the published page behaves differently from the editor.
Why is the badge missing on the frontend?
The product is not starred as Featured. Click the star in Products › All Products.
Why does the editor always show it?
So you can style it on any product. A note reminds you visitors see it only on featured products.
Can other products show something?
Yes. Set Other product text.
Does it change the Featured setting?
No. It only reads it.
Product featured badge plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Where do I feature a product?
Click the star in the Products list, or use the Catalog visibility box when editing the product.
Does it work with variable products?
Yes. The Featured star applies to the whole product.
Is it accessible?
Yes. It is plain text, and the optional icon is hidden from screen readers.
Does it add JavaScript?
No. It is plain HTML and CSS.
10 / Annual All Access subscription
Get product featured badge with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.