Elementor Featured Product Widget to Highlight One Product (Pro)

Featured Product is a Master Addons Pro widget for a single, designed product card. You type in the image, title, description or bullet list, price and original price, a star rating, a ribbon and a button link, and choose Design 1, 2 or 3. It does not pull data from WooCommerce, so it works for store products, digital downloads, services and affiliate offers alike. Link the button to a product page, a checkout link or an affiliate URL.

Featured Product card with image, title, price, original price and button beside the widget settings

Complete Product Presentation

Pick a layout from Design 1, Design 2 or Design 3. Add the Image and Title, then set Content Type to Description for a paragraph or List for bullet points with your own icon. Price and Original Price show the offer with the old price struck through, and Rating shows stars from 0 to 5 in steps of 0.1. Add Button Text, a Button Icon and a Link.

  • Four Ribbon Types with your own text and icon, such as NEW or SALE.
  • Price and original price are plain text, so any currency or format works.
  • Use several widgets in a container grid for a set of offers.

Pixel-Perfect Styling

Match your brand perfectly. Style the main Box with background colors, borders, shadows, and padding. Customize the Title and Description typography separately. Give your Price a distinct color and font. Design your Button and even style the Ribbon (like “NEW” or “SALE”) with different shapes and colors. You have independent control over the look of every single piece, ensuring a cohesive and polished final product card.

  • Individual Styling Controls: Change colors, fonts, and spacing for the Title, Price, Button, and Ribbon independently.
  • Visual Polish: Add Box Shadows, Border Radius, and custom Border styles to make the product card pop off the page.
  • Highlight Key Info: Use the Ribbon feature to visually tag products as “Featured,” “Limited,” or “Sold Out.”
Featured Product style settings for box, title, price and button beside a styled product card
Featured Product card with a Buy Now button linked to an external checkout page

Simple, Direct Sales Integration

Skip the complex e-commerce setup. Simply paste your direct payment link (from PayPal, Gumroad, Stripe Payment Links, etc.) into the Button Link field. When customers click “BUY NOW,” they go straight to checkout. This makes it perfect for selling single items, digital products, event tickets, service packages, or promoting affiliate products without any extra plugins or complicated configurations.

  • Universal Link Support: Works with any payment gateway that provides a direct “Buy Now” URL.
  • Ideal for Affiliates: Perfect for beautifully showcasing and linking to affiliate products from Amazon, shareasale, or any network.
  • Lightweight Selling: Add a sellable product to any page – your homepage, a blog post sidebar, or a dedicated sales landing page.
Template Viewer
Facebook
Twitter
WhatsApp
Copy Link
Buy Now
Featured Products
Featured Products
Featured Product Layout 1
Featured Product Layout 1
Deal of the week beside sales copy
Deal of the week beside sales copy
New arrivals, four cards across
New arrivals, four cards across
Set menus with included-item lists
Set menus with included-item lists
Dish cards with round icon buttons
Dish cards with round icon buttons
Service packages with a circular badge
Service packages with a circular badge
Property of the week, dark hero card
Property of the week, dark hero card
Tour cards with places-left ribbons
Tour cards with places-left ribbons
Sale cards with a rotated corner ribbon
Sale cards with a rotated corner ribbon

Frequently Asked Questions For Featured Product

Learn the most asked queries users have about Featured Product and find answers in one place.
Does it pull product data from WooCommerce?

No. You enter the title, image, price and rating yourself, so they do not update when your WooCommerce product changes. It works with or without WooCommerce. To send shoppers to the product, paste the product page URL into the Link field.

No. Featured Product is part of Master Addons Pro. Payment, stock and customer details are handled by wherever the button links, such as WooCommerce, PayPal or Stripe.

Can I show multiple featured products in a grid?

Yes! Just add multiple Featured Product widgets inside an Elementor Container or Section and set the container to display as a grid. You can create a whole gallery of products, affiliate items, or service packages, each with its own unique design and direct buy link.

Ribbons are perfect for creating urgency and drawing attention. Use them to label products as “NEW,” “SALE,” “BESTSELLER,” “LIMITED,” or “SOLD OUT.” Choose different ribbon Styles (like a folded corner or a flag) and customize the color to make sure the label fits your design and message.

Trending Elementor Widgets & Extensions

Build sophisticated websites in less time.

Master Addons Glassmorphism extension for Elementor: frosted glass cards with the Blur Value control set to 20px

Glassmorphism

Home Free Elementor Glassmorphism Extension: Frosted Glass Effect in One Toggle Glassmorphism is the frosted...
View Details
Master Addons Container Extras extension for Elementor: container capped at a 1400px Max Width, with Max Width, Max Height, Min Width and Min Height controls

Container Extras

Home Elementor Container Max Width and Max Height Controls Container Extras is a free Master...
View Details
Master Addons Patterns extension for Elementor: hero with the Purple Gradient Grid Left style, three more pattern styles and the Enable Pattern panel

Patterns

Home 70+ Free Elementor Background Patterns Patterns is a free Master Addons extension that adds...
View Details
Master Addons Post/Page Duplicator extension for Elementor: MA Duplicator row link in the WordPress Pages list creating a Landing Page - [Duplicated #128] draft

Post/Page Duplicator

Home Duplicate Elementor Pages and Posts in One Click Post/Page Duplicator is a free Master...
View Details
Master Addons Reading Progress Bar extension for Elementor: blue bar 42% filled across the top of a privacy policy page, with enable, position, height and fill color settings

Reading Progress Bar

Home Add a Reading Progress Bar in WordPress (Elementor) Reading Progress Bar is a free...
View Details