Lead Widget·BuilderConfigure · preview · copy

Widget Builder

Set your brand tokens and launcher options, watch the screens re-theme, then copy the embed code for your stack. The screens are an illustration of the widget at your settings, not a running instance.

Identity

Partner ID

Brand & type

Brand colordefault

--bubuu-primary

Text on branddefault

--bubuu-on-primary

Panel backgrounddefault

--bubuu-surface

Textdefault

--bubuu-text

Muted textdefault

--bubuu-text-muted

Bordersdefault

--bubuu-border

Corner radiusdefault

--bubuu-radius

Font stackdefault

--bubuu-font

Launcher & placement

Launcher label

Launcher icon

Corner

Bottom right

Bottom left

Horizontal offsetdefault

--bubuu-offset-x

Vertical offsetdefault

--bubuu-offset-y

Stack orderdefault

--bubuu-z-index

Panel bottom insetdefault

--bubuu-panel-inset-bottom

Embed code

<script src="https://chat.bubuu.ai/bubuu-loader.js" async></script>
<bubuu-chat partner-id="your-partner-id"></bubuu-chat>