arrow_backAll docs

Customize appearance

Match the widget to your brand — colors, name, and greeting.

schedule3 min read

Your chat widget should feel like part of your site. In a chatbot's Settingsyou can tailor how it looks and how it introduces itself.

What you can customize

  • Display name — the name shown at the top of the chat window.
  • Primary color — the accent color of the launcher and message bubbles.
  • Welcome message — the first thing visitors see when they open the chat.
  • Position — bottom-right or bottom-left of the screen.
app.nivichat.in/dashboard/chatbots/…/settings

Display name

Support Bot

Primary color

Welcome message

Hi! 👋 How can we help today?

Position

Bottom rightBottom left
smart_toy
Support Bot
Hi! 👋 How can we help today?
Type a message…
send
Appearance settings with a live widget preview
  1. 1

    Open Settings

    Click the Settings (gear) icon on your chatbot card.
  2. 2

    Set your brand color

    Pick a primary color that matches your site — it drives the launcher button and chat accents.
  3. 3

    Write a warm welcome

    A friendly greeting like “Hi! 👋 How can we help today?” lifts engagement.
  4. 4

    Save

    Save your changes — they apply to the live widget right away.
lightbulb
TipUse your exact brand hex code for the primary color so the widget blends seamlessly into your site.