0 из 51 урока
АкадемияМодуль 3 · урок 3.1010 минДля техспеца

Мини-приложение: экран с кнопками внутри сообщения

Обычный блок отправляет сообщение и ждёт ответа. Мини-приложение вместо этого рисует экран: человек нажимает кнопку — и то же самое сообщение пересчитывается на месте. Новых сообщений не приходит, переписка не растёт, а клиент тем временем собирает себе пакет, проходит квиз или выбирает время. Код для такого экрана пишет нейросеть, а вы описываете задачу словами.

Чем экран отличается от кнопок под сообщением

Кнопки под сообщением («Воронка в боте: кнопки, ссылки запуска, тег запуска, передача в личку») — это ответ вместо текста: человек нажал, воронка пошла дальше, кнопки обычно убираются. Одно нажатие — один шаг.

Мини-приложение живёт по-другому.

ЧтоКнопки под сообщениемМини-приложение
Сколько раз нажимаютобычно один: кнопки убираются после нажатиясколько угодно
Что происходит после нажатияприходит следующее сообщениеперерисовывается это же
Где логикана холсте: стрелки и условиявнутри блока, в коде
Что видит кураторкаждое нажатие строкой в перепискеэкран и один итог в конце

Отсюда правило выбора: если вариантов три и после выбора разговор идёт дальше — это кнопки. Если человек что-то подбирает и может передумать пять раз — это мини-приложение.

Как собрать своё

Блок добавляется на холст как остальные: правый клик по пустому месту → «Мини-приложение». Внутри — поле «Код приложения» с рабочим образцом и кнопка, которая избавляет от необходимости этот код писать.

Блок «Мини-приложение» на холсте и его настройки123
Блок «Мини-приложение» на холсте и его настройки
  1. На схеме блок показывает размер приложения: «4 кнопки · 15 строк кода». Что оно считает, видно в правой панели
  2. «Открыть настройки» в правой панели открывает поле «Код приложения» — сюда вставляется готовый код
  3. Там же кнопка «Промпт для нейросети» кладёт в буфер обмена задание с описанием формата: вставьте его в нейросеть, допишите свою задачу и перенесите ответ обратно в поле

Порядок работы такой.

  • Опишите задачу словами. «Калькулятор пакета уроков: кнопками меняем количество от одного до двадцати, урок стоит 2500 рублей, с четырёх уроков скидка 5 процентов, с восьми — 10, кнопка «Беру» завершает работу».
  • Нажмите «Промпт для нейросети». В буфер ляжет готовое задание: в нём уже описан нужный формат, перечислены разрешённые теги и ограничения. Вам остаётся дописать туда свою задачу вместо строки-подсказки.
  • Вставьте промпт в нейросеть — подойдёт любая — и получите функцию.
  • Перенесите ответ в поле «Код приложения» целиком и сохраните лист.
  • Пройдите воронку сами («Проверка воронки на себе и разбор сбоев») и понажимайте кнопки, как это сделает клиент.
💡 Сломанный код до клиента не доедет

Код проверяется в момент сохранения листа. Если нейросеть ошиблась, CRM откажется сохранять и напишет, что именно не так, — вы увидите это в редакторе, а не на живом человеке. Молчащий блок посреди воронки — худшее, что может случиться с разговором, поэтому проверка стоит именно здесь.

Что имеет смысл собирать

  • Калькулятор. Пакет уроков, стоимость доставки, срок рассрочки. Человек сам крутит цифры и видит свою сумму — это убеждает сильнее, чем прайс текстом.
  • Квиз. Три-четыре вопроса с вариантами, в конце — результат и кнопка записи. Всё в одном сообщении, а не в семи.
  • Выбор времени. Дни и слоты сеткой: выбранный отмечается, кнопка внизу подтверждает. Заменяет переписку «а во вторник? а в семь?».
  • Подбор тарифа. Пара переключателей и итоговая рекомендация с ценой.

Общее у всех четырёх: клиент что-то выбирает и может передумать. Там, где выбирать нечего, экран не нужен — достаточно сообщения с кнопками.

Границы, о которых лучше знать заранее

  • Только в боте Telegram. У Telegram-аккаунта таких экранов нет вовсе, и в воронке на номере блок ничего не отправит. Боты MAX, ВКонтакте, Instagram и WhatsApp экраны мини-приложений тоже не показывают: шаг с ним не пройдёт, и в переписке появится отметка с причиной. Если одна воронка работает в нескольких мессенджерах, разведите ветки условием по {мессенджер}: стрелка с условием «мессенджер равна telegram» ведёт к экрану, а стрелка «Иначе» — к сообщению с обычными кнопками.
  • Приложение не знает клиента. Ни имени, ни этапа, ни оплат: оно видит только то, какую кнопку нажали. Записать что-то в карточку оно тоже не может — для этого в воронке есть блок «Действия» («Блок «Действия»: этапы, вебхук, событие, команда, переходы, A/B»).
  • Итог попадает в переписку один раз. Промежуточные нажатия куратор не видит, иначе диалог утонул бы в двадцати строках «плюс». Когда приложение заканчивает работу, кнопки гаснут, а в переписке появляется строка с результатом.
  • Очень старое приложение Telegram покажет клиенту предложение обновиться вместо экрана.
⚠️ Не ставьте экран первым касанием

Из-за старых версий Telegram часть людей вместо приложения увидит заглушку. В середине разговора это мелочь — человек уже отвечает и переспросит. В первом сообщении воронки это потерянный лид: он не понял, что произошло, и ушёл. Ставьте мини-приложение туда, где диалог уже идёт.

Отправить руками, когда разговор встал

Мини-приложение доступно и из переписки: в карточке диалога «Продолжить» в карточке воронки (если воронки у клиента нет — «Запустить с блока») → окно «Блоки сценария» → лист и блок приложения. «Запустить с блока» продолжит воронку с экрана, а с галочкой «Без запуска воронки» кнопка «Отправить» пришлёт один экран («Карточка клиента: ответственный, этапы, воронка»). Это рабочий приём для дожима. Человек неделю не отвечает на «ну что решили?» — вместо восьмого такого сообщения он получает калькулятор, где сам собирает пакет и видит свою цену. Нажатие — уже действие, а из действия проще выйти на разговор.

💭 От Влада

Интерактив сам по себе ничего не продаёт. Работает другое: человек, который покрутил цифры, уже потратил на вас время и увидел свою сумму, а не абстрактный прайс. Поэтому первым делом соберите калькулятор того, что у вас реально спрашивают в переписке чаще всего, — и посмотрите, доходят ли до кнопки «Беру».

Проверьте себя
  • Объясните, чем нажатие в мини-приложении отличается от нажатия кнопки под обычным сообщением.
  • Собрали своё приложение: описали задачу словами, взяли промпт кнопкой, вставили ответ нейросети в поле.
  • Прошли воронку своим Telegram и понажимали кнопки, как это сделает клиент.
  • Знаете, почему такой экран не ставят первым сообщением и что делать с ботами других мессенджеров.
  • Понимаете, что увидит куратор в переписке, пока клиент нажимает кнопки, и что — когда закончит.

Дальше — «Проверка воронки на себе и разбор сбоев»: как пройти собранную воронку своим Telegram и что делать, если она молчит.

Справочник по этому разделуДокументация TERVIO: что делает каждая кнопка на экране.
Урок пройден?Отметка хранится в этом браузере. Дальше — 3.11 «Блок «ИИ»: нейросеть внутри воронки».
Следующий урок
Предыдущий урок: 3.9 Проверка воронки на себе и разбор сбоев