Демо-сценарій

Нейл-студія

NEWНовинка Telegram · HTML-віджети

Нейл-студія: запис на манікюр в одному віджеті

Нейл-студія перевела запис у Telegram на нові HTML-віджети з Bot API 10.4. Клієнтка обирає послугу, опції, майстра й час прямо в повідомленні, а бот потім оновлює ту саму картку статусом.

Ніша: Нейл-студія, Київ
Канал: Telegram-бот + HTML-віджети
Запуск: 3 тижні
Обсяг: ~1 400 записів/міс

Хочу такого бота Як це працює

Детальніше про Telegram Салони краси

16:44

Чати

Нейл-студія

бот

Що вміє цей бот?Запис на манікюр і педикюр, ціни, вільні вікна й нагадування 💅

Четвер

Привіт! Хочу на манікюр у суботу, бажано після обіду11:20

Привіт, Софіє! 💅 Оберіть усе прямо тут, вільні вікна вже з графіка майстрів:11:20

Запис підтверджено№ 214

лист.15

Субота · 15:00–16:45

Манікюр + гель-лак · дизайн 2 нігтів

Майстер Олена · 750 грн

ПідтвердженоНагадуванняВізит

ПеренестиМаршрут

Готово ✨ Чекаємо в суботу о 15:00. Нагадаю за 2 години до візиту11:20

супер, дякую!11:21

Субота

Сьогодні о 15:00Олена · манікюр + гель-лак · вул. Саксаганського, 41

Чекаємо вас о 15:00 💅

Дякуємо за оцінку! 💕

−10% на наступний записNAIL10

Все супер, дякую 💕16:40

Повідомлення

ГотовоНагадав у день візиту й зібрав оцінку

Результати

1 хввід повідомлення до підтвердженого запису

5виборів в одній картці: послуга, опції, майстер, день, час

2 годдо візиту: нагадування в тому ж чаті

−10%на наступний запис після оцінки

* Демонстраційний кейс: назви, цитати й цифри умовні та будуть замінені реальними.

Спробуйте самі

Живий HTML-віджет у Telegram

Це справжній інтерфейс віджета з цього кейсу. Оберіть послугу, опції, майстра, дату й час, натисніть «Записатися» і подивіться, як бот оновлює картку на місці.

Показати елементи інтерфейсу

Що отримує бот

Демо повторює поведінку віджетів Bot API 10.4 на сайті. Справжній віджет живе в Telegram і обмінюється даними тільки зі своїм ботом.

Натискайте на елементи віджета

Задача

Запис у боті займав 8-10 повідомлень: послуга, майстер, день, час, колір. Клієнтки губилися посеред діалогу, а ціну й тривалість адміністраторка рахувала вручну.

Довгий діалог до запису
Ціну з опціями й тривалість рахували вручну
Нагадування й перенесення вручну

Рішення

AI-асистент відповідає і одразу надсилає HTML-віджет: послуга з ціною й тривалістю, додаткові опції, майстер, дата й час в одній картці. Після запису бот оновлює той самий віджет статусом, нагадує в день візиту й просить оцінку.

Усі вибори в одному повідомленні
Статус оновлюється в тому ж віджеті, без нових повідомлень
Оцінка й знижка на наступний візит

Архітектура

Як влаштований бот

Клієнт пише в месенджер, AI-асистент розуміє запит і сам працює з сервісами бізнесу. Без ручного копіювання між вкладками.

ТригерПовідомлення в боті

AI-асистентЗапис і віджети

МодельПромпт: тон студіїВільні вікнаПрайс і тривалість

sendWidget: запис

widget_query: вибір

Створити запис

Віджет: підтверджено

Картка клієнтки

За 2 год до візиту

Віджет оцінки

Тригер: звідки приходить клієнтAI-асистентМодель, промпт, пам'ять і знання агента← гортайте схему →

За лаштунками

Що відбувається, поки клієнт пише

Підставляє вільні вікна у віджет

Перед відправкою бот бере з календаря реальні слоти майстрів і вшиває їх у дані віджета. Зайняті години одразу закреслені.

Google CalendarМайстри · субота

Олена

Ірина

Софія

10:0011:0012:0013:0014:0015:0016:0017:0018:00

Аліна

Віра

Марта

Софія К. · манікюр + гель-лак

Дарина

Ніна

Оксана

Юлія

Додав AI-асистент · щойно

Отримує вибір клієнтки з віджета

Кожне натискання у віджеті приходить боту як widget_query. Бот відповідає за частки секунди й оновлює стан картки через editMessageWidgetData.

Telegram Bot APIupdate · widget_query

// оновлення від Telegram
"widget_query": {
  "data": "svc=gel;add=art;m=olena;t=sat-15:00",
  "from": "Софія К."
}
→ answerWidgetQuery        ✓ 0,4 с
→ editMessageWidgetData    ✓ статус: підтверджено

Віджет оновлено на місці · щойно

Запам'ятовує вибір клієнтки

У CRM зберігаються послуга, опції й улюблений майстер. Наступного разу бот запропонує «як минулого разу» одним натисканням.

CRM салонуКлієнтка #3317

НоваЗаписВізитПостійна

ПослугаМанікюр + гель-лак

ОпціїДизайн 2 нігтів

МайстерОлена · 750 грн

НагадуванняСб, 13:00

Створив AI-асистент · щойно

Стек

Інструменти та інтеграції

Мозок бота

AI-асистент

Веде діалог і відповідає на питання
Надсилає й оновлює віджети
Знає графік, ціни й тривалість послуг

Складові агента

МодельПромпт: тон студіїВільні вікнаПрайс і тривалість

КаналTelegram Bot API 10.4

Діалог і HTML-віджети

Bot API

РозкладGoogle Calendar

Графік майстрів

OAuth 2.0

CRMCRM салону

Клієнтки, послуги, візити

REST API

ДаніGoogle Sheets

Прайс і тривалість послуг

OAuth 2.0

Чесно

Плюси й обмеження

Що отримав бізнес

Клієнтка обирає все в одному повідомленні, без десятка питань і відповідей
Ціна й тривалість з опціями рахуються одразу, без «а скільки це буде?»
Статус запису оновлюється в тому ж віджеті
Після візиту бот просить оцінку й дарує знижку на наступний запис

Обмеження, про які варто знати

У робочому Telegram віджети можна надсилати лише в особистий чат з ботом, групи поки тільки на тестовому сервері
Старі версії Telegram показують текстовий підпис замість віджета
Віджет обмежений 32 КБ коду і сам не ходить в інтернет: усі дані йому передає бот

Впровадження