Learn to embed a Calendly Calendar with the Custom Code Section in your landing page built with the Legacy Theme, Premier.
In this article:
- Step 1: Create your Schedule and Event in Calendly
- Step 2: Copy your Calendar Embed Code
- Step 3: Embed your Calendar to your Page
This guide shows the following action in Premier Legacy Themes. If you are using the new Pages Themes, 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:
Step 2: Copy your Calendar Embed Code
After setting up your Calendly Availability:
- Return to your Calendly Dashboard and click the Gear Icon 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 to your Page
To embed your calendar on a Kajabi page, add a Custom Code Block to your page. Learn to add a Custom Code with Premier for details.
After adding the Custom Code Block, paste your Calendar Embed Code to the Block:
- Navigate to the sidebar editor for your Custom Code.
- 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!