A promo bar that changes with each stage

Headline, countdown, badge, coupon and button in one bar. When the campaign moves to its next stage, the bar's words and colors change with it.

4 layouts
Top, bottom or in the page
A new look per stage
Close it and it stays closed
Parts per screen size

Same campaign, same stage, four layouts

The four layouts place the same parts differently. Pick the one that fits where the bar sits.

One line

1

Everything centered in one strip; it wraps onto more rows when space runs out.

Summer Sale
25% off everything
427Days
09Hours
13Minutes

Ends December 31, 2027 at 1:37 am (UTC).

SUMMER25Shop Now

Split

2

The words at one end, the countdown and button at the other.

Summer Sale
25% off everything
Free shipping on orders over $50
427Days
09Hours
13Minutes

Ends December 31, 2027 at 1:37 am (UTC).

SUMMER25Shop Now

Stacked

3

One centered column, for a bar placed inside the page.

Summer Sale
25% off everything
Free shipping on orders over $50
427Days
09Hours
13Minutes

Ends December 31, 2027 at 1:37 am (UTC).

SUMMER25Shop Now

Compact strip

4

One slim row on a computer; the subheading shortens first.

Summer Sale
25% off everything
427Days
09Hours
13Minutes

Ends December 31, 2027 at 1:37 am (UTC).

SUMMER25Shop Now

Pin it to the top, the bottom, or place it in the page

A bar at the top or bottom can stay in view while visitors scroll.

Promo bar countdown placed above the site header

Top of the window

Sits above the page. "Move Divi's header down" keeps a fixed Divi header below the bar instead of underneath it.

Promo bar countdown pinned to the bottom of the screen

Bottom of the window

Pinned to the bottom edge, clear of the header.

Promo bar countdown placed inside a page column

Where it is placed

Sits in a row like any other Divi module.

Words, colors and coupon change on their own

Each stage has its own headline, subheading, badge, coupon, button label and colors. A stage's words reach the page only once that stage has begun, so tomorrow's coupon is not in today's page source.

Stage 1: Early Bird
Early Bird
15% off, first 48 hours
342Days
02Hours
03Minutes
43Seconds

Ends October 6, 2027 at 6:27 pm (UTC).

EARLY15Shop

Stage 2: Main Sale
Main Sale
25% off everything
343Days
02Hours
37Minutes
43Seconds

Ends October 7, 2027 at 7:01 pm (UTC).

FLAT25Shop

Stage 3: Last Call
Last Call
30% off, ends tonight
344Days
03Hours
06Minutes
43Seconds

Ends October 8, 2027 at 7:30 pm (UTC).

FINAL30Shop Now

A bar without a campaign

Set the bar's own date and words, or point it at a WooCommerce product's sale.

No campaign needed
Limited
The Next Big Launch
Be the first to get it
367Days
19Hours
35Minutes
43Seconds

Ends November 1, 2027 at 11:59 am (UTC).

A bar with its own date and words

Set Bar Source to "Its own date and words" and the bar stands alone. Type a date, a headline, a subheading, a badge, a coupon code and a button label. No campaign, no stages, just one bar counting to one date.

  • Count down to a date or up from one, in a timezone you choose
  • Same four layouts, three positions, close button and per-screen parts
  • Styled in Divi's Design tab like any module
  • When time is up: hide the bar, show a message, stay at zero or send the visitor to a page
New Visitor
Special Welcome Gift: Flat 10% Off Your Order
Your new visitor discount ends 10 minutes after you arrived.
00Days
00Hours
10Minutes
00Seconds

Ends 10 minutes after your first visit.

WELCOME10Claim 10% Off