Written by

in

Overview

The Countdown Timer Block creates dynamic countdown displays for events, launches, sales, or deadlines. Features real-time updating, multiple display formats, and customizable styling to create urgency and engagement.

00
Days
00
Hours
00
Min
00
Sec

Key Features

  • Real-Time Countdown: Automatically updates every second
  • Multiple Formats: Days/hours/minutes/seconds or custom formats
  • Flexible Styling: Customize colors, fonts, and layouts
  • Completion Actions: Display message or redirect when timer ends
  • Timezone Support: Works across different timezones
  • Evergreen Mode: Restart countdown for each visitor

How to Use

  1. Add the Countdown Timer block
  2. Set the target date and time
  3. Choose display format (full or compact)
  4. Customize labels (Days, Hours, Minutes, Seconds)
  5. Style the timer appearance
  6. Configure completion behavior
  7. Preview and publish

Block Settings

Date & Time Settings

  • Target Date: End date for countdown
  • Target Time: Specific time on target date
  • Timezone: Timezone for target date/time
  • Evergreen: Reset countdown per visitor

Display Settings

  • Format: Show days, hours, minutes, seconds
  • Labels: Customize unit labels
  • Separator: Character between time units
  • Layout: Horizontal or vertical arrangement

Completion Settings

  • Completion Message: Text to display when timer ends
  • Hide Timer: Hide timer after completion
  • Redirect URL: Optional redirect when timer ends

Common Use Cases

  • Product Launches: Build anticipation for new releases
  • Limited Offers: Create urgency for sales or promotions
  • Event Countdowns: Count down to webinars, conferences, or events
  • Deadline Reminders: Registration or submission deadlines
  • Coming Soon Pages: Tease upcoming website launches

Best Practices

  • Ensure target date/time is set correctly with proper timezone
  • Provide context – explain what the countdown is for
  • Use appropriate completion messaging
  • Test timer behavior before going live
  • Consider mobile appearance and readability
  • Use urgency ethically – only for genuine time-limited offers