The Mascot

A face, not an icon

People ignore chat bubbles — banner blindness is real. They don’t ignore a character that waves, points at the thing they’re stuck on, and visibly reacts to the conversation. That difference is the whole product.

state-machine characterlive
idlegreetpointcelebrate

one runtime · driven by live intent

See it working

Intent Score
42
Browsing
Live reactions

It reacts to intent in real time

The character reads the same live intent signals as the behavior engine and responds visibly — it peeks in at the right moment, points at the thing the visitor is stuck on, and celebrates when the cart converts. Presence, not decoration.

Looking for red shoes.
What is your size?
Size 10
Here is the Water Max 90 in Red, Size 10.
Add to Cart
Exactly what I like!
yoursite.com/store
New Arrivals
Water Max 90
Interest Detected
Runner
Memory

It remembers the conversation

The context engine carries what the visitor said, which pages they saw, and what is in their cart across the session — so the mascot never asks the same question twice and never greets a returning visitor like a stranger.

Water Max 90
Running Shoes
$129
Grounded Active Selling

Most buyers bundle the Trail Strap with this.

+ Add · $19
Saves $6
On the floor

Watch it work a product page

The character peeks in over a live product card, offers the bundle, and updates the price when the shopper accepts — selling with charm instead of interrupting with a modal.

What you get

Real-time animation

Built on a state-machine animation runtime — not a looping GIF. The character idles, waves, points, celebrates, and shows concern in response to what’s actually happening.

Marketplace characters

Pick a ready-made, fully animated character from the gallery — available on every plan, including Free.

Mascot Studio

Tune appearance, position, personality, and tone in the dashboard studio, with live preview before anything ships to your site.

Custom characters$1,499 one-time

Want the mascot to be your brand? A bespoke, fully animated character is a one-time add-on on any paid plan.

Performance-safe

Animation runs off the main thread where the platform allows, the script loads async, and your page always renders first.

Accessible by default

The widget respects reduced-motion preferences and keeps chat fully keyboard-accessible — expressiveness never costs usability.

How it works

  1. 1

    Choose a character

    Start with a marketplace character that fits your store’s energy — or brief us for a custom one.

  2. 2

    Make it yours

    Mascot Studio controls the look, placement, greeting, and personality. Paid plans can remove Yokaify branding.

  3. 3

    It performs

    The character reacts to page events, behavior-engine triggers, and conversation tone — the animation is the interface.

Common questions

Why does a character convert better than a chat bubble?

Attention and trust. A static bubble is furniture; an expressive character is a social presence. Visitors notice it, attribute intent to it, and respond to it — the same reason brands have used mascots for a century, now interactive.

Will it feel childish for my brand?

Character ≠ cartoon. Tone, energy, and design range from playful to restrained — and a custom character is designed around your brand’s exact register.

Does the animation hurt page speed?

The widget boots async off the critical path and the animation runtime is built for real-time performance. Your content renders first, always.

What does a custom mascot include?

A bespoke character designed for your brand, fully rigged and animated for the widget’s full expression set — one-time fee, then it’s yours on any paid plan.

See it on your own store

One script tag, live in minutes. Measured with a real holdout, so you'll know if it's working — not hope.