Chat Widget Customisation
Chat Widget Customisation
Your chat widget plays a key role in how customers interact with your business. With LenoChat, you can tailor the widget to reflect your brand and define how it behaves when you're online — and importantly, when you're offline. This guide walks you through both visual customisation and offline settings to ensure your widget remains helpful and consistent in all situations. Follow the steps below to personalise your widget.
🎨 1. Go to Chat Widget Settings
✅ Navigate to the Settings panel on the left-hand menu.
✅ Then click Chat Widget and select Appearance
🖌️ 2. Choose a Theme Colour
Select your widget’s primary color from the preset palette. This color will apply to buttons and header areas. You can either click on one of the color circles to select a preset theme color, or click the last checkered circle to specify a custom color using Hex, RGB, or HSL codes.
🖼️ 3. Upload Your Brand Logo
Click Upload Logo to add your company’s logo to the Chat Widget. The logo must be in JPG or PNG format and should not exceed 1 MB in size.
👤 4. Show Agent's Profile
Toggle this ON to display the agent’s profile image in the chat window. When enabled, the connected agent’s name and photo will be visible to the customer.
💬 5. Customize Widget Title & Online Status
You can edit:
✅ Widget Title → the main greeting shown at the top of the widget
✅ Online Status → the short message in the header section , like “We’re online and ready to assist you”
👋 6. Enable Greeting Message
Turn this on to send an automatic message when a customer opens the chat. You can customize the message in any language.
Example: “Hey there! How may I assist you today?”
🔔 7. Enable Sound Notifications
This setting will play a sound when the customer receives a message.
📍 8. Customize the Minimized Widget
Style: Choose between Bubble or Bar
Location: Set widget to appear on the Left or Right side of your website
🌙 9. Configure Offline Behaviour
Set how your chat widget behaves when no agents are available or outside your operating hours. You can show a contact form, display a simple message, or hide the chat widget completely — whichever suits your support style best.
➤ Show an Offline Form
Allow visitors to leave a message via a simple contact form when agents are unavailable.
How to enable:
✅ Navigate to Settings > Chat Widget > Offline.
✅ Tick “Show Offline Form When Offline”.
✅ Customise the message and input the email address.
✅ Preview the changes on the right-hand side.
➤ Display an Offline Message
Show a simple message without input fields.
How to enable:
✅ Tick “Display Offline Message When Offline”
✅ Enter your message (e.g., “Sorry, we’re not available right now. Please come back later.”)
➤ Hide the Chat Widget
Remove the widget entirely outside operating hours or when no agents are online.
How to enable:
✅ Tick “Hide Chat Widget When Offline”
Related Articles
Chat Operating Hours
Find out how to tailor your customer interactions with LenoChat's operating hours feature.
User Managment
Learn how to customise your chat widget to ensure it aligns with your brand and enhances the customer experience.