Кнопки под сообщением
Кнопки — интерактивные элементы под текстом ноды «Сообщение». Они превращают пассивное сообщение в навигацию: клиент в один тап переходит по сценарию, открывает ссылку, делится телефоном или запускает мини-приложение.
Типы кнопок
| Тип | Что делает |
|---|---|
| Следующий шаг | Переводит клиента к другой ноде сценария. У этой кнопки есть собственный выход — связь тянется прямо от кнопки. |
| Ссылка | Открывает указанный URL — сайт, страницу, внешний сервис. |
| Запрос телефона | Клиент делится своим номером в один тап. |
| Запрос геолокации | Клиент отправляет своё текущее местоположение. |
| Web App | Открывает мини-приложение поверх чата. |
Кнопка «Следующий шаг» и её выход
Среди всех типов у кнопки «Следующий шаг» есть особенность: у неё свой выход (точка связи) прямо на ноде. Это значит, что каждая такая кнопка ведёт в свою ветку — стрелку тянут именно от кнопки, а не от ноды целиком. Так одно сообщение с несколькими кнопками работает как развилка.
Кнопки «Следующий шаг» — основной инструмент навигации по диалогу. Несколько таких кнопок в одном сообщении заменяют отдельную ноду «Условие», когда ветвление зависит от прямого выбора клиента.
Как настроить
Добавьте кнопки
В ноде «Сообщение» добавьте кнопки под текстом.Выберите тип каждой кнопки
Укажите тип: следующий шаг, ссылка, запрос телефона, запрос геолокации или Web App.
Заполните параметры
Для ссылки укажите URL, для Web App — адрес мини-приложения. Кнопкам запроса телефона и гео параметры не нужны.
Свяжите кнопки «Следующий шаг»
Протяните стрелку от выхода каждой кнопки «Следующий шаг» к нужной ноде сценария.
Скомпонуйте кнопки
При желании объедините кнопки в ряды, чтобы расположить их аккуратно.
Когда применять
- Меню выбора. Кнопки «Каталог», «Доставка», «Оператор» — каждая ведёт в свою ветку.
- Сбор контактов. Кнопка «Запрос телефона», чтобы клиент поделился номером в один тап.
- Переход на сайт. Кнопка-ссылка на каталог, оплату или подробную статью.
- Запуск мини-приложения. Кнопка Web App для записи, оформления заказа или калькулятора.
Пример
Бот здоровается и под сообщением показывает три кнопки «Следующий шаг»: «Каталог», «Доставка», «Оператор». Каждая ведёт в свою ветку сценария. Рядом — кнопка «Ссылка» на сайт и кнопка «Запрос телефона» для тех, кто хочет, чтобы перезвонили.