Наш визуальный редактор поможет вам создавать удобных и функциональных чат-ботов.

Чтобы создать чат-бота с помощью визуального редактора, вам нужно перейти в раздел «Чат-боты» в главном меню платформы.

Список чат-ботов

На главной странице отражается список существующих чат-ботов с главной информацией о них, опции для фильтрации и кнопка создания нового бота.

На странице «Чат-боты» доступна основная информация о каждом созданном боте:

  • Имя бота;
  • Триггеры (запускающие бота события)
  • Статус: «Работает» или «Выключен»
  • Статус зависит от состояния кнопки «Выключить» и «Запустить»
  • Дополнительные функции (троеточие) — здесь доступны 2 функции: «копировать бота» и «удалить бота». Если удалить бота, то он перенесется во вкладку «Архив» и будет неактивен.

Как фильтровать ботов?

Фильтровать ботов можно следующими способами:

По вкладкам вверху:
  • Все — отображаются все созданные на аккаунте боты;
  • Работают — активные боты;
  • Выключены — остановленные боты;
  • Архив — все удалённые через меню дополнительных функций боты.
По названию:
  • Нажатие на стрелочку рядом со столбцом «Имя» переключается между тремя сортировками — от А до Я, от Я до А и сброс сортировки
  • Поиск по имени. Можно ввести имя нужного вам бота.

Создание нового бота

Для того чтобы создать нового бота, необходимо нажать на кнопку «Новый бот» в правом верхнем углу. Далее в появившемся окне указать название бота и подтвердить нажатием «Да».

Настройка бота

Изначально новый бот создается выключенным и подключенным ко всем имеющимся на момент создания каналам в личном кабинете TextBack.

Внутри бота созданы два блока:

  • стартовый с настройками для запуска бота;
  • блоком сообщений с заготовленным пустым текстовым сообщением.

Структура бота

Бот состоит из элементов двух типов: блоки и связи.

Блоки содержат всю необходимую для работы бота информацию: какие сообщения отправлять, в какое время, и как себя вести в определённых ситуациях.

Связи нужны для составления последовательных цепочек из таких блоков.

Блоки
Чтобы редактировать блок, его нужно выбрать на диаграмме и использовать боковое меню справа.

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

Связи
Редактировать связи можно с помощью перетаскивания линий из точек входа и выхода блока.

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

Чтобы удалить связь межу  блоками, нужно её выбрать и нажать на клавишу DELETE, либо на иконку корзины.

Как работать с блоками в чат-боте?

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

Триггеры в стартовом блоке
Для каждого бота можно задать неограниченное число триггеров. Бот будет запущен в том случае, когда хотя бы один из перечисленных в нём триггеров будет соблюдён. Для запуска бота доступны следующие события:
  • При навешивании тега. Когда каким-либо из способов пользователю был добавлен тег в карточку

  • При снятии тега. Когда каким-либо из способов у пользователя был удалён имевшийся в его карточке тег

В поле ввода тега присутствует поиск по мере набора символов. Также можно создать тег в этом же поле, если его не существует.

  • При подписке. Когда пользователь соглашается «Подписаться на уведомления», либо, если его подписать вручную, изменив статус в карточке на «Подписался на уведомления».

  • При первом обращении. Когда пользователь впервые контактирует с TextBack

  • По ключевому слову. Когда пользователь пришлет вам сообщение с текстом, соответствующим настроенному ключевому сообщению

Регистр сообщения значения не имеет: если ключевое сообщение «Хочу подарок», то пользователь может напечатать и «хочу подарок», и «ХОЧУ ПОДАРОК», но на сообщение «хочу подарок здесь и сейчас» бот не среагирует.

Каналы
Изначально бот создаётся со всеми имеющимися на момент создания каналами, которые подключены к TextBack. При необходимости можно изменить этот список выбрав соответствующий пункт меню и удаляя/добавляя каналы из списка.

Дополнительные блоки
Для добавления новых элементов к стартовому блоку используйте меню в правом верхнем углу. Открывается оно по клику на фиолетовую кнопку.

Доступны блоки:

  • сообщение;
  • действие;
  • задержка;
  • условие.

Дальше подробнее разберемся с возможностями каждого блока.

Блок с сообщениями

В этом блоке могут находиться следующие элементы: текстовые сообщения с кнопками (кнопка-ссылка, кнопка быстрого ответа, кнопка с запросом контакта), шаблоны WhatsApp, картинки и документы.

Если сообщений в блоке несколько, то они отправятся последовательно согласно своему порядку. Но вы можете менять порядок сообщений В блоке можно выставить задержку на отправку между сообщениями внутри него — это полезно, когда нужно сымитировать поведение человека и отправлять сообщения раз в несколько секунд. Задержка едина между всеми указанными в данном блоке сообщениями.

Текстовые сообщения
В окне редактирования можно ввести текст до 3700 символов. Дополнительно к каждому сообщению можно добавить кнопки при помощи Добавить кнопку.

Типы кнопок:

  • Кнопка-ответ. Это кнопка, от которой можно протянуть связь к другому контейнеру. Такие кнопки используются для управления поведением бота после реакции пользователя.

  • Кнопка-ссылка. Такая кнопка содержит ссылку, на которую будет совершён переход при нажатии по ней пользователем.

  • Кнопка для сбора контактов (только для Telegram). Кнопка позволяет запросить контакт пользователя только в Telegram, в другие мессенджеры отправится обычная кнопка быстрого ответа. Кноку не получится использовать с другими кнопками.

