Customize the Gleap chat button with an animated character

Swap the plain Gleap bubble for a character in your brand colors. Opens your Gleap widget.

Can you change the Gleap chat icon?

Yes, more than most: Gleap lets you set the button color, upload your own button icon, choose left, right or hidden (or a classic tab) with pixel offsets, and open its widget from code. Animation and mobile-specific launcher settings aren't documented.

What Gleap lets you change

Set the button color
Upload your own button icon
Choose left, right or hidden (or a classic tab) with pixel offsets
Hide the button and open Gleap from code (Gleap.showFeedbackButton(false) and Gleap.open())

What it doesn't

Animate the launcher (not documented)
Set mobile-specific launcher options (not documented)

Source: Gleap: place the launcher button, checked 2026-10-18. More tools compared in how to customize your website's chat button.

Add an animated character to Gleap, step by step

Create a free Chatmello account and enter your website address.
Pick a character (or upload your own mascot), your brand colors, a personality and a greeting.
Publish, then paste your snippet before </body> on every page, next to your Gleap code. It looks like this:
```
<script src="https://www.chatmello.com/chatmello.js" data-site="YOUR-SITE-ID" async></script>
```
Open your website. Your pet finds Gleap on the page by itself and takes over its button. The dashboard shows "Found Gleap on your site".

Keep your Gleap SDK code on the page.

How the pet works with Gleap

Chatmello hides Gleap's button while the pet is showing and brings it back if the pet can't work.
Clicking the pet opens the Gleap widget.
Gleap's unread count shows on the pet while the widget is closed.

What stays the same

Your Gleap account, inbox, team and routing
Your bots, automations and office hours
The Gleap chat window your visitors see
If Gleap fails to load or open, the pet steps aside and the normal Gleap button comes back

Performance and accessibility

The Chatmello script is about 12 KB (gzipped), loads after your page and downloads only the character you use.
No cookies, and it never records what visitors type.
The pet is a real button with a label, works with the keyboard, and keeps still for visitors who ask for reduced motion.

Troubleshooting

The Gleap button still shows: Check that the Gleap code loads on the same pages as Chatmello, then hard-refresh. If Gleap takes more than about 15 seconds to start, the pet steps aside and leaves Gleap's button.
The pet doesn't appear: Check the website address in your Chatmello settings and that your design is published.

What visitors get

A friendly character instead of a plain bubble
A greeting bubble with your message
The Gleap chat opens when they click the pet
Unread messages shown on the pet while the chat is closed

Questions

Gleap already allows a custom icon. Why use Chatmello?

A custom icon is a still image. Chatmello adds an animated character that greets visitors and reacts, without code.

Does it open Gleap's feedback or the chat?

It opens Gleap's widget, the same as clicking Gleap's own button, so visitors see whatever you set up there.

Do bug reports and screenshots still work?

Yes. Chatmello only replaces the button; everything inside Gleap stays the same.

Will Gleap's unread count still show?

Yes, on the pet while the widget is closed.

Can I show the pet on some pages only?

Yes. In Chatmello's settings, show it only on pages you list, or everywhere except some.

Does it work on mobile?

Yes. You can also hide the pet on phones in Chatmello's settings.

Will it slow down my website?

No. The script is about 12 KB, loads in the background, and only fetches the files your pet needs.

Is there a free plan?

Yes: one website, every character and every chat tool, free forever.

Give Gleap a face

Free for one website. Pick a character, choose your colors, paste one line of code.

Create your pet free