Articles on: Linkie Cards

How to embed Cal.com calendar/link to Linkie

With a Calendly link you can show your availability and allow visitors to book calls, events, meetings, and more in just a few clicks from your Linkie.


You can embed Cal.com link/calendar in two ways:


  1. Copy URL from the post.
  2. Copy the embed HTML code from Cal.com.


To embed Cal.com link via URL:

  • Go to your Linkie dashboard.
  • Press on Click to add link, post, embed, etc.



  • Choose Add an embed from the cards.



  • Click on Paste URL.



  • To find the URL of the Cal.com meeting, you can go to Cal.com , find the meeting and click on Copy link to event.



  • After pasting the URL from Cal.com, click on Add embed.



  • You can always edit **on the top right corner or **remove the embedded post from your Linkie by clicking the bin icon.



  • Preview it by clicking Preview on the top right corner.


To embed Cal.com calendar via HTML code:


  • Go to your Linkie dashboard.
  • Press on Click to add link, post, embed, etc.



  • Choose Add an embed from the cards.



  • Click on HTML Code.



  • Go to the Cal.com meeting you want to embed and click on the 3 dots and then Embed.



  • From there choose one of the options. I chose Inline embed.



  • Here, customize the meeting details and Copy Code.



  • Go back to Linkie and paste the embedded code.


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



  • You can always edit **on the top right corner or **remove the embedded post from your Linkie by clicking the bin icon.



  • Preview it by clicking Preview on the top right corner.


Keep in mind:


  • Embed cards are full width by default and cannot be resized, only the height can be adjusted.
  • When embedding with HTML, avoid using event attributes like "onclick", because they rely on JavaScript, which many platforms block for security reasons.
  • You can include custom HTML elements like headings. For example: <h1>Hello world</h1>


Written by: Brikena Cani

Updated on: 09/05/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!