Prerequisites

The.com Basics

Intro

Calendly allows you to embed your calendar on a webpage so that people can book appointments or meetings with you.

Getting the Embed Code

Sign in to Calendly and make sure you are on your home page. From there:

1. Click the gear icon on next to to the "+ New Event Type" button.

2. Click Add to Website.

3. Select the embed style.

4. Customize the look of the Booking (optional).

5. Click Copy Code.

Adding the Embed Code

The steps for adding the embed code are the same regardless of which style you chose. The only difference is where they are placed.

In The.com,

1. Create a Raw HTML Element. For the Inline and Popup Text styles, place the Raw HTML Element where you want the embed to be. The location of the HTML Element doesn't matter for the Popup Widget style because it will always appear in the bottom-right corner of the screen.

2. Paste the code in the Element's Text cell.

3. Click the Site Refresh Button to load the JavaScript.

That's all you need to do in order to integrate Calendly on your The.com site.

Having trouble finding the right code on Calendly?

Feel free to check out Calendly's documentation on adding embeds.