Display a real-time countdown timer for events to increase demand for your events and drive audience attention
How to Install and use the Event Countdown addon
September 20, 2023
Would you like to display real-time countdown timers for your events to your site visitors? With the Event Countdown timer, you will be able to increase demand for your events by creating a sense of urgency that will ultimately capture audience attention.
This addon is compatible with Fullcall, DailyView, and WeeklyView addons. You’ll get to embed the timer within the predefined layouts that come with these addons.
Note: Realtime event countdown timer does not work with events that are configured to display in popup modals. At the moment, the addon will only work on an event in the calendar OR on a single event page. This is on our radar and hopefully, this limitation will be addressed in the future as we plan out our development roadmap.
Before getting started, be sure to install and update the EventOn plugin by downloading it from your Codecanyon account. You can follow our tutorial on how to install & activate Eventon.
Next, you’ll need to install and activate Event Countdown by following our general guide on how to install EventOn addons.
Once the addon is activated, it will be added to the myEventOn side menu and it will be available as a tab option when you navigate to WP Dashboard > myEventOn > Countdown.
You can enable the timer in your events in one of two ways:
Enable the Countdown timer while editing events.
Navigate to WP Dashboard > Events > Events and click to edit your selected event:
Next, toggle the option to Show Countdown timer from the sidebar as shown below:
On this screen, you can configure the following options that will be displayed on the timer container:
- Text next to timer – Enter some text that will be displayed above the countdown
- Text to show when timer expires – Enter the text that will be displayed after the countdown ends
- What to do when the timer expires – Select various options that will take effect after the countdown finishes. You can select either to Do Nothing, Hide Event, Make Event Unclickable or Blackout Event.
- Countdown Expiration time – Select whether to set the event expiration time to the end of the event or the beginning from the dropdown.
- Custom time offset before expiration – Enter time in minutes that will be subtracted from the expiration time.
Enable the Countdown time in your shortcode
EventOn supports various shortcode options. In case it helps, go through this guide about creating shortcodes for more details.
You can hide the event countdown timers from a calendar by including the below shortcode attribute:
Here’s an example within a shortcode