> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://linkie.bio/help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to embed a Calendly calendar/link to your Linkie

# How to embed a Calendly calendar on your Linkie page

###### **Step-by-step guide on how to embed a Calendly calendar on your Linkie page**

You can add a Calendly calendar to your Linkie page so visitors can view your availability and book calls, meetings, or events in a few clicks. There are two ways to add Calendly:

* **Method 1: Paste a Calendly link** for the quickest setup.
* **Method 2: Paste Calendly embed code** if you want to customize the embedded calendar before adding it to Linkie.

### Add an embed card

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/step-3_1ww1qv.png =500xauto)

Open the [playground](https://app.linkie.bio/playground), then click **Click to add link, post, embed, etc.**

### Choose the embed option

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/add-embed_1ijrtdz.png =500x457)

Choose **Add an embed** from the card options.

### Method 1: Embed with a Calendly link

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/paste-url_1fm3tuq.png =600x659)

Choose **Paste URL** if you want to embed your Calendly event with a link.

### Copy your Calendly link

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/step-4_dbz0hd.png =600x148)

Open Calendly, find the event type you want to embed under the **Scheduling** tab, then click **Copy link**.

### Add the Calendly link in Linkie

Go back to Linkie, paste the Calendly link, then click **Add embed**.

### Method 2: Embed with HTML code

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/step-5_a0x114.png =500xauto)

Choose **HTML Code** if you want to embed Calendly with its website embed code instead.

### Copy the Calendly embed code

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/step-1_qnm942.png =600x450)

Open Calendly, find the event type you want to embed, click the three dots, then choose **Add to website**.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/step-2_1ixmg1i.png =600x441)

Select **Inline embed**, then click **Continue**.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/step-3_1qftxny.png =600x552)

Customize the meeting details if needed, then click **Copy Code**.

### Paste the code in Linkie

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/add-embed-code_1cjqqj2.png =500x648)

Go back to Linkie and paste the embed code into the HTML Code field. You can also add an optional title for tracking analytics.

||| When embedding with HTML, avoid using event attributes like `onclick`, because they rely on JavaScript, which many platforms block for security reasons.

### Preview your Calendly embed

Click **Preview** at the top right of the [playground](https://app.linkie.bio/playground) to see how the Calendly calendar will look on your Linkie page.

---

### Things to note

* You can edit the Calendly embed from the top-right corner of the card, or remove it by clicking the bin icon.
* Use the Calendly link method for a quick setup, or the HTML Code method if you want to customize the embedded calendar before adding it to Linkie.
* You can include simple custom HTML elements, such as `<h1>Hello world</h1>`.