> ## 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 Cal.com calendar on your Linkie page

# How to embed a Cal.com calendar on your Linkie page

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

You can add a Cal.com 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 Cal.com:

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

### Open HTML Embed

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/add-html-embed_1t72gl1.png =600xauto)

Open your Linkie page in the [playground](https://app.linkie.bio/playground), then click **HTML Embed** in the sticky menu at the bottom.

Using the sticky menu adds the new card at the top of your Linkie page as the newest post.

### Add the card at a specific position instead

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

Instead of using the sticky menu, hover over the gap where you want the new card to appear, then click **+ Insert**. The button appears only in gaps that span a full row, not between cards in adjacent columns. Clicking it chooses the position before you create the card.

Choose **HTML**. This opens the same creation dialog as the sticky menu. Fill in the information using the steps below. When you add the card, it appears in the gap you clicked.

### Method 1: Embed with a Cal.com link

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

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

### Copy your Cal.com link

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

Open Cal.com, find the event type you want to embed, then click **Copy link to event**.

### Add the Cal.com link in Linkie

Go back to Linkie, paste the Cal.com link, then click **Add Embed**.

### Method 2: Embed with HTML code

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

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

### Copy the Cal.com embed code

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

Open Cal.com, find the event type you want to embed, click the three dots, then choose **Embed**.

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

Choose the embed option you want to use. For a calendar inside your Linkie page, choose **Inline embed**.

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

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 Cal.com embed

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

---

### Things to note

* You can edit the Cal.com embed from the top-right corner of the card, or remove it by selecting the bin icon.
* Use the Cal.com 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>`.