Chat appearance & branding
A chat that looks like it belongs to your store, rather than a bolted-on widget, earns more trust from customers who are deciding whether to use it. Here's what you can actually control from the admin app's Appearance and Settings pages.
Starting from a style template
Three built-in templates give you a starting point: Classic (solid backgrounds, borders, shadows — traditional), Floaty (glassy, ambient-glow, transparent elements — modern), and Bubbly Glow (rounded, iOS-style, a soft shimmering outline with a frosted-glass fill). Switching templates loads a matching set of defaults for shadows, borders, dividers, and radii, and you can still adjust each of those afterward without losing the overall look.
Colors
User message color (the background of a customer's own messages) and bot message color (the AI's replies), each with its own text color. A primary color, set at the block level, is used for user messages and the container border/bubble color on a specific page when that block has "Use custom settings" turned on. Beyond that: container background, border color and width, shadow (offset, blur, opacity), and divider color and thickness between messages.
Shape and spacing
Outer container radius, chat bubble radius, and input/button radius — anything from sharp corners to fully rounded. Container width, padding, and margin. Maximum chat height on desktop and mobile, each as a percentage of the viewport.
The floating bubble
The chat always renders as a fixed-position floating bubble, anchored bottom-left or bottom-right — never inline, never in a sidebar. You control its position (left or right), its size in pixels, its icon (sparkles, chat, message, question, robot, or search), its icon color, and whether it shows at all. See Chat positioning & layout for placement guidance.
Header, login button, and disclaimer
Show or hide the chat header, with its own text color. Show or hide the guest login prompt. Show or hide the AI disclaimer text ("This AI Guide can make mistakes..."). And optionally show a profile image — your logo, say — next to bot messages, at whatever size you set.
Custom CSS
Global settings include a Custom CSS field, injected directly into the page. See Advanced chat styling for the CSS custom properties and DOM structure you can target safely.
Language
The widget's UI — on-screen labels, tool status messages, the header and disclaimer — supports three languages: English, German, and Dutch, resolved from your store's content language. This isn't automatic translation of arbitrary content; it's a fixed set of translated strings. See Multi-language support.