Appearance Editor: Your Brand, Your Widget
Set your AI Chat widget's colors, bubble icon, size, position and welcome message to match your brand perfectly - and watch every change appear instantly in a live preview.
What Can the Appearance Editor Do?
The Appearance Editor is where your AI Chat widget becomes visibly yours: every color, icon and message you set here updates a real, working preview instantly, before you save anything.
Colors That Match Your Brand Exactly
Set a primary color for the header and buttons, and a secondary color for accents - both applied instantly across the entire widget, so your AI Chat widget feels like a native part of your website instead of a generic add-on.
Colors are picked with a standard hex color picker, so you can match your exact brand palette down to the last shade - no design tool or developer needed.
Your Own Icon on the Chat Bubble
Upload your own logo or icon in PNG, JPEG, GIF, WebP or SVG format, up to 2 MB, and it instantly replaces the default icon on the floating chat bubble.
Don't have a custom icon ready? The widget shows a clean default icon out of the box, so your AI Chat widget looks polished from the very first minute - you can always upload or swap the icon later.
Fits Precisely Into Your Website's Layout
Choose whether the widget appears in the bottom-right or bottom-left corner, and fine-tune its horizontal and vertical offset from the edge so it never overlaps your own buttons or cookie banner.
Set the chat window's exact width and height to match your site's layout and screen sizes - a wider, taller window for a content-heavy page, or a more compact one for a simple landing page.
The Welcome Message Is Also Yours to Write
Write your own welcome message, display name and input placeholder, so the very first thing a visitor sees speaks in your business's own voice, not a generic template.
Add up to 5 clickable suggested questions that appear before the visitor's first message, giving them a fast, guided way to start the conversation instead of staring at an empty input field.
One Toggle for a Full Dark Theme
Turn on dark mode with a single switch, and the header, message bubbles and input field all switch to a dark color scheme together - no need to configure each part separately.
This is especially useful for websites with a dark-themed design, where a bright white chat window would otherwise stand out awkwardly against the rest of the page.
You can set the primary and secondary color, upload a custom bubble icon, choose the widget's position and size, turn on dark mode, and write your own welcome message, placeholder and up to 5 suggested questions.
PNG, JPEG, GIF, WebP and SVG are all supported, up to 2 MB per file.
Yes, you can set an exact width and height for the chat window, so it fits your website's layout.
Up to 5 clickable starter questions, shown before the visitor sends their first message.
Yes, appearance customization - colors, icon, position, size and welcome message - is included on every plan, including Starter.
Yes, every change updates a live, working preview of the widget instantly - including a real chat session - so you see exactly what visitors will see before you click Save.
Yes, you can choose bottom-right or bottom-left, and fine-tune the horizontal and vertical distance from the corner.
Yes, a single toggle switches the whole widget - header, messages and input field - to a dark color scheme.
No, every setting is a simple form field or color picker in the admin panel - no code or design tool is required.
Yes, once you save, the embedded widget on your website reflects the new settings without needing to change the embed code.