Wavecast
  • Start here
  • Events
    • Getting started
    • Setup your first event
    • Copy an existing event
    • Publish an event
      • Speakers
      • Sponsors
      • Resources
      • Testimonials
      • Copy
  • Publishing
    • Agendas
    • Create content
    • Control access
      • Adding Tickets, Passes & Guest Passes
        • Coupons: Schedule, manage and promote
        • Adding and Updating ad-hoc Coupons
        • Approval/Declining Process of Registration Requests
        • Guest list to invite contacts and track responses
        • Approval/Declining Process of Guest Passes
      • Hard and Soft Limits
      • Managing opt-ins
      • Metering
      • Extra Fields for Content
      • Import users
      • Email Lists
    • Classify & personalise
      • Create & configure taxonomies
    • Custom Headers
      • Headers
      • Templating Language
    • Shortcodes
      • Access Settings
      • Content
      • Content with Search Bar
      • Event Manager
      • Events with Search Bar
      • Full Width Carousel Slider
      • Countdown
      • Buttons
      • Popular Now
      • Engagement Tools
      • Events
      • RSS Feeds
    • Images
    • Widgets
    • Ad Banners
  • Emails
    • Create a campaign
      • Customise Email CTAs
      • Building Complex Emails
      • Email Segmentation
      • Email Templates
    • Organise contacts
      • Add email addresses to Lists
      • Send a campaign to a list
    • Advanced Emails
      • Send an event campaign to hub audience
      • Adjust user email preferences
      • Change reply-to email address
    • Campaign Reports
      • Link Clicks
      • Suppressed
      • Recipients
      • Inflated Clicks & Opens
  • Live
    • Engage audiences
      • Audience Q&A
      • In-Feed Graphics
      • Polls
      • Quotes
      • Related Content
      • Networking
      • Meeting Rooms
    • Deliver live content
      • Slides
    • Troubleshooting for audiences
    • Remote Production
      • Live Broadcast
        • Book a live broadcast
        • Prepare for a live broadcast
      • Enterprise Streaming Support
        • Conduct a stream test
      • Video & Audio Production
        • Book remote video production
        • Prepare for remote video recording
    • On-Site Production
    • Check-in App
  • Analytics
    • Dashboard
    • Engagement Report
      • 2024 (BETA)
    • Google Analytics
    • Cookie Management
    • Page Views
    • User Data
    • Guest Passes
  • Settings
    • Configuration
    • Fonts, Colours & Logos
    • Hub Header & Footer
    • Custom Domain
      • Update GoDaddy DNS
    • Search & Metadata
    • System Messages
    • Access Control
      • Admin Accounts
      • Progressive Profiling
    • Global Event Settings
    • Default Templates
  • Integrations
    • Marketing Automation
      • Marketo
      • Eloqua
      • Pardot
      • Mailchimp
    • Events Management
      • Cvent
      • Eventbrite
      • Eventsforce
      • Sync by Email
    • Unified Communications
      • Zoom
      • ON24
    • Video
    • Payments
    • Single Sign-On (SSO)
    • LinkedIn Sign Up Setup
    • API Keys
Powered by GitBook
On this page
  1. Publishing
  2. Shortcodes

Countdown

Coming soon! The [countdown] shortcode is a powerful tool designed to create a visually appealing countdown timer for events.

Parameters

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


Usage Examples

  1. Basic Countdown to a Single Event

    [countdown event_id="1"]
  2. Countdown with Custom Labels and Data Items

    [countdown 
        event_id="2" 
        data_items="days,hours,minutes" 
        data_labels="Días,Horas,Minutos"]
  3. Customized Countdown Card Appearance

    [countdown 
        event_id="3" 
        card_edges="rounded" 
        card_background_color="#333333" 
        card_text_color="#00FF00" 
        card_border_color="#FF0000" 
        card_font_size="16px"
        font_size="14px"]
  4. Countdown with an Expiration Message

    [countdown event_id="1" expiration_message="The event has started!"]

Notes

  • 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.

PreviousFull Width Carousel SliderNextButtons

Last updated 6 months ago