A refreshed look for the chat widget

Shipped

October 30, 2026

Area

Widget

Available on

Every plan

Your chat window sits on your own website, so it should look as current as the rest of your site. The widget now has a refreshed look: lighter, rounder and easier to read on a phone. New chatbots get it from the start, and you can switch an existing chatbot over when you're ready.

What's new

With Refreshed look on, the chat widget gets:

• A cleaner header with plain icons and a close button in your header's text colour.
• Rounder message bubbles without tails, and slightly tighter text.
• A pill-shaped reply box with the send button inside it and a soft outline in your send-button colour while the visitor types.
• A refreshed lead form with headings inside the form, larger fields and a full-width start button.
• An animated open and close, a scrollbar that only shows when needed, and a quieter one-line footer.

The builder preview in Studio mirrors all of it, so what you see while designing is what your visitors get.

One fix applies to every chatbot, whichever look it uses: the send button now uses the send-button colour you set.

How to use it

1. Open your chatbot in Studio and go to the Design tab.
2. Pick the Global screen and open Branding.
3. Switch Refreshed look on or off. The preview updates right away.
4. Click Publish when you're happy with it.

Good to know

• New chatbots start on the refreshed look. You can switch it off before or after you create the chatbot.
• Existing chatbots keep their current look until you turn the toggle on. Nothing changes for your visitors until you publish.
• Your colours, fonts and logo carry over. The refreshed look changes shapes and spacing, not your branding.
• Phones get readable text. The reply box uses a text size that stops iPhones from zooming in when a visitor taps it.
• Switching back is one click. Turn the toggle off to return to the original look.

For more ways to shape the widget, see the chatbot design page.