> ## 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 add the chat software on Bubble

*This article explains how to add the Crisp chatbox to a Bubble app.*

[Bubble](https://bubble.io/) does not require you to edit your app code directly. You can install Crisp [support chat plugin](https://crisp.chat/en/livechat/) through a community Bubble plugin, then connect it to your Crisp workspace with your **Website ID**.

||| The Bubble integration mentioned here is a community plugin, not a plugin built by Crisp. Review the plugin page and test it on your Bubble app before relying on it in production.

---

# ${color}[#0080dd](Copy your Website ID from Crisp)

The Bubble plugin needs your Crisp **Website ID** to load the right chatbox.

__To copy your Website ID:__
1. Open [**Crisp**](https://app.crisp.chat).
2. Navigate to **Settings → Workspace Settings → Setup & Integrations**.
3. Find the **Website ID** field.
4. Copy the value.

![Copy the Website ID from Crisp](https://storage.crisp.chat/users/helpdesk/website/-/8/7/a/e/87ae2703583ac800/cleanshot-2026-01-29-at-125625_1jq8jd1.png =1000xauto)

---

# ${color}[#0080dd](Add a chat widget to your no code project Bubble)

Use Bubble's plugin system to install and configure the Crisp plugin.

__To add Crisp to Bubble:__
1. Open your Bubble app.
2. Open **Plugins**.

![Open the Bubble plugins section](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/cleanshot-2025-02-24-at-112114_1ocmxii.png =1000xauto)

3. Search for `Crisp` in the plugin list.

![Search for the Crisp plugin in Bubble](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/cleanshot-2025-02-24-at-112143_s4ju5d.png =1000xauto)

4. Install the [Crisp Chat Integration plugin](https://bubble.io/plugin/crisp-chat-intergration-1645688836440x233407938173599740).
5. Paste your **Website ID** in the plugin settings.

![Paste the Website ID in Bubble plugin settings](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/cleanshot-2025-02-24-at-112204_251nh9.png =1000xauto)

6. Preview or publish your Bubble app and check that Crisp appears.

![Crisp loaded on a Bubble app](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/cleanshot-2025-02-24-at-112222_xep9fa.png =1000xauto)

| To learn more about the Crisp widget itself, visit our [Live Chat page](https://crisp.chat/en/livechat/).