Мини-приложение: экран с кнопками внутри сообщения
Обычный блок отправляет сообщение и ждёт ответа. Мини-приложение вместо этого рисует экран: человек нажимает кнопку — и то же самое сообщение пересчитывается на месте. Новых сообщений не приходит, переписка не растёт, а клиент тем временем собирает себе пакет, проходит квиз или выбирает время. Код для такого экрана пишет нейросеть, а вы описываете задачу словами.
Чем экран отличается от кнопок под сообщением
Кнопки под сообщением («Воронка в боте: кнопки, ссылки запуска, тег запуска, передача в личку») — это ответ вместо текста: человек нажал, воронка пошла дальше, кнопки обычно убираются. Одно нажатие — один шаг.
Мини-приложение живёт по-другому.
| Что | Кнопки под сообщением | Мини-приложение |
|---|---|---|
| Сколько раз нажимают | обычно один: кнопки убираются после нажатия | сколько угодно |
| Что происходит после нажатия | приходит следующее сообщение | перерисовывается это же |
| Где логика | на холсте: стрелки и условия | внутри блока, в коде |
| Что видит куратор | каждое нажатие строкой в переписке | экран и один итог в конце |
Отсюда правило выбора: если вариантов три и после выбора разговор идёт дальше — это кнопки. Если человек что-то подбирает и может передумать пять раз — это мини-приложение.
Как собрать своё
Блок добавляется на холст как остальные: правый клик по пустому месту → «Мини-приложение». Внутри — поле «Код приложения» с рабочим образцом и кнопка, которая избавляет от необходимости этот код писать.
123- На схеме блок показывает размер приложения: «4 кнопки · 15 строк кода». Что оно считает, видно в правой панели
- «Открыть настройки» в правой панели открывает поле «Код приложения» — сюда вставляется готовый код
- Там же кнопка «Промпт для нейросети» кладёт в буфер обмена задание с описанием формата: вставьте его в нейросеть, допишите свою задачу и перенесите ответ обратно в поле
Порядок работы такой.
- Опишите задачу словами. «Калькулятор пакета уроков: кнопками меняем количество от одного до двадцати, урок стоит 2500 рублей, с четырёх уроков скидка 5 процентов, с восьми — 10, кнопка «Беру» завершает работу».
- Нажмите «Промпт для нейросети». В буфер ляжет готовое задание: в нём уже описан нужный формат, перечислены разрешённые теги и ограничения. Вам остаётся дописать туда свою задачу вместо строки-подсказки.
- Вставьте промпт в нейросеть — подойдёт любая — и получите функцию.
- Перенесите ответ в поле «Код приложения» целиком и сохраните лист.
- Пройдите воронку сами («Проверка воронки на себе и разбор сбоев») и понажимайте кнопки, как это сделает клиент.
Код проверяется в момент сохранения листа. Если нейросеть ошиблась, CRM откажется сохранять и напишет, что именно не так, — вы увидите это в редакторе, а не на живом человеке. Молчащий блок посреди воронки — худшее, что может случиться с разговором, поэтому проверка стоит именно здесь.
Что имеет смысл собирать
- Калькулятор. Пакет уроков, стоимость доставки, срок рассрочки. Человек сам крутит цифры и видит свою сумму — это убеждает сильнее, чем прайс текстом.
- Квиз. Три-четыре вопроса с вариантами, в конце — результат и кнопка записи. Всё в одном сообщении, а не в семи.
- Выбор времени. Дни и слоты сеткой: выбранный отмечается, кнопка внизу подтверждает. Заменяет переписку «а во вторник? а в семь?».
- Подбор тарифа. Пара переключателей и итоговая рекомендация с ценой.
Общее у всех четырёх: клиент что-то выбирает и может передумать. Там, где выбирать нечего, экран не нужен — достаточно сообщения с кнопками.
Границы, о которых лучше знать заранее
- Только в боте Telegram. У Telegram-аккаунта таких экранов нет вовсе, и в воронке на номере блок ничего не отправит. Боты MAX, ВКонтакте, Instagram и WhatsApp экраны мини-приложений тоже не показывают: шаг с ним не пройдёт, и в переписке появится отметка с причиной. Если одна воронка работает в нескольких мессенджерах, разведите ветки условием по
{мессенджер}: стрелка с условием «мессенджерравнаtelegram» ведёт к экрану, а стрелка «Иначе» — к сообщению с обычными кнопками. - Приложение не знает клиента. Ни имени, ни этапа, ни оплат: оно видит только то, какую кнопку нажали. Записать что-то в карточку оно тоже не может — для этого в воронке есть блок «Действия» («Блок «Действия»: этапы, вебхук, событие, команда, переходы, A/B»).
- Итог попадает в переписку один раз. Промежуточные нажатия куратор не видит, иначе диалог утонул бы в двадцати строках «плюс». Когда приложение заканчивает работу, кнопки гаснут, а в переписке появляется строка с результатом.
- Очень старое приложение Telegram покажет клиенту предложение обновиться вместо экрана.
Из-за старых версий Telegram часть людей вместо приложения увидит заглушку. В середине разговора это мелочь — человек уже отвечает и переспросит. В первом сообщении воронки это потерянный лид: он не понял, что произошло, и ушёл. Ставьте мини-приложение туда, где диалог уже идёт.
Отправить руками, когда разговор встал
Мини-приложение доступно и из переписки: в карточке диалога «Продолжить» в карточке воронки (если воронки у клиента нет — «Запустить с блока») → окно «Блоки сценария» → лист и блок приложения. «Запустить с блока» продолжит воронку с экрана, а с галочкой «Без запуска воронки» кнопка «Отправить» пришлёт один экран («Карточка клиента: ответственный, этапы, воронка»). Это рабочий приём для дожима. Человек неделю не отвечает на «ну что решили?» — вместо восьмого такого сообщения он получает калькулятор, где сам собирает пакет и видит свою цену. Нажатие — уже действие, а из действия проще выйти на разговор.
- Объясните, чем нажатие в мини-приложении отличается от нажатия кнопки под обычным сообщением.
- Собрали своё приложение: описали задачу словами, взяли промпт кнопкой, вставили ответ нейросети в поле.
- Прошли воронку своим Telegram и понажимали кнопки, как это сделает клиент.
- Знаете, почему такой экран не ставят первым сообщением и что делать с ботами других мессенджеров.
- Понимаете, что увидит куратор в переписке, пока клиент нажимает кнопки, и что — когда закончит.
Дальше — «Проверка воронки на себе и разбор сбоев»: как пройти собранную воронку своим Telegram и что делать, если она молчит.
Справочник по этому разделуДокументация TERVIO: что делает каждая кнопка на экране.