Как настраивать кнопки в Сценарии?

Кнопка — это одна из реакций, которую можно добавить в Сценарий, чтобы упростить и ускорить общение с клиентом.

С помощью кнопок вы предлагаете пользователю выбрать готовый ответ, не вводя текст вручную. Лия показывает кнопки в ответ на сообщение пользователя, если распознаёт, что такая реакция будет уместной. В чате они выглядят как кликабельные варианты ответы.

Два ключевых подхода к настройке кнопок в сценарии

Рассмотрим два основных подхода к настройке кнопок в сценарии проекта на примере популярного сценария — потери багажа, с которой клиенты часто обращаются.

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

Первый подход. Кнопка как смысловая реакция

Создаётся отдельный интент с фразой, которая будет отображаться на кнопке. Такая кнопка срабатывает как ответ на входящее сообщение пользователя — Лия распознаёт фразу и предлагает нужный вариант.

В этом случае действуем так:

1. Создаём кнопочный интент в разделе Намерения с уникальной фразой, например, «Мой багаж потерялся». Эта фраза будет отображаться на кнопке и вести пользователя в нужный сценарий.

1. После этого настраиваем маршрут в разделе Сценарии. Если входящее сообщение попадает под интент «Потеря багажа (кнопка)», Лия предложит пользователю соответствующую кнопку «Мой багаж потерялся».

Для того, чтобы донастроить надписи на кнопке нужно нажать на реакцию “Кнопка” (на скриншоте “Кнопка 1”) левой кнопкой мыши прямо в зоне редактирования сценария и дозаполнить необходимые поля.

Вот как это будет выглядеть в чате (упоминания вроде Intent даны только для наглядности — в реальном диалоге пользователь их не увидит):

Пользователь пишет: «Багаж потерялся». В ответ Лия предлагает кнопку по теме.

Второй подход. Кнопка как шаг навигации (меню выбора)

Используется нейтральная маршрутизация: Лия не выбирает кнопку заранее по входящему сообщению, а предлагает пользователю выбрать её из списка по релевантной теме. Кнопки здесь выполняют роль меню и помогают направить диалог в нужное русло.

В этом случае действуем так:

1. Сначала в разделе Намерения создаём интент, например, "Вопрос по багажу" — добавляем в него различные формулировки, по которым Лия сможет распознать, что пользователь говорит о проблеме с багажом.

2. Затем в том же разделе создаём интенты, которые будем использовать в том числе и для кнопок, по разным тематикам: “Объединить багаж”, “Багаж потерян”, “Багаж: норма по тарифам” и так далее.

3. После этого настраиваем маршрут в разделе Сценарии. Если входящее сообщение попадает под интент "Вопрос по багажу", Лия предложит пользователю все кнопки по теме для того, чтобы он выбрал с помощью кнопки нужную ветку сценария, например, "Багаж потерян".

На скриншоте ниже также показан сниппет check_if_first_message, который проверяет, является ли сообщение первым, и запускает приветствие — но в рамках данного примера это не принципиально.

Если первое сообщение пользователя связано с багажом, Лия поздоровается и предложит выбрать одну из подходящих кнопок из меню.

В этом случае у пользователя есть выбор: – нажать на кнопку, например, “Багаж потерян” и перейти по заданной ветке сценария — сразу же Лия ответит, отправит ссылку или переведёт на оператора, если вы это настроите по сценарию; – или ввести следующее сообщение вручную — если оно не связано с багажом или нужной тематики нет, Лия отнесёт его к категории "Прочее" и запустит другой сценарий.

Как настроить действие, которое запускается по нажатию кнопки

В конструкторе кнопок есть возможность выбрать, как именно Лия будет реагировать на выбор пользователя:

В кейсе с выбором намерения слово "валенки" должно быть добавлено в продуктовый интент «Валенки (кнопка)» для правильной реакции Лии.

Донастройка отображения текста кнопок

Текст перед блоком с кнопками (например, "Выберите подходящий вариант") можно добавить двумя способами. Как он отобразится, зависит от конкретного чат-решения или API.

1. При нажатии на шаг с Кнопкой в правом блоке ввести в поле Текст нужную фразу

1. Добавить перед шагом Кнопка отдельный блок с реакцией Текст и ввести фразу

Из-за особенностей проекта фразу "Выберите подходящий вариант" можно добавить отдельным шагом (например, в блоке "Текст 9"), оставив поле "Текст" в шаге "Кнопка 2" пустым. Результат будет тем же — перед кнопками в чате появится поясняющий текст.

Настройка количества кнопок в чате

Количество кнопок и их названия задаются в блоке справа: нажмите на нужный шаг ("Кнопка 2" на скриншоте) левой кнопкой мыши → "Добавить кнопку". Максимум — 6 кнопок.

Если нужно создать больше 6 кнопок, используйте сниппет — его можно создать в разделе Сниппеты. Для этого скопируйте и вставьте следующий скрипт:

async function snippet (core = new Core(), context = new Context()) {
    core.sendButtons('Выберите подходящий вариант:', [
        {type: 'text', title: 'Багаж: объединить', params: {text: 'Багаж: объединить'}},
        {type: 'text', title: 'Багаж потерян', params: {text: 'Багаж потерян'}},
        {type: 'text', title: 'Норма багажа', params: {text: 'Норма багажа'}},
        {type: 'text', title: 'Кнопка 4', params: {text: 'Кнопка 4'}},
        {type: 'text', title: 'Кнопка 5', params: {text: 'Кнопка 5'}},
        {type: 'text', title: 'Кнопка 6', params: {text: 'Кнопка 6'}},
        {type: 'text', title: 'Кнопка 7', params: {text: 'Кнопка 7'}},
        {type: 'text', title: 'Кнопка 8', params: {text: 'Кнопка 8'}},
        {type: 'text', title: 'Кнопка 9', params: {text: 'Кнопка 9'}},
    ]);
}

Как это будет выглядить в сценарии и в чате — смотрите на скриншоте ниже.

Кнопки и интеграции

Проброс текстовых кнопок из Лии поддерживается для популярных интеграций: Chat2Desk, Edna, HelpDeskEddy, Infobip, LiveChat, Webim2, Usedesk.

Если хотите узнать, можно ли использовать Лию с кнопками в вашей интеграции, свяжитесь с нашей службой поддержки.