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 Customize and Settings pages.
Starting from a style template
Four templates give you a starting point: Classic ("Clean & Traditional": solid backgrounds, borders, shadows), Floaty ("Glassy & Modern": glassy, ambient-glow, transparent elements), Bubbly Glow ("Bubbly & Shimmering": rounded, iOS-style, a soft shimmering outline with a frosted-glass fill), and Guide (experimental) ("Points at the page"; see Guide mode). New installs start on Floaty. 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
On the Customize page: User background color and User text color (a customer's own messages), Bot background color and Bot text color (the AI's replies, shown as a bubble in exactly the bot background color), and Container background color. The default primary color for new shops is #2E9AB3. You can also set it store-wide in Settings → Essentials → Primary color, which is the same value as User background color; a block on a specific page can override it with "Use custom settings". Beyond that: border color and width, shadow (offset, blur, opacity), and divider color and thickness between messages, with separate Use shadow, Use border, and Show dividers toggles.
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. Max height desktop (% of window) and Max height mobile (% of window); for new shops and when you switch template they start at 45% and 50%.
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. These controls are on Settings → Bubble → Chat Bubble Settings: Display Bubble, position (Right or Left), Bubble size (px), Bubble icon (Sparkles (AI), Chat, Message, Question, Robot, Search, or Custom image (upload) with an optional Fill the whole bubble), and the Bubble icon color. An A/B test that swaps the bubble icon has no effect on a shop that uses a custom image. See Chat positioning & layout for placement guidance, and Global settings for proactive messages.
Header, login button, and branding
Show chat header (with Chat heading and Header text color), the input placeholder text, and Show login button — off by default, and only active while the header shows. Show 'presented by' branding controls the "Your AI Guide is presented by yourshopguide.com" line at the bottom of the chat; turn it off to white-label the chat (the privacy notice stays). Shimmer greeting text (under Greeting animation) is off by default.
You can also show a profile image — your logo, say — next to bot messages: Show profile image, Profile image (upload it to Shopify Files from the page), and Profile image size (px).
On phones
On phones (749px and narrower) a started conversation takes over the screen with its own header showing the store name, the cart count, and a close button. This happens automatically on every store; there is no setting for it.
Custom CSS
The Customize page includes 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.