> ## 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/-/f/f/c/3/ffc387a1fe6d4000/f28f6927-5931-4bd3-ab62-9067b1_10b81ys.png)

# On Bubble Dashboard

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

![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/f/3/55f3d8ff085a9400/1883fb5a-bfb1-4b66-aedb-6d762e_1qaoxig.png)

* Search `Crisp` in the plugin list

![](https://storage.crisp.chat/users/helpdesk/website/-/a/1/f/6/a1f648cd55e9c800/fb900c90-1ebb-49dd-ac4d-4c6bd8_11r8vqu.png)

* Copy the Website ID in the plugin settings

![](https://storage.crisp.chat/users/helpdesk/website/-/2/7/3/9/2739aad46fe7a800/66d51c0f-8d7e-48d7-8233-1aaf26_74pp8n.png)

* Enjoy Crisp on your Bubble app!

![](https://storage.crisp.chat/users/helpdesk/website/-/3/b/3/1/3b314840adbbf200/31644334-c772-4c56-916f-82ca70_ksbptk.png)