How to Embed a Calendar on a Page

David Giali

Updated

Learn to embed a calendar on your Kajabi pages with Calendly. 


In this article:


This guide shows the following actions in the new Pages Templates. If you are using the Premier Legacy Templates, refer to the guide here.

Embed a calendar

Embed a calendar on your Kajabi pages with a tool like Calendly.

With Kajabi, you can add a third-party calendar as long as your preferred calendar tool provides an embed code. For the purpose of this guide we will be adding a calendar with Calendly. 

What is Calendly?

Calendly is a simple, easy-to-use, powerful scheduling software.

It aims to save you time, accelerate sales, and improve service quality through scheduling appointments, calls, interviews, demos, and more.

If you haven't already, create a Calendly account here: https://calendly.com/pages/pricing

Can I use other scheduling software?

Other third-party widgets such as Acuity, Hubspot, and Google Calendar can be embedded the same way!

Simply copy and paste the embed code from your preferred scheduling widget into a Custom Code Block on your landing page built with Kajabi.


Embedding your calendar with Calendly

Step 1. Create your schedule and event in Calendly

First, create your schedule and event types in your Calendly account:

  • Log into your Calendly account.
  • Click + New Event Type.
  • Select your Event Type.
  • Customize your Event. Learn to set up your Event with Calendly.
  • Ensure that your event is turned On:

AB46348A-0515-4084-AA1C-18317F32608A.png

Step 2. Copy your calendar embed code

After setting up your Calendly Availability:

  • Return to your Calendly Dashboard.
  • Then, click Share for the Event you wish to embed on your Kajabi Page.
  • Click Add to Website.
  • Select the Widget Style for your calendar embed.
  • Click Continue.
  • Customize the Page Settings for your selected style and click Copy Code:

Step 3. Embed your calendar on your page 

To embed your calendar on a page, add a Custom Code Block to your page. Learn to add a Custom Code Block for details.

After adding the Custom Code Block to your page, paste your calendar embed code into the Block:

  • Navigate to the sidebar editor for your Custom Code Block.
  • Paste the Calendly embed code in the Custom Code field.
  • Click Save to apply and keep your changes:

Warning:
Introducing custom code to your site can open you up to vulnerabilities and potential malware attacks. We recommend using vulnerability tools like VirusTotal or Snyk to scan any custom code that you intend to use and apply certain best practices to help reduce potential impact.

And that's how to embed a calendar on a page! Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!

Did you find this article helpful?

Need more help?

Contact Us