Event Countdown for The Events Calendar

Event Countdown for The Events Calendar adds a live event countdown timer to The Events Calendar events. Show a days / hours / minutes / seconds countdown to your next upcoming event anywhere on your site using a shortcode, a Gutenberg block, an Elementor widget, or a sitewide floating countdown bar — no code required.

A countdown timer builds urgency and boosts attendance for webinars, conferences, workshops, meetups, festivals, and product launches. This event countdown addon automatically detects the next upcoming event from The Events Calendar and keeps the timer accurate — even behind full-page caching.

Why use an Event Countdown Timer?

• Create urgency — a ticking countdown to your event start date drives registrations and ticket sales.
• Promote the next event automatically — the countdown rolls over to the next upcoming event when one ends.
• Show it anywhere — page, post, sidebar, footer, single event page, or a floating bar across the whole site.
• Match your design — presets, colors, sizes, and layouts that fit any theme.

Add an Event Countdown in 4 Ways

• Shortcode — generate [events-calendar-countdown] from the built-in shortcode generator with a live preview.
• Gutenberg Block — drop the Event Countdown block into any page or post in the block editor.
• Elementor Widget — drag the Event Countdown widget onto any Elementor page or template and style it live.
• Sitewide Auto-Display — show a countdown across your site with Display Rules: a sticky top or bottom countdown bar, a floating countdown in the corner, or a floating banner — targeted to the pages you choose.

Key Features

• Event countdown timer with days, hours, minutes, and seconds.
• Auto-detect the next upcoming event — no need to pick an event manually.
• Auto-rollover — when an event ends, the countdown advances to the next one on its own.
• Cache-friendly countdown — stays accurate with caching plugins and full-page caches.
• Recurring event support — occurrence-aware, so recurring events count down correctly.
• Countdown carousel — rotate 1–5 upcoming events in a single countdown slider.
• Next-in-context — on a single event page or a category / tag archive, the countdown targets that event or taxonomy.
• 6 ready-made design presets — Classic, Minimal, Side Image, Bold Poster, Modern Split, and Promo Banner, each with Light and Dark modes.
• Countdown styles — box, ring (circle), and inline digit layouts.
• Full styling controls — background, text, and accent colors, font sizes, corner radius, border, padding, and width.
• Event details — optional event image, venue, cost, and a “Find out more” / event link button.
• Live preview — see the countdown update as you tweak settings.
• Translation-ready & RTL-friendly, responsive on every device.
• Free — all features included, works with the free The Events Calendar plugin.

Perfect For

Webinar countdowns, conference and summit timers, workshop and class reminders, meetup and networking events, concerts and festivals, product launches, sales and offers, sports fixtures, and any time-based event managed with The Events Calendar.

Example Shortcode

[events-calendar-countdown autostart-next-countdown="yes"]

The easiest way to build a shortcode is the generator at Events Addons → Event Countdown, which lets you pick an event (or auto-detect the next upcoming event), choose a design preset, set colors and sizes, and copy the ready-made shortcode.

More Addons for The Events Calendar

Building an event website with The Events Calendar? Extend it further with these event addons for more layouts, promotion, and management options.

• Events Shortcodes for The Events Calendar: Display upcoming, past, featured, or category events in list, grid, carousel, slider, masonry, accordion, or timeline layouts, with Gutenberg block support.
• Events Widgets for Elementor: Ready-to-use The Events Calendar widgets for Elementor — event list, grid, and carousel with full typography, color, and meta controls.
• Event Single Page Builder for The Events Calendar: Design custom single event pages with schedule, tickets, venue map, speakers, sponsors, and call-to-action areas.
• Events Speakers & Sponsors: Add structured speakers and sponsors sections to your event pages.
• Events Calendar Modules for Divi: Custom Divi modules to display The Events Calendar events in Divi Builder.

Read the full description on the official page →