Настроить кнопки можно в меню, которое вызывается по нажатию на название кнопки в меню редактирования блока. Для каждой кнопки оно будет отражать только необходимые ей параметры настройки: текст кнопки (то, что увидит пользователь), цвет (актуально для Viber и VK), ссылку (только для кнопок-ссылок)

Изображение
Можно загрузить одну картинку в формате .jpg или .png:
  • кликнув по полю «Загрузить файл» и выбрав необходимую на устройстве;
  • перетащив (drag-and-drop) на поле «Загрузить файл».

Такая картинка будет отображаться на превью в боковом меню и в блоке на диаграмме.

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

Документы
Можно загрузить один документ в любом формате:
  • кликнув по полю «Загрузить файл» и выбрав необходимый документ на локальном устройстве;
  • перетащив (drag-and-drop) на поле «Загрузить файл».

Такой документ не будет отображаться на превью — вместо этого в боковом меню и на диаграмме будет иконка документа с его наименованием.

Шаблоны WhatsAppBusiness AP<strong>I</strong>
В сообщение можно добавить зарегистрированный на аккаунте шаблон WhatsApp Business API. В поиске используются имена, которые отображаются на странице шаблонов в личном кабинете. Учитываются изменённые имена на этой странице.

Поддерживаются шаблоны всех типов: с подстановками, кнопками, кнопками-ссылками и кнопками-телефоном, с картинками и с pdf-документами. Так как шаблон неизменяем, то при выборе шаблона с кнопками будут создаваться кнопки, которые не поддаются редактированию.

Главная идея шаблонных сообщений в визуальном редакторе — их можно отправить в любой мессенджер, даже если это шаблон WhatsApp Business API. Сообщения придут как в WhatsApp, так и в Telegram, и прочие мессенджеры. Важно понимать, что расходоваться шаблоны на аккаунте будут только за отправление в официальный белый WhatsApp.

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

При наведении на кнопки-ссылки и кнопки-звонок будет подсвечиваться их значение.

Указанные в полях v1, v2…. подстановки отображаются в текстовом сообщении. Если какая-то из подстановок не была указана, то будет выведено соответствующее предупреждающее сообщение.

Блок с действиями
Этот блок выполняет различные действия, когда приходит его очередь на выполнение. Число действий в блоке не ограничено.

Доступны следующие действия:

  • Добавить пользователю тег — присвоить тег в карточку клиента.
  • Снять с пользователя тег — удалить тег из карточки клиента.
  • Подписать пользователя на рассылку в мессенджерах
Блок с задержками
Этот блок задерживает следующие за собой блоки на определённый промежуток времени, либо же выставляет в какое время их можно отправить.

Доступны следующие сценарии работы с блоком:

Задержать отправку следующих блоков на определённое время — на секунды, минуты, часы или дни.

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

Примеры:

  • Время запуска бота 10:00 1-го января. В блоке задержки выставлены настройки «задержка 5 минут» и «отправить в 10:30». Сообщения после этого блока будут отправлены в 10:30 1-го января, так как сначала задержится выполнение на 5 минут до 10:05, а затем будет найдено ближайшее время отправки — 10:30 1-го января.
  • Время запуска бота 10:00 1-го января. В блоке задержки выставлены настройки «задержка 5 часов» и «отправить в 10:30». Сообщения после этого блока будут задержаны на пять часов до 15:00 и отправлены в ближайшее доступное 10:30 — то есть в 10:30 2-го января.
Блок с условиями
Благодаря этому блоку можно проверять различные условия. Сейчас доступна проверка только присвоенных в карточке тегов. Это удобно для сегментирования аудитории.

Структура этого блока следующая: при соответствии условию происходит переход по связи от этого условия и дальнейшая проверка блока заканчивается. Затем проверяется следующее и так до тех пор, пока условия не закончатся. Если ни одно из условий не было выполнено, то сработает вариант «Иначе».

Доступны следующие варианты условий:

  • Соответствует всем требованиям — когда соблюдены все перечисленные в условии требования
  • Не соответствует всем требованиям — когда наоборот, не соответствует ни одному из перечисленному в условии.

Примеры:

В данном блоке проводится проверка трёх условий:

  • Если у пользователя в карточке присутствуют теги «Английский» и «Немецкий» одновременно, то ему будет отправлено сообщение про новый курс испанского по скидке;
  • Если у пользователя в карточке отсутствуют теги «advanced» и «complex» одновременно, то ему будет отправлено сообщение с текстом «Well, this stuff sure is heavy»;
  • Если оба из этих условия не выполнены, то пользователю придёт сообщение из «иначе» с текстом «Проверка на условия в рамках примера провалена».

Важно учитывать, что если у пользователя есть теги «Английский», но нет тега «Немцкий», то условия 1 не выполнится. То же самое если у него есть тег «advanced», но нет «complex» — все из требований должны быть выполнены для срабатывания цепочки.

Работа с диаграммой

Для удобства работы на диаграмме редактирования бота имеются следующие элементы:

  • Маштабирование;
  • Настройки бота;
  • Панель управления ботом.

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

Что еще умеет визуальный редактор чат-ботов

  • Вы можете написать пользователю спустя какое-то время
Как это сделать?
Добавить связь на задержку (через какое время нужно отправить напоминание) и от неё на условие, при котором отправится сообщение.

  • Отправлять предложения аудитории, которая в них может быть заинтересована.