Notion Integration (Power-up)

How to integrate Chatra in Notion

Within this post, you are going to learn how to integrate a chatbot to your Notion website. The process is really easy.

First, you may want to ask: Why even add live chat to my website?

The answer is pretty simple. A chatbot can save you lots of time with FAQs, it can help you collect email addresses from your users, and it can also get you directly in contact with them.

How to connect Chatra to Notion websites

The short answer is that you’re going to embed your Chatra live chat bubble’s code into’s custom code section.

Though, if you want to see the full answer to your question, scroll down to read more.

1. Copy your Chatra widget’s code

To get to your Chatra chatbot’s code, you’ll first have to go the Connect → Chat Widget section.

integrate chatra to notion websites

There, you’ll see a box with the widget’s code, just like in the image above. Be sure to copy that yo your clipboard.

2. Notion Website settings

Now you have to go to your dashboard and select your preferred website.

Once you’re there, go to the “Custom code” section.

notion custom code websites

You can access your Notion website’s custom code area with the help of the menu on the left side of the screen.

3. Add Chatra to Notion

Now’s the fun part, because here you actually integrate Chatra in Notion.

To do that, simply paste your Chatra live support widget’s code into the custom code section.

notion how to connect chatra chatbot

Bear in mind that you have to click the blue “Save changes” button once you’re done adding your code. Otherwise, Chatra won’t integrate in your Notion website.

Once you’re done with that, your Chatra chatbot will be visible on your public website.

integrate chatra chatbot in notion

Hey, good job! You’ve just added’s chatbot to your Notion website.

Can you add a chatbot to Notion?

You can’t add a chatbot directly to your Notion workspace, though you connect a chatbot to your Notion website built with - all you have to do is copy your chatbot’s code and add it in the custom code section of your website.

Was this guide helpful? If so, then you should consider giving a look to our library of Notion tutorials. Thanks for reading this guide!

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