Back to Blog
How to Embed an Events Calendar on Kajabi (2026 Guide)
Kajabi's Event block shows one event at a time. Here's how to add a full events calendar to your Kajabi website: weekly classes that repeat, your colors, every phone, and a page that updates itself.
Written by
Last updated: October 2026. Every CalGet step below was tested on a real calendar in October 2026, and every Kajabi step follows Kajabi's own Help Center.
Quick answer
Kajabi doesn't have a block that shows all your events on one calendar; its Event block shows one event at a time. To add a full events calendar, build it in CalGet, add your yoursite.mykajabi.com address (and your own domain) under Domains, and copy the embed code. Then in Kajabi go to Website → Website Pages → Customize, open a section, click Add block → Custom Code, paste the code into the Code field and click Save. New events show up on your page by themselves.
It's Monday morning and three students have already messaged you: "Is there class on Thursday?", "When's the breathwork workshop again?", "Can I get the Zoom time for the Q&A?" The answers are all somewhere, in an old email, an Instagram story, a sales page for one event. What your students actually want is one page that shows every class, workshop and live session, on the dates they happen.
If your business runs on Kajabi, that page can live right on your Kajabi site. This guide shows you how to embed an events calendar on your Kajabi website, step by step, using a real calendar we built for a small yoga studio: a weekly class that repeats on its own, workshops, live online sessions, and a calendar that matches the site and works on every phone.
Prefer to watch? The full walkthrough is under five minutes.

Does Kajabi have an events calendar?
Not one that shows your whole schedule. Kajabi has Events, a marketing feature: each Event is a date and time with registration and automated emails around it, and Kajabi adds Add to Calendar links to the confirmation emails and the Event page (Kajabi: Create an Event). On your website, the Event block displays one Event you pick from a dropdown (Kajabi: Add an event to a page).
That's great for a launch or a single webinar. It's not built for a studio schedule, a coaching program with weekly calls, or a community with something on every week. For that, you need a calendar view, and the way to get one on Kajabi is to embed it with a Custom Code block. Kajabi even names "a calendar booking widget" as an example of what that block is for (Kajabi: Add custom code to pages).
| Kajabi Event block | CalGet calendar in a Custom Code block | |
|---|---|---|
| Events shown | One Event per block | Every event in the calendar |
| Weekly classes on a calendar | No calendar view | Set once as Recurring, shown every week |
| Views | A single event | Month, Week, Schedule or Card, plus a side panel |
| Visitors can search | No | Yes |
| Add to their calendar | Yes, from the Event page and confirmation emails | Yes, from any event: Google, Apple, Outlook, Yahoo or an ICS file |
| Follow the whole schedule | No | Yes, Subscribe to Calendar |
| When you add an event | Add another block or page | It appears on the page by itself |
An embedded calendar doesn't replace Kajabi Events. If you sell a ticketed launch or a webinar funnel, keep using Events for that, and use the calendar to show everything else that's coming up.
What you need before you start
- A Kajabi site with a Website Page for the calendar (a "Schedule" or "Events" page works well).
- A CalGet account on a plan that includes the embeddable calendar and recurring events (the paid plans; see pricing).
- Your Kajabi addresses. Your default subdomain (yoursite.mykajabi.com) is under Settings → Domain in Kajabi, plus your own domain if you connected one.
How to embed an events calendar on your Kajabi website
Here's the whole process at a glance. Each step is explained below.
- 1Create a calendar in CalGet and add your events.
- 2Make weekly classes recurring, so they fill in every week.
- 3Style the calendar in Embeddable Calendar: color, theme, view, side panel, language.
- 4Add your Kajabi addresses under Domains: the mykajabi.com one and your own domain.
- 5Copy the embed code (Get embed code → JS Embed → Copy code).
- 6In Kajabi, open your page: Website → Website Pages → Customize.
- 7Add a Custom Code block to a section and paste the code into the Code field.
- 8Save and check the live page, on a computer and a phone.
Step 1: Create your calendar and add events in CalGet
In CalGet, open Calendars, click New Calendar, name it (we used "Juniper Flow Yoga") and click Create Calendar. Then click New Event and fill in the title, date and time, where it happens and a short description. For online sessions, write what students need to know, like "Online, Zoom link in your welcome email", instead of pasting a private meeting link on a public page.

Step 2: Make weekly classes repeat on their own
For anything that happens every week, turn on Recurring, choose Week, pick the day and click Set Recurrence, then Create Event Link. You create the class once, and it shows up every week on the calendar. Add your workshops and live sessions the same way, as one-off events.

Good to know: as CalGet's note in that dialog says, a whole repeating series can be added to Apple Calendar, Google Calendar and iCal. For people on Yahoo or Outlook, the best option is subscribing to the whole calendar, which the embedded calendar offers with one button.
Step 3: Make it yours in Embeddable Calendar
Open Embeddable Calendar and pick your calendar in the dropdown at the top (untick any you don't want to show). The preview is the real calendar, so every change shows up as you make it.

| Option | What it does | Where |
|---|---|---|
| Color | Your brand color, from the swatches or any hex code | Color |
| Theme | Light, dark, or auto (follows each visitor's device) | The sun / moon / screen buttons |
| View | Month, Week, Schedule or Card when the page opens | The view menu |
| Layout | A side panel that lists the selected day's events | Layout: With side panel |
| Language | 20 languages, from English and Spanish to Japanese and Hindi | More options → Default Language |
| Week start and time zone | Sunday or Monday; the time zone times are shown in | More options |
| Guest events | Visitors can submit events; you approve them before they go live | More options → Accept guest events |
| Phone preview | See the phone layout before you publish | The phone button above the preview |

Step 4: Add your Kajabi addresses under Domains
This is the step most people miss. CalGet only shows your calendar on websites you allow, and Kajabi serves your site on two addresses: your default mykajabi.com subdomain and your connected custom domain. Kajabi says your site "can be accessed through both your Kajabi subdomain and a connected custom domain" (Kajabi: default subdomain vs custom domain), so add both.
Click Domains, then Add Domain, type the address without https:// and click Add Domain. Repeat for the second address.

Skip this and your page shows Access Restricted instead of the calendar. The message names the exact address to add, so if you ever see it, copy that address into Domains and refresh.

Step 5: Copy the embed code
Click Get embed code. Keep JS Embed, the recommended option, which "auto-resizes to fit content and stays in sync with the latest features", and click Copy code. The code is a short <div> with your settings and one <script> tag.

Step 6: Open your page in Kajabi
In Kajabi, go to Website → Website Pages, find the page for your calendar and click the Customize icon (the color palette) next to it, or click the page title (Kajabi: Access the page editor).

Step 7: Add a Custom Code block and paste the code
In the Sections tab, click the section where the calendar should go (or click Add section for a new one). Click Add block, choose Custom Code, and paste the code into the Code field. Kajabi adds the new block at the bottom of the section; reorder it if you want it higher (Kajabi: Add and manage blocks).


Two things matter here. Paste the whole code: Kajabi's Custom Code block needs the <script> tag to run JavaScript, and CalGet's code already includes it. And leave the block's Width at 12 columns, so the calendar gets the full width of the section.
Step 8: Save and check your live page
Click Save in the top right, then open your live page. Check it at both of your addresses and on your phone. That's it: your events calendar is on your Kajabi site.
What your visitors can do with the calendar
The calendar isn't just a picture of your schedule. On the live page, visitors can:
- Search for a class by name, like "breath" for the Breathwork Workshop.
- Click a day and see everything on it in the side panel.
- Open any event for the time, place and description.
- Add it to their calendar: Google Calendar, Apple Calendar, Outlook, Yahoo or an ICS download.
- Subscribe to the whole calendar (Google, Apple, Outlook or Office 365), so new classes appear in their own calendar automatically.


On a phone, the calendar fits the screen: the month on top, the day's events underneath, and the same Add to Calendar menu one tap away.

Subscriptions are worth a mention for course creators and studios. A student who subscribes never has to ask "when's the next one?" again, because every class you add lands in their calendar. Our guide to subscription calendars explains how that works.
Keeping your Kajabi calendar up to date
You only paste the code once. From then on, you manage events in CalGet: add a class, change a time, cancel a session, and your Kajabi page shows the change the next time it loads. We tested it by adding a "Halloween Candlelight Flow" on October 31 after the page was published; it appeared on the page with no new code and no Kajabi edit.

Troubleshooting: if your calendar doesn't show
| What you see | Why | Fix |
|---|---|---|
| "Access Restricted" | The address isn't in your allowed domains | Add the address the message names under Domains, then refresh |
| Works on one address, not the other | Kajabi serves your site on both addresses | Add your mykajabi.com subdomain and your custom domain |
| Nothing shows at all | The code went into page Settings, not a block | Paste it into a Custom Code block; page Settings → Custom Code expects code without <script> tags |
| Part of the code is missing | Only part of it was copied | Use the Copy code button and paste everything, <script> included |
| The calendar is narrow | The block is less than full width | Set the Custom Code block's Width to 12 columns |
| Times look off | The calendar's time zone | Set Default Timezone under More options, and the event's own time zone |
Tips for course creators, coaches and studios
One calendar per audience. If members and the public see different events, make two calendars and embed each on its own page.
Keep private links private. The calendar is public. Put "Zoom link in your welcome email" in the location and keep the actual link inside Kajabi, where only members can see it.
Pick the view that fits. Month with a side panel works for a weekly schedule; Card view works well when you only run a few events a month.
Use guest events for communities. If your members host meetups, turn on Accept guest events. Their events wait for your approval before they appear.
Building on another platform too? We have the same walkthrough for Squarespace, WordPress and Framer, and a guide to recurring events.
How we tested this
We built a real CalGet calendar, "Juniper Flow Yoga", with a weekly Tuesday class (Recurring, every Tuesday from October 13, 2026), a Thursday evening class, a live online Q&A, two workshops and an online course kickoff. We styled it in Embeddable Calendar (custom color, side panel, Sunday start, New York time, guest events on), added both of the studio's addresses under Domains, copied the JS Embed code and ran it on the studio's Schedule page, on a desktop browser and an iPhone. We checked search, the side panel, Add to Calendar, Subscribe to Calendar, the Access Restricted message before the domains were added, and that a new event appeared without touching the page.
Juniper Flow Yoga and its website are made up. The Kajabi admin and page builder in the screenshots and the video are recreations based on Kajabi's Help Center (October 2026), and the Kajabi steps follow Kajabi's help articles linked above. Every CalGet screen, the embed code and the calendar on the page are real.
Key takeaways
- Kajabi's Event block shows one event; for a full schedule, embed a calendar in a Custom Code block.
- Build the calendar in CalGet and make weekly classes Recurring, so they fill in by themselves.
- Add both Kajabi addresses (yoursite.mykajabi.com and your own domain) under Domains, or the page shows Access Restricted.
- In Kajabi: Website → Website Pages → Customize → Add block → Custom Code → paste the whole code → Save.
- Visitors can search, open any day, add events to their calendar or subscribe, and the page updates when you change events in CalGet.
Frequently asked questions
Does Kajabi have a built-in events calendar?
Kajabi has Events, a marketing feature for single dates like launches and webinars, and an Event block that shows one Event on a page. It doesn't have a block that shows all your events as a calendar, so the usual way is to embed one with a Custom Code block.
How do I add a calendar to my Kajabi website?
Build the calendar in a tool like CalGet and copy its embed code. In Kajabi, go to Website → Website Pages, click Customize next to your page, open a section, click Add block → Custom Code, paste the code into the Code field and click Save.
Why does my embedded calendar say "Access Restricted" on Kajabi?
The address your page is on hasn't been allowed yet. In CalGet, open Embeddable Calendar → Domains and add the address the message names. Add both your yoursite.mykajabi.com subdomain and your custom domain, because Kajabi serves your site on both.
Where do I paste embed code in Kajabi?
For a calendar, paste it into a Custom Code block inside a section of your page (Add block → Custom Code → the Code field). Kajabi's page Settings → Custom Code fields are for CSS and JavaScript without <script> tags, so a full embed code belongs in the block.
Do I need to update the code when I add new events?
No. You paste the code once. When you add, change or remove events in CalGet, your Kajabi page shows the change the next time it loads.
Can I show recurring classes on my Kajabi calendar?
Yes. Turn on Recurring for the event in CalGet, choose Week and pick the day. The class appears on every matching day of the embedded calendar.
Does the calendar work on mobile?
Yes. The embedded calendar adapts to the phone's width, and visitors can tap a day, open an event and add it to their calendar. You can check the phone layout in CalGet's preview before you publish.
Can visitors add events to their own calendar?
Yes. Every event has an Add to Calendar menu for Google Calendar, Apple Calendar, Outlook, Yahoo and an ICS file, and visitors can subscribe to the whole calendar so new events appear automatically.
Can I embed Google Calendar in Kajabi instead?
You can paste Google Calendar's iframe embed code into a Custom Code block, but it's a fixed-size frame (800 by 600 pixels by default), so on phones it can be cut off. Our guide on embedding Google Calendar compares the options.
Put your whole schedule on your Kajabi site
Build the calendar once, add your two addresses, paste one block. From then on, your students always know what's next.
Create your embeddable calendar in CalGet and add it to your Kajabi site today.
Written by the CalGet team. We build the embeddable calendars, RSVP forms and add-to-calendar links that course creators, studios and event organizers use to get people to show up, and we tested every CalGet step in this guide ourselves.
Get Your Events on Everyone's Calendar.
Generate universal "Add to Calendar" links that work everywhere. Perfect for social media, emails, and websites.
Written by
Yared
