BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Woo Product Deal Widget for Elementor Pro

A deal of the day box with countdown and stock bar

Overview

What Woo Product Deal does

Woo Product Deal presents one product as a deal: image, discount badge, price, a countdown and a stock progress bar, with an add to cart button. It can pick the deal by itself (the product on sale whose sale ends first) or show a product you choose. Use it for flash sales and deal of the day sections.

Demo

Live demo

V-Neck T-Shirt

Price range: $15.00 through $20.00

This is a variable product.

Hurry up! Offer ends in:

00Days
20Hours
20Mins
01Secs
Sold: 34Available: 16
Features

What it can do

  • Automatic mode picks the product on sale whose sale ends soonest.

  • Countdown to the end of the product sale, to midnight every day, or to a date you pick.

  • Stock progress bar with real WooCommerce numbers or custom numbers.

  • Discount badge with the saving in percent.

  • Three layouts: Image Left, Image Right or Image on Top.

  • Category, title, star rating, price and short description, each optional.

  • Add to cart button that works without a page reload.

  • Your own labels for days, hours, minutes and seconds, and a text for when time is up.

Use cases

When to use it

Deal of the day

Leave Product on Automatic. Schedule sale dates in WooCommerce and the box always shows the sale that ends first.

Flash sale banner

Choose one product, set the countdown to A Date You Pick and place the box at the top of the home page.

Limited stock offer

Switch on the stock bar so visitors see how much has been sold and how much is still available.

Setup

How to set it up

What you need: WooCommerce must be installed and active. Automatic mode needs at least one product on sale and in stock.

  1. Drag Woo Product Deal onto the page. In Automatic mode it shows a product that is on sale.

  2. In Product, keep Automatic or choose a product, then pick the Layout.

  3. In Content, switch Discount Badge, Star Rating, Price and Short Description on or off.

  4. In Countdown, choose what it Counts Down To and edit the Heading.

  5. In Stock Bar, set Numbers to From WooCommerce (sales and stock) or Custom Numbers.

  6. In the Style tab, style the box, image, badge, countdown boxes, stock bar and button.

FAQ

Questions and answers

Why does the stock bar not show?

From WooCommerce numbers need Stock management switched on for the product, and the author of the page must be allowed to manage products. Otherwise choose Custom Numbers.

How does Automatic choose the product?

It takes the product on sale whose sale end date comes first. If no sale has an end date, it shows the newest product on sale.

What happens when the countdown reaches zero?

The countdown is replaced by the Text When the Time Is Up, or hidden if that field is empty. The price itself follows the sale dates set in WooCommerce.

Bright Addons Pro

Get Woo Product Deal with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 53 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.