> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.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 do I add Crisp Live Chat on Bubble?

Looking for a Bubble tutorial? Here is a dedicated tutorial for Bubble beginners who want to install a live chat on their Bubble website.

|| The Crisp team hasn't created this integration, but it has been reviewed and works perfectly.

Kudos to [Syrup](https://www.syrup.dev) for the integration plugin 💙

To learn more about Crisp chat widget, [click here](https://crisp.chat/en/livechat/)  
To learn more about Crisp integration for Bubble, [click here](https://bubble.io/plugin/crisp-chat-integration-1645688836440x233407938173599740)

# Retrieve your chat widget identifier on Crisp

* Go to [app.crisp.chat](https://app.crisp.chat/)
* Navigate to Settings > Workspace Settings > Setup & Integrations
* Copy your website ID

![](https://storage.crisp.chat/users/helpdesk/website/-/3/4/b/d/34bdd7b1bc69c000/5047e06f-7297-4aa6-8b3c-7af59d_1kr5nl7.png)

# On Bubble Dashboard

* Go to your Bubble app and click on `` `plugin` ``

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/2/8/e328ff9962965000/3c6833d6-fcc9-4e64-b10b-e70bb2_9h2d66.png)

* Search `` `Crisp` `` in the plugin list

![](https://storage.crisp.chat/users/helpdesk/website/-/4/c/6/f/4c6ff50ce7f88000/15edb117-7150-42e9-ba2e-f3a7e2_qj6qgi.png)

* Copy the Website ID in the plugin settings

![](https://storage.crisp.chat/users/helpdesk/website/-/9/3/3/b/933be580d4cfe800/f0b7f7b0-3a2a-427f-bda6-d5bbef_198jjln.png)

* Enjoy Crisp on your Bubble app!

![](https://storage.crisp.chat/users/helpdesk/website/-/1/e/7/e/1e7ea7a62333f600/2e53c1a3-509d-4f0a-8f54-59231d_cq9ht2.png)