Type :D, Get 😄 — Auto Emoji Conversion in Your Tour Hints

You're writing a hint description and type "Welcome to your dashboard :D" — and just like that, it becomes "Welcome to your dashboard 😄". No emoji picker needed, no copy-pasting from external sites. Just natural typing.

How It Works

Illumate UI watches your hint description field and automatically converts common text emoticons into their emoji equivalents. The conversion happens in real-time as you type, so you see the result instantly.

Here are some supported conversions:

:D → 😄   :) → 😊   :( → 😞   ;) → 😉   :P → 😛   <3 → ❤️   :O → 😮   B) → 😎

You still have full access to the emoji picker for the complete emoji library — auto-conversion is just a shortcut for the most common ones.

Why This Matters

Every click you save in the editor is time saved across dozens of hints. If you're building a 10-step tour and want friendly emoji in each step, auto-conversion means you never leave your keyboard. Type your description, sprinkle in a :D or <3, and move on.

It also lowers the barrier for non-technical team members. Not everyone knows how to open an emoji picker, but everyone knows how to type :) — and that's enough to make their hints feel warm and approachable.

Smart Conversion, Not Aggressive Replacement

The conversion only applies to the hint description field. Title fields, CSS selectors, and input values are left untouched. You won't accidentally turn a CSS class into a smiley face.

The system also respects context. If you're using the emoji picker to select a specific emoji, auto-conversion won't interfere. Both methods work side by side — pick whichever feels natural in the moment.

Combined With the Emoji Picker

Think of auto-conversion as the fast lane and the emoji picker as the full catalog. Need a quick :D? Just type it. Want a specific emoji like 🎯 or 🔥 that doesn't have a text shortcut? Open the picker. Together, they make adding personality to your hints effortless.

Try It Yourself

Next time you're editing a hint in Illumate UI, try typing a message with :) or :D at the end. Watch it transform instantly. It's a small detail, but small details are what separate good onboarding from great onboarding.

---

Next: Creating a multi-step guided tour