New AI Agent can now build your knowledge base, connect channels and invite agents — all by chat Try it now
Help homeProductPricingBlog
Start freeLog in

Customize the website widget

Adjust customer-visible branding and content in the website chat widget.

Updated 2026-10-10

Walk through the demoDemo data
Channel marketplaceDemo data
Website & email3
Web Widget

A white-label chat bubble for your site

Add1 connected
Custom API

Send and receive through your own system

Add1 connected
Email

Bring customer email into one inbox

Add
Social & messaging7
WhatsApp

Connect WhatsApp Business to serve customers

Messenger

Connect Facebook Pages and handle messages

Instagram DM

Receive and reply to Instagram DMs

LINE

Connect a LINE official account to serve customers

Add
Telegram

Connect a Telegram bot for customer messages

Add1 connected
Zalo OA

Connect a Zalo Official Account

Add
YouTube

Receive and reply to comments

Add
Business messaging1
WeChat Customer Service

Connect official enterprise customer service accounts

Add2 connected
Step 1 / 13
Open the widget config

Open your connected website widget from the channel list.

The widget should match your brand while remaining easy to find and read.

Update the appearance#

  1. Open the website channel configuration.
  2. Review the channel name and theme color, then check the workspace brand name, launcher icon, and Ask for email in website channel settings. Email collection is on by default, above Hide attribution.
  3. Review the Home title, Home description, and welcome message under Display settings. A new website channel gets a welcome message automatically. YundaDesk generates it from the visitor's interface language and the workspace brand name, not the channel name. Edit one source set and YundaDesk translates it for the visitor; blank fields use the localized system default. The welcome message becomes the first support message in a new conversation.
  4. Save, check the live preview, and refresh both desktop and mobile test pages.

Select the question mark beside Allowed domains, Interface language, Ask for email, or Hide attribution for details. Plan restrictions and input errors remain visible in the form.

For visitors without a current conversation, the welcome message also appears above the closed chat button. Visitors can select the card to start chatting or dismiss it; after dismissal or opening chat, it will not appear again during that visit. On desktop, the expand button provides more reading space. On mobile, chat opens full screen.

When chat is closed, new replies from support or AI appear in a message preview above the chat button. The card updates to the latest reply; images, files, voice messages, and videos show a type label. Select the card to open the conversation. Dismissing it keeps the unread indicator, and the next new reply can show another preview.

  • Keep the name consistent with your website brand.
  • Use enough contrast between text and backgrounds.
  • Keep custom welcome content short. Leave it blank when the brand-aware localized default is sufficient.
  • The Widget UI currently supports English, Simplified Chinese, Traditional Chinese, Japanese, Korean, Spanish, Brazilian Portuguese, French, German, Indonesian, Thai, and Vietnamese. It follows the website language, then browser preferences, and falls back to English when none are supported.
  • Support and AI reply bubbles follow the theme color, with timestamps that remain readable against the background. A thin border keeps white or light bubbles visible. Suggested questions appear in a separate list card so visitors can distinguish replies from shortcuts.
  • Under Suggested questions, use Home and Empty chats to choose where questions appear. The switches are independent. Manage the content on the reception Agent; see Suggested questions.
  • Keep Ask for email on if you want a skippable email prompt before the first chat. Turn it off when you want visitors to start chatting immediately.

Troubleshooting#

If changes are not visible, verify that you edited the active website channel, wait for saving to finish, refresh the test page, and check website caching.

Didn't find your answer?

Start free and try the real product, or reach out — humans are as online as the AI.