An event block shows your event's title, description, and date on a Website Page or Landing Page, so visitors know when it happens and what to do next. In Kajabi, an event is a date and time surrounded by automated actions and emails. Use one to build anticipation for a live session, a product launch, or a special offer.
The steps depend on your page template. Current website builder and page templates use an event block. Premier Legacy templates use an event section with a countdown timer. If you're not sure which you have, follow the steps for the page editor you see.
Learn more about Events in Kajabi.
Add an event block to a page
From the Dashboard, click Website, then click 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 Event from the list. The event block appears at the bottom of the Section.
Select the event to display in the block.
Click Save.
Want to create a new page for your Event? Learn more
Customize an event block
In an event block, you can change the block width, choose which event it shows, edit its title and description, and adjust the Block Settings.
Select the event for a block
Create the event under Marketing > Events before you add it to a page.
In the event block editor, open the event dropdown.
Select your event, or click Edit your Events below the dropdown to open your event.
Edit the event title and description
Enter the text you want in the Event Title and Event Description fields.
Change the event block look and feel
Use block settings to match the block to your brand:
Call to Action to change the button
Typography to set the Title, Description, and Date size and color
Language to set the Date format and choose whether to show the year, time, and timezone
Set event block typography
Title size (desktop & mobile): Adjust the font size of the event Title on desktop and mobile.
Date size (desktop & mobile): Adjust the font size of the event date on desktop and mobile.
Title Color, Description Color, and Date Color: Click a color option to open your site color palette. To use a custom color, click the color wheel, then enter an RGB color code or use the sliders.
In the custom color picker, the square box adjusts brightness and saturation, the horizontal rainbow bar selects the hue, and the horizontal gradient bar selects opacity.
Set the event date and time display
In the language block settings, change the date format and choose whether to display or hide the year, the time, and the timezone. To change the event itself, use the event editor under Marketing > Events.
Add an Event section to a Premier Legacy page
Premier Legacy templates use an event section instead of a block. It displays text, a countdown timer, and a Call to Action based on your event's date and time.
From the Dashboard, click Website, then click Website Pages or Landing Pages.
Click the Title of the page to open the editor, or create a new page.
Open the page editor for your page. Learn how to open the page editor.
In the sidebar, click Add Section.
Select event. The event section appears at the bottom of the page.
Select your event.
Click Save.
Customize a Premier Legacy Event section
Create the event under Marketing > Events before you add it to a page. Learn how to create an event in Kajabi.
Edit the event title and description
Edit the Title and Description to change the messaging for your event.
Set the event date format
Choose a date format and whether to show or hide the date, year, time, and timezone.
Set up a countdown timer
Check or uncheck Show Countdown Timer to show or hide the countdown.
Change the language of the countdown values (Days, Hours, Minutes, Seconds).
Choose a Countdown Action to run when the countdown ends, based on your event date and time.
If you select Use After Countdown Action, choose what happens At Countdown End:
Go to a Landing Page
Go to a Checkout Page
Download a File
Go to a URL
Note: When you use Go to a URL, enter a full URL, such as https://kajabi.com/.
Customize the event section appearance
Countdown style: Change how the countdown looks when the timer is displayed.
Background image & overlay: Display a background image with an image overlay.
Section colors: Override the default Background Color, Text Color, or Number Color to fit your brand.
Spacing: Choose Extra Small, Small, Medium, Large, or Full Height. Full Height makes the background behave as a Hero Image with a dynamic image.
Give registrants a grace period with Event Offset
Event Offset delays the end of the countdown by the amount of time you set, so registrants can join before the event officially begins. For example, if an event starts at 10:00 am and you set an offset of 3 minutes, the countdown ends at 10:03 am.
Add a Call to Action to an event section
Add a Call to Action to encourage visitors to act on your event. Customize the button text, the action it triggers, and its appearance and behavior. Learn how to use a Call to Action with Premier.
Reveal the Call to Action after the Event with Time Reveal
Time Reveal shows your Call to Action button a set amount of time after your event occurs. To set it up:
Enter your Offset value.
Select the Offset Time Period: seconds, minutes, hours, or days.
Select an event.
Note: The Time Reveal value must be greater than 0 and connected to an event.