> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.crisp.chat/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 Install the Crisp Live Chat Widget to a Notion Page

*This article explains how to embed the* [*Crisp Live Chat chatbox*](https://crisp.chat/livechat/) *inside a Notion page without using code or installing a plugin.*

Notion can display external URLs directly inside a page. To add Crisp, find your Website ID, generate the direct link to your chatbox, then paste it into a Notion **Embed** block.

If [Hugo AI Agent](https://hugo.ai/) is activated on your workspace, visitors can also interact with your AI Agent directly from the embedded chatbox.

__In this guide, you will learn how to:__
* [Watch the installation walkthrough](#1-watch-the-installation-walkthrough) → follow the complete setup in video format
* [Find your Website ID](#1-find-your-website-id) → retrieve the unique identifier of your Crisp workspace
* [Generate your Crisp chatbox link](#1-generate-your-crisp-chatbox-link) → create the URL that will be embedded in Notion
* [Embed the Crisp chatbox in Notion](#1-embed-the-crisp-chatbox-in-notion) → add and resize the chatbox on your page
* [Test the installation](#1-test-the-installation) → confirm that new messages reach your Crisp Inbox
* [Troubleshoot the Notion embed](#1-troubleshoot-the-notion-embed) → resolve the most common setup issues
---

# ${color}[#0080dd](Watch the installation walkthrough)

This video shows how to find your Website ID, generate your Crisp chatbox URL, embed it inside Notion, and test the installation from your Crisp Inbox.

${youtube}[How to install the Crisp Live Chat Widget on Notion](ihSuVNvRLDY)
---

# ${color}[#0080dd](Find your Website ID)

Every Crisp workspace has its own unique Website ID.

__To find it:__
1. Open **Settings** in Crisp.
2. Go to **Workspace Settings → Setup & Integrations**.
3. Find the **Website ID** field.
4. Click **Copy**.

|| For more information, see [Where to find my Website ID](https://help.crisp.chat/en/article/where-to-find-my-website-id-1ylqx1s/).
---

# ${color}[#0080dd](Generate your Crisp chatbox link)

Once you have copied your Website ID, use the following URL format:

`https://go.crisp.chat/chat/embed/?website_id=MY_WEBSITE_ID`

Replace `MY_WEBSITE_ID` with the Website ID from your Crisp workspace.

For example:

`https://go.crisp.chat/chat/embed/?website_id=YOUR_ACTUAL_WEBSITE_ID`

You can open the completed URL in your browser to confirm that it displays the correct Crisp chatbox before adding it to Notion.

|| See [How can I generate the direct external link of my Chatbox?](https://help.crisp.chat/en/article/how-can-i-generate-the-direct-external-link-of-my-chatbox-174pche/) for more information about direct chatbox links.
---

# ${color}[#0080dd](Embed the Crisp chatbox in Notion)

Once your chatbox URL is ready, add it to your Notion page using an **Embed** block.

__To embed Crisp in Notion:__
1. Open the Notion page where you want the chatbox to appear.
2. Click where you want to add the chatbox.

![Adding a block in Notion](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/cleanshot-2025-02-24-at-111537_1mkevex.png =1000xauto)

3. Type `/embed`.
4. Select **Embed** from the block menu.
5. Paste your Crisp chatbox URL.
6. Confirm the embed.

![Pasting the Crisp chatbox URL in Notion](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/cleanshot-2025-02-24-at-111550_1bkmh35.png =1000xauto)

7. Drag the edges of the block to resize the chatbox.

![Resizing the Crisp chatbox embed in Notion](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/cleanshot-2025-02-24-at-111603_b4b381.png =1000xauto)

| Make the embed large enough for visitors to read messages and use the chatbox comfortably.
---

# ${color}[#0080dd](Test the installation)

Once the chatbox appears inside Notion:

1. Open the Notion page as a visitor.
2. Send a test message from the embedded chatbox.
3. Open your [**Crisp Inbox**](https://app.crisp.chat).
4. Confirm that the new conversation appears correctly.

If the message reaches your Inbox, the installation is working.

You can then [customize your Crisp chatbox](https://help.crisp.chat/en/article/how-to-customize-the-chatbox-1hj537j/) to adapt its appearance and behavior to your support experience.
---

# ${color}[#0080dd](Troubleshoot the Notion embed)

If the chatbox does not appear correctly, check the following:

* **Website ID** → confirm that the ID inside the URL matches your Crisp workspace
* **URL format** → make sure the complete URL starts with `https://go.crisp.chat/chat/embed/`
* **Block type** → select the Notion **Embed** block, not **Bookmark**
* **Embed size** → resize the block if the chatbox appears too small
* **Workspace connection** → send a test message and verify which Crisp Inbox receives it

||| The Website ID determines which Crisp workspace receives the conversations. Using an incorrect Website ID will connect the embedded chatbox to another workspace or prevent it from loading correctly.