A countdown block shows visitors a live timer counting down to an Event. Use it on a Website Page or Landing Page to build urgency around a specific date and encourage people to sign up before time runs out.
You select an existing Event, choose how the timer looks, and decide what happens when it reaches zero. If your page uses the Premier legacy template, follow the steps in Add a countdown timer in the Premier legacy template, further down this article.
Note: This section covers the current page editor, available with the Website Builder and Kajabi Pages. The Premier legacy template works differently, so it has its own section below.
Add a countdown block
From the Dashboard, click Website, then Website Pages or Landing Pages
Click the Title of the page to open the editor.
Click the section you want to edit, or create a new section
In the sidebar, click Add block
Select Countdown from the list. The new Countdown block appears at the bottom of the Section
Select an existing Event to display in the block
Click Save to keep your changes
Customize your countdown block
In a Countdown block, you set the Block Width, select your Event, choose a Countdown style, set what happens when the countdown ends, and decide whether the Section disappears afterward. You can also adjust the Block Settings.
Select and edit your Event
The Event you select sets the date and time the countdown ends. If you have not created an Event, go to Marketing > Events from the Dashboard first. Learn how Events work in Kajabi.
In the Countdown block editor, find the Event dropdown
Click Edit your Events directly below the dropdown to change an existing Event
Countdown style
Minimal
Boxed
Set a countdown action
A countdown action runs when the timer reaches zero. It only runs if you turn on the Enable countdown action setting. After the countdown ends, the action can:
Send visitors to a Landing Page
Send visitors to a Checkout Page
Download a file
Send visitors to any URL
In the sidebar, check Enable action.
Under After event, select the action that should run when the countdown ends.
Enter or select the destination for that action.
Click Save to keep your changes.
Remove the Section when the countdown ends
Check Remove on complete to hide the entire section that contains the Countdown block once the timer expires.
Note: Every block in the Section is hidden after the countdown ends, not just the Countdown block.
Block settings
Adjust how the block looks with these Block Settings:
Countdown Settings: Set the color and size of the countdown numbers and labels
Language: Set the language used for days, hours, minutes, and seconds
Add a countdown timer in the Premier legacy template
The Premier legacy template has no Event picker. You enter the exact end time and timezone for the countdown yourself.
From the Dashboard, click Website, then Website Pages or Landing Pages
Click the Title of the page to open the editor.
In the sidebar, click Add Section
Select Countdown Timer. The new Countdown Timer appears at the bottom of the page
Enter the End Time for your countdown, using the format in the next section
Click Save to keep your changes
Set the heading and subheading
Change the message shown above your Countdown Timer.
Set the end time
Enter the exact moment the countdown ends as YYYY-MM-DD HH:MM:SS, using a 24-hour clock.
For example, 2027-10-14 12:00:00 means October 14th, 2027 at 12:00 PM.
Set the timezone
Enter your timezone name from the moment.js timezone map.
Set the countdown language
Choose the language used for days, hours, minutes, and seconds in your Countdown Timer.
Customize the Section appearance
Change how the Section looks by adjusting the:
Countdown style
Background color
Text color
Number color
Section spacing