> ## 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/-/b/e/c/1/bec17e57b838800/48b3a71a-fb33-456d-9ea1-312d03_1pdc5ta.png)

# On Bubble Dashboard

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

![](https://storage.crisp.chat/users/helpdesk/website/-/d/0/e/c/d0ec39f0355c4000/d557846a-d2a7-4768-87b0-563066_kqnk3.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/5/0/a/6/50a629988c389400/640c0090-af5c-495c-8527-1eef6f_1wmey74.png)

* Copy the Website ID in the plugin settings

![](https://storage.crisp.chat/users/helpdesk/website/-/1/d/8/7/1d875c7a9cea9500/c4633050-52b7-469f-b2c4-ca0987_178rsma.png)

* Enjoy Crisp on your Bubble app!

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/1/d/b41dfea5765ee000/64fc81a2-5114-46e8-8cdc-f4c52a_19y2stn.png)