LivePly
LivePly
AI Chatbot
IndustriesPricingContactLoginSign Up

Change language

Feature - Appearance Editor

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.

Custom Colors

Set a primary and secondary color that match your brand exactly, applied instantly across the whole chat window.

Custom Bubble Icon

Upload your own PNG, JPEG, GIF, WebP or SVG icon for the chat bubble - or keep the default if you prefer.

Position & Size

Place the widget bottom-left or bottom-right, fine-tune its distance from the corner, and set its exact width and height.

Dark Mode

Switch the whole widget to a dark color scheme with one toggle, for websites with a darker design.

Welcome Message & Suggested Questions

Write your own greeting and input placeholder, and add up to 5 clickable starter questions.

Live, Real-Time Preview

Every setting updates an actual, working chat window instantly - so you see exactly what your visitors will see, before you save.

Appearance Editor - Colors

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.

Appearance Editor - Bubble Icon

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.

Appearance Editor - Position & Size

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.

Appearance Editor - Welcome Message

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.

Appearance Editor - Dark Mode

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.

Frequently Asked Questions

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.

Ready to Get Started?

Join the LivePly Platform and create your first AI Chatbot today.

Start for Free Now!