Create your pet
Bitrix24 integration

Customize the Bitrix24 chat button with an animated character

Swap the plain Bitrix24 bubble for a character in your brand colors. Opens your Bitrix24 live chat.

Try it with Bitrix24Install guides

Can you change the Bitrix24 chat icon?

Partly. The Bitrix24 website widget lets you set its background and icon colors, its position, and separate desktop and mobile settings, including whether it shows on mobile. A custom launcher icon or animation isn't documented, and neither is hiding only the default button.

What Bitrix24 lets you change

  • Set the widget's background and icon colors
  • Set the position
  • Use separate desktop and mobile settings, including showing it on mobile
  • Open and close the live chat from code (widget.open() and widget.close() after the onBitrixLiveChat event)

What it doesn't

  • Use a custom launcher icon (not documented)
  • Animate the launcher (not documented)
  • Hide only the default button through the API (not documented)

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

Add an animated character to Bitrix24, 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 Bitrix24 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 Bitrix24 on the page by itself and takes over its button. The dashboard shows "Found Bitrix24 on your site".
  • Keep your Bitrix24 widget code on the page.

How the pet works with Bitrix24

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

What stays the same

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

Questions

Do I need a paid Bitrix24 plan?

No. Chatmello works with the standard Bitrix24 website widget.

Can I change the Bitrix24 widget icon without Chatmello?

Its docs describe the colors, position and mobile settings, but not your own launcher icon.

Do my Open Channels and CRM still work?

Yes. Conversations still arrive in Bitrix24 Open Channels and the CRM exactly as before.

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 Bitrix24 a face

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

Create your pet free