Module 08

A mascot instead of a boring button

A regular chat button is easy to miss. The mascot is a living character instead of an icon: it blinks, looks around and watches the cursor. It draws attention without pop-ups or sound.

Start for free

The live example on the right is interactive.

Why it exists

What problem it solves

Make chat easy to notice

A small character blinks and looks around beside your website content.

Use your brand colors

Choose the three colors of the mascot gradient.

Respect motion preferences

Animation stops when reduced motion is enabled or the tab is hidden.

How it is used

Two sides of one module

Site visitor

  1. See a small character instead of the standard chat button.
  2. Hover to discover social links, or click to open the chat.

Operator and owner

  1. Enable the mascot and select its three colors.
  2. Disable it at any time without losing the saved palette.

How to enable

Setup in the dashboard

  1. Widgets Appearance Button

    Enable the alternative widget appearance.

  2. Widgets Appearance Button

    Choose the top, middle and bottom gradient colors, then save.

In numbers

Limits and facts

55 pxcharacter size
3 colorsbrand palette
2.6–5.6 secondsblink interval
160 pxcursor reaction radius
Available on plans: Start — yes Team — yes Company — yes Compare plans →

All modules

What else Supportly can do

Support chat
that greets your customers

Free plan with no time limit. Setup takes 5 minutes.

Start for free