How to add live customer support to a Bubble app

You can add live customer support to a Bubble app by embedding a third‑party chat widget (like Intercom, Crisp, Tawk.to, or Zendesk) or by building a simple native chat inside Bubble. The fastest and most reliable option is to paste the widget’s script into your Bubble app's Settings → SEO / metatags → Script/meta tags in header. This instantly gives you live chat without building anything.

Option 1: Add a third‑party chat widget (recommended)

This is the easiest and what most Bubble apps do. All major support tools give you a small JavaScript snippet that you paste into Bubble so the chat bubble appears on every page.

• Create an account with a provider (Intercom, Tawk.to, Crisp, Zendesk, etc.).
• Find their Install widget or JavaScript snippet section.
• Copy the snippet.
• In Bubble: go to Settings → SEO / metatags and paste it into Script/meta tags in header.
• Deploy or refresh your app, and the chat bubble appears automatically.

<!-- Example: Crisp chat widget -->
<script type="text/javascript">
window.$crisp=[];window.CRISP_WEBSITE_ID="YOUR_CRISP_ID"; // Put your Crisp ID here
(function(){d=document;s=d.createElement("script");
s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();
</script>

This works because Bubble loads anything you put in that header box on every page. The widget handles real‑time messaging and agent tools, so you don’t have to build workflows.

Option 2: Build your own simple chat inside Bubble

If you want a fully custom support area (for example, inside a dashboard), you can build a basic live support chat using Bubble’s real‑time database updates.

• Create a new data type Support Message with fields: text (text), sender (User), conversation (Conversation), and created date.
• Create a repeating group showing messages, sorted by created date ascending.
• Add an input + button to create new Support Message things.
• Because Bubble updates data in real time, the support agent can see messages instantly on their admin page.
• Use Privacy Rules so users can only see their own conversation.

This works well for simple internal support but is not as polished as a real chat provider.

When to use which option

• Use a third‑party widget if you want fast setup, typing indicators, agent tools, and mobile apps.
• Build inside Bubble only if you need full control or want to integrate support deeply with your app’s data.