Countdown Banner
A bordered event band with the launch date, a day, hour, and minute countdown readout, and a register button.
A bordered event band with the launch date, a day, hour, and minute countdown readout, and a register button.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Countdown Banner turns an approaching date into a strip that pushes for registration. A bordered card band names the event and carries a one line agenda on the left, and on the right a row of day, hour, and minute blocks sits beside a Save your seat button. The number blocks share a muted square with tabular figures so the digits hold their width as the count changes.
The values are fixed demo literals, so the banner renders as a server component with no client code out of the box. Wire the three blocks to a real timer in your app to make them live, and the rest is swappable text: rewrite the event name, the agenda line, and the button label, then point the action at your registration route.
Reach for this block in the final stretch before a dated moment, a launch week, a webinar, a conference, or a sale that ends on a clock. It works well near the top of an event page where the date is the whole reason to act, and it can also sit between sections as a recurring reminder that the window is closing. Mount it while the countdown means something and pull it once the date has passed.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is a launch week countdown with a register button. A few other ways to use the frame:
Tip: keep the readout to the largest three units that still read as urgent, days and hours feel closer than a full week of seconds ticking down.