Articles on: Installing Crisp

How to add the chat software on Bubble

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


Bubble does not require you to edit your app code directly. You can install Crisp support chat plugin 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.



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.
  2. Navigate to Settings → Workspace Settings → Setup & Integrations.
  3. Find the Website ID field.
  4. Copy the value.


Copy the Website ID from Crisp



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


  1. Search for Crisp in the plugin list.


Search for the Crisp plugin in Bubble


  1. Install the Crisp Chat Integration plugin.
  2. Paste your Website ID in the plugin settings.


Paste the Website ID in Bubble plugin settings


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


Crisp loaded on a Bubble app


To learn more about the Crisp widget itself, visit our Live Chat page.

Updated on: 30/07/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!