Small enough to forget it is there.

How it works

1. 01

   Drop in one line

   Before your closing body tag. The defer attribute means it never blocks your render.

   <script
     src="https://chatbrace.com/widget.js"
     data-key="cb_live_YOUR_WIDGET_KEY"
     defer
   ></script>

2. 02

   Lock it to your domains

   The widget key is public by design — it is a scope, not a secret. Add your domains and requests from anywhere else are refused.

   https://yourdomain.com
   https://*.yourdomain.com
   http://localhost:3000

3. 03

   Make it yours

   Pick any of the twenty-four designs, then layer your brand colour, radius and position over it. You are changing tokens, not forking a design.

   {
     "accent": "#0f7b6c",
     "radius": 16,
     "position": "left"
   }

Details that matter