Notion Integration (Power-up)

How to Integrate Cal.com to Notion websites

If you want to organise yourself and your meetings better than ever before, then Cal.com and Notion.so are the tools that you needs.

Though, you’re most likely here because you’ve already built your own Notion website.

Therefore, within this guide, we’re going to show you all there is to do in order to integrate Cal into Notion.

How to integrate Cal.com into Notion

To integrate Cal into Notion, you just have to grab the meeting’s link or code and embed it into Notion, or through the Simple.ink custom code section of your website.

Now keep in mind that this was just the short way to answer your question. For more, keep reading the guide!

Method 1: Notion Embed block

The first method implies copying and pasting you Cal.com meeting's link and then embedding it into Notion.

1. Grab your meeting's URL

First of all, go to your Cal.com Event Types and select your favourite event/meeting.

embed cal.com to notion websites

There, be sure to click the icon with the link - see the image above.

2. Paste it in Notion

Now go to your favourite Notion.so website, and within the page(s), paste your link.

Once you've pasted the link, you should see 3 options: Dismiss, Create embed, Create bookmark.

how to embed cal.com in notion

Psst, hey! Like the template in the image above? Get it from our Notion Influencer Website Builder. It's all free to use!

What you want to select is "Create embed". Then, you should be able to see the Cal.com integration just like in the image above.

add cal.com to notion pages

That's it with the first way to integrate Cal.com to your Notion website!

Method 2: Custom code

For the second method of the guide on how to embed Cal.com to Notion websites, we're going to show you how to use the custom code section.

1. Integrations settings

You'll first have to go to the Integrations settings within Cal.com and scroll all the way down to the bottom.

connect cal.com to notion websites

From there, choose your favourite option: "Standard iframe" or "Responsive full screen iframe".

2. Notion website custom code

Now head towards your Notion website's custom code settings.

integrate cal.com in notion websites

There, you'll have to paste your Cal.com integration's code.

Once you've done that, you've basically finished the second method on integrating Cal.com to your Notion website!

Can you integrate Cal.com to Notion websites?

The answer to this question is simple: yes, you can. All you have to do is copy your Cal.com event's URL and paste it into Notion, and then it'll be displayed on your website.

Did you find this guide useful? if so, then you should have a look at our library of Notion guides, where we teach people everything about Notion. Thanks for stopping by!

Got any other question?
Need help with anything else? Use the live chat button in the lower right corner → we'll do our best to clarify things for you!
Back to all the guides