> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.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/-/d/e/6/0/de60050e3518c800/4e6818e7-f258-497d-bc12-743953_6nv6s3.png)

# On Bubble Dashboard

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

![](https://storage.crisp.chat/users/helpdesk/website/-/b/9/d/e/b9def65eb9366000/23e0037f-cac6-4bd9-b997-423ecc_i8c6ae.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/c/d/1/0/cd106bcf1503e800/19d0ba79-a572-4e8a-b1a7-7479db_vaw6rm.png)

* Copy the Website ID in the plugin settings

![](https://storage.crisp.chat/users/helpdesk/website/-/4/0/3/5/4035f36b2003d40/69b33587-b5bf-4197-a33e-fff199_1p5935d.png)

* Enjoy Crisp on your Bubble app!

![](https://storage.crisp.chat/users/helpdesk/website/-/f/4/6/2/f46234dc2ce81000/a168f6bb-d07b-45fb-8279-60af9a_1bpzlsi.png)