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

Open your Linkie page in the 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

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

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

Copy your Cal.com link

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

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

Copy the Cal.com embed code

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

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

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

Paste the code in Linkie

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 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>.

Updated on: 19/10/2026

Was this article helpful?

Thank you!