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

Нейл-студия

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

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

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

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

Хочу такого бота Как это работает

Телеграм-бот для бизнеса Чат-бот для салона красоты

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 КБ кода и сам не ходит в интернет: все данные ему передаёт бот

Внедрение