How to Embed a Calendly Calendar on your Page with Premier

David Giali

Updated

Learn to embed a Calendly Calendar with the Custom Code Section in your landing page built with the Legacy Template, Premier.

In this article:

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

Step 1. Create your Schedule and Event in 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.

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 Kajabi page, add a Custom Code Block to your page. Learn to add a Custom Code Block with Premier for details.

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.

After adding the Custom Code Block, paste your Calendar Embed Code in 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:

Note:
Other third-party widgets such as Acuity or Hubspot can be embedded the same way! Simply paste the embed code from any widget into a Custom Code Block on your Kajabi page!

And that's how to embed a Calendly Calendar on your Premier 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