Match Your Brand’s Look

Customise your Chatmyer widget to reflect your brand using color themes, background banners, and greeting messages — all configurable from your admin dashboard.

Customise the Appearance of Your Chatmyer Widget

Customise the Appearance of Your Chatmyer Widget

🎨 Why Customise the Widget Appearance?


Your website’s design reflects your brand identity — and your support experience should too.


With Chatmyer, you’re not limited to a generic support widget. You can fully personalise how your widget looks so it blends seamlessly with your brand — making it feel like a natural extension of your website.




🛠 What You Can Customise in the Widget


Here’s what you can personalise from the Chatmyer dashboard:




1️⃣ Primary & Secondary Colors


  • These colors define your widget’s theme.

  • The primary color is used for buttons, headers, highlights.

  • The secondary color is used for background accents or subtle UI elements.


🔧 Example: If your brand uses blue and white, set primary = blue, secondary = white.




2️⃣ Background Banner Image


Upload a custom banner that appears on the widget’s home screen.


  • Great for showcasing your logo, brand vibe, or promotional design.


📁 Supported formats: JPG, PNG (recommended size: 600x300 pixels)




3️⃣ Greeting Message


This is the welcome message that appears on the widget home page.


  • Use it to:


    • Greet users with a friendly intro

    • Mention support hours

    • Encourage questions or conversations


💬 Example: “👋 Welcome! We’re here to help. Start a chat or check out our Help Center.”




👨‍💻 How to Customise the Widget


  1. Log in to your Chatmyer admin dashboard

  2. Navigate to Widget Settings → Appearance

  3. Update your:


    • Theme Colors

    • Background Banner

    • Greeting Message


  4. Click Save Changes


🔁 Your widget will update live across your website instantly.




✨ Tips for Better Widget Branding


  • Use your brand’s exact hex codes for colors

  • Keep greeting messages short and friendly

  • Design banners that are clear, not text-heavy

  • Preview your changes on both desktop and mobile




📱 Responsive and Consistent


The Chatmyer widget automatically adapts to:


  • Mobile screens

  • Tablets

  • Desktop devices


Your custom styling remains consistent across all devices — giving every visitor a unified experience.




✅ Summary

Custom Element

Purpose

🎨 Theme Colors

Match widget to your brand style

🖼 Banner Image

Showcase your visual branding

💬 Greeting Message

Create a warm, helpful first impression


🎯 A beautifully branded widget makes support feel like part of your product — not an afterthought.

Need Support?

Can't find the answer you're looking for? We're here to help!

browser

Browser

android

Android

ios

Ios

windows

Windows

mac

Mac

© All rights reserved by Chatmyer