Countdown
Coming soon! The [countdown] shortcode is a powerful tool designed to create a visually appealing countdown timer for events.
Last updated
Coming soon! The [countdown] shortcode is a powerful tool designed to create a visually appealing countdown timer for events.
Last updated
Basic Countdown to a Single Event
Countdown with Custom Labels and Data Items
Customized Countdown Card Appearance
Countdown with an Expiration Message
Event Dependency: The countdown will function only if a valid event_id
is provided and associated with an event in the system.
Parameters: The number of data_labels
needs to be in the same order and be the same amount as the data_items
Coming Soon: This shortcode is not yet published, but we are excited to release it soon! Stay tuned for updates.
Parameter
Description
Accepted Values
Default Value
event_id
Specifies the event(s) to countdown to.
A comma-separated list of event IDs (e.g., 1,2,3
).
Required
data_items
Defines the time units to include in the countdown.
years
, months
, days
, hours
, minutes
, seconds
.
days,hours,minutes,seconds
data_labels
Custom text for each time unit label.
Any text (e.g., Días
, Heures
).
Days,Hours,Minutes,Seconds
display_labels
Toggles visibility of the labels.
true
, false
.
true
expiration_message
Message displayed when the countdown expires.
Any text (e.g., Event Started
, Over
).
EXPIRED
card_edges
Style for the edges of the countdown cards.
square
, rounded
.
square
card_background_color
Background color of the countdown cards.
Any valid HEX color (e.g., #000000
).
Accent color of your theme.
card_text_color
Text color for the countdown cards.
Any valid HEX color (e.g., #ffffff
).
#ffffff
(white).
card_border_color
Border color of the countdown cards.
Any valid HEX color or none
.
none
card_font_size
Font size for text inside the countdown cards.
Any valid CSS font size (e.g., 14px
).
24px
font_size
Overall font size for the countdown.
Any valid CSS font size (e.g., 12px
).
18px