Create your pet
JivoChat integration

Customize the JivoChat chat button with an animated character

Swap the plain JivoChat bubble for a character in your brand colors. Opens your JivoChat window.

Try it with JivoChatInstall guides

Can you change the JivoChat chat icon?

Partly. JivoChat lets you set the widget color (a single color or a gradient, with a separate mobile color), choose the position, and replace the launcher label with your own image by hosting Jivo's custom label files yourself. There's no documented animated launcher.

What JivoChat lets you change

  • Set the widget color or a gradient (jivo_api.setWidgetColor)
  • Set a separate color and side for mobile
  • Use your own label image by self-hosting Jivo's custom label files
  • Open and close the chat from code (jivo_api.open() and jivo_api.close())

What it doesn't

  • Animate the launcher or use a character (not documented)
  • Swap the launcher image with a simple setting (it needs self-hosted files)

Source: JivoChat: widget API, checked 2026-10-18. More tools compared in how to customize your website's chat button.

Add an animated character to JivoChat, step by step

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

How the pet works with JivoChat

  • Chatmello hides JivoChat's label while the pet is showing and brings it back if the pet can't work.
  • Clicking the pet opens the JivoChat window.
  • Chatmello counts your team's messages that arrive while the chat is closed and shows them on the pet.

What stays the same

  • Your JivoChat account, inbox, team and routing
  • Your bots, automations and office hours
  • The JivoChat chat window your visitors see
  • If JivoChat fails to load or open, the pet steps aside and the normal JivoChat 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 JivoChat button still shows
Check that the JivoChat code loads on the same pages as Chatmello, then hard-refresh. If JivoChat takes more than about 15 seconds to start, the pet steps aside and leaves JivoChat'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 JivoChat chat opens when they click the pet
  • Unread messages shown on the pet while the chat is closed

Questions

Does it work with JivoChat's free plan?

Yes. Chatmello uses JivoChat's standard JavaScript API.

Can I change the JivoChat button image without Chatmello?

Yes, by hosting Jivo's custom label files with your own image, per JivoChat's docs. It stays a still image.

Do JivoChat's calls and messengers still work?

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

Will visitors see unread messages?

Yes. Chatmello counts messages from your team that arrive while the chat 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 JivoChat a face

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

Create your pet free