Конструктор чат-бота

Структура Salebot

В личном кабинете Пользователя отражается перечень доступных проектов, могут быть выполнены настройки Домена, можно поучаствовать в Партнерской программе, настроить уведомления и многое другое с помощью левого бара меню:

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

Создание чат-бота, сайта, онлайн-курса или любого другого инструмента автоматизации начинается с создания проекта:

При клике на кнопку "Создать проект" открывается окно модальной формы:

Название проекта может быть любое удобное Вам:

Часовой пояс проекта поможет правильно отображать настройки времени, записи на услуги и прочее:

Также при создании проекта можно сразу установить шаблон схемы чат-бота:

Далее укажите необязательные настройки, если создавали папки, выберите папку, в которую добавится проект, а также цвет верхней грани плашки проекта:

Далее укажите промокод (при наличии) и нажмите "Готово".

Как создать первый блок в воронке

Каждый чат-бот, собранный на Сейлбот, так или иначе состоит из блоков:

Блок - это своеобразный набор команд для чат-бота, настройки которого установлены вами либо разработчиками чат-ботов для вашего проекта.

Из каждого блока чат-бот берет инструкцию, каким образом ему нужно отработать или на что отреагировать, а затем куда дальше по воронке пойдет клиент.

Научиться создавать блоки в конструкторе чат-бота очень просто: достаточно кликнуть по пустому полю левой кнопкой мыши два раза и Ваш блок будет создан:

Блок (блоки) можно перемещать в любую область поля конструктора, тем самым оптимизировать схему, а также придать ей более аккуратный вид.

В умение работать с конструктором воронок входит:

• Как создать блок с условием

• Как создать стрелку

• Как тестировать бота

• Как сделать варианты ответа

• Как создать петлю

• Как создать таймер

• Как добавить листы воронки

• Как подключить мессенджеры

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

Перед вами схема чат-бота. Схема состоит из блоков и стрелок, которые соединяют блоки между собой.

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

Чтобы бот запускался по клику на кнопку "Начать" в Телеграме (или любом другом мессенджере), необходимо прописать триггерное слово в блоке с условием.

Блоки с условиями бывают зеленого, синего и серого цвета:

Всего существует четыре блока с условием:

1. Начало диалога

2. Первостепенная проверка условия

3. Не состояние с условием

4. Напоминание.

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

Для начала диалога существует соответственно блок "Начало диалога". С данного блока целесообразно начинать собирать схему чат-бота для входа в воронку:

Блок "Напоминание" и блок "Не состояние с условием" являются блоками типа "Не состояние": в них нельзя перейти, поэтому такие блоки можно использовать для направления сообщений с промо-акциями, для напоминания о каком-либо событии, чтобы не выбивать клиента из основной воронки:

Для построения простейшей схемы чат-бота нам понадобится блок "Начало диалога" для входа в воронку.

Шаг 1. Создаем блок "Начало диалога".

Для этого кликаем по пустому листу в конструкторе воронок:

Чтобы сделать блок. который не отправляет сообщение, укажите в поле ответа #{none} (устанавливается по умолчанию)

Далее кликните на блок и выберите его тип - "Начало диалога":

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

Теперь пропишем сообщение, которое будет отправлять бот, как только получит в чате свое триггерное условие: например, это будет сообщение "Привет, я бот":

Затем обязательно нажмите "Сохранить", чтобы все настройки были применены к блоку.

Шаг 2. Создаем следующий блок.

Чтобы создать блок с привязкой (стрелкой), найдем меню дополнительных настроек блока:

В меню дополнительных настроек увидем кнопку "Создать блок ниже", которая поможет создать новый блок "Состояние" с привязкой к блоку "Начало диалога":

Теперь в воронке уже два блока, соединенных между собой стрелками.

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

Давайте создадим кнопку в блоке "Начало диалога", чтобы клиент перешел в следующий блок.

Шаг 3. Создаем кнопку.

Нажмите на зеленый блок "Начало диалога". В настройках блока вы увидите вкладку "Кнопки":

Нажмите на вкладку, тогда раскроется меню с настройкой кнопки:

Нажмите "+Добавить кнопку", тогда откроется меню с настройками кнопки:

В тексте кнопке пропишите любое название, например, "Нажми меня":

Кликните "Добавить", тогда в настройках блока появится кнопка:

Кнопка может быть клавиатурной или в тексте. В зависимости от мессенджера, какой-либо вид кнопок не будет работать (например, для whatsapp), поэтому можно поставить "Автоматически" - тогда кнопка будет либо в клавиатуре, либо в тексте, в зависимости от поддержки кнопок в мессенджере:

И обязательно сохраните настройки блока:

Готово! Вы создали свой первый блок с условием и кнопкой!

Шаг 4. Настройка стрелки

Теперь перейдем к настройке стрелки, чтобы при клике на кнопку ваш клиент переходил в следующий блок воронки. Для этого наведите на стрелку и найдите кнопку шестеренки:

Тогда откроются настройки стрелки, где мы укажем название кнопки:

В условии стрелки пропишите название кнопки:

И кликните на "Сохранить":

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

Стрелки можно изгибать.

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

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

Шаг 5. Блок "Состояние".

По умолчанию при клике по полю вы видели, что создавался белый блок "Состояние" - это самый распространенный блок для работы со схемой чат-бота. В нем можно осуществить любые настройки (кроме условий). Именно из блоков "Состояние" будет в большинстве своем состоять Ваша схема чат-бота.

В блок "Состояние", в отличие от блоков с условием, можно попасть только в случае, если в него проведена стрелка от предыдущего блока, либо если Вы направили рассылку клиентам.

Чтобы клиент попадал в блок "Состояние" по какому-либо условию, настройка условия осуществляется в стрелке, как в шаге 4, либо по таймеру.

В текстовом поле блока "Состояние" пропишем сообщение, которое будет отправлять бот клиенту, если клиент нажмет кнопку "Нажми меня":

Обязательно нажмите на "Сохранить" в настройках блока "Состояние".

Тестирование чат-бота

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

Можно подключить бота к проекту и тестировать в нем, но если создается бот в Whatsapp, то написать самому себе нельзя. Для этого есть другой способ: можно открыть онлайн-чат с ботом и работать с ним. Для этого нажмите на кнопку в левом нижнем углу конструктора:

При нажатии на кнопку "Протестировать бота" откроется тестовое окно:

Левая область экрана в тестировочном окне отображает созданные блоки для чат-бота:

В правой части вы увидите тестовые данные клиента (то есть себя):

Посередине экрана вы увидите онлайн-чат, в котором можно протестировать бота. Для этого пропишите условие из блока "Начало диалога":

Как работает бот, собранный нами по пяти шагам:

О вкладке "Тестирование"

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

Каждая плашка на экране слева отображает номер блока, его тип, а также содержание:

Блоки можно отобразить по типу, отфильтровав их с помощью соответствующей кнопки "Фильтр":

Чтобы проверить отработку только одного блока из схемы, можно выбрать соответствующий блок, кликнув по нему, и нажать на "Отправить блок":

Выбранный блок отправится от имени чат-бота в средней части экрана - окне тестировки:

В этой же части экрана вы сможете отработать всю схему блока, начиная с самого первого в схеме.

В правой части экрана расположено отображение тестового клиента:

В этом же окне клиента существуют следующие возможности:

1. Присвоить или добавить метки/списки клиенту;

2. Добавить переменные;

3. Просмотреть переменные, присвоенные клиенту с помощью отработки схемы чат-бота:

Таким образом вы можете полностью отработать схему чат-бота (а также любую его часть), сразу просмотреть карточку клиента и его данные.

Видеоверсия

Варианты ответа в боте

Теперь в нашей стартовой схеме добавим вопрос, на который есть несколько вариантов ответа. Варианты ответа — это стрелки из блока. На одной будет условие “да”, на другой - “нет”.

Для этого кликнем на второй блок "Состояние" и создадим два блока ниже с помощью меню дополнительных настроек:

Таким образом мы создали два блока к нашей схеме. Дальше необходимо настроить условия в стрелках.

Наведите на стрелку, ведущую к блоку, и пропишите в условии вариант ответа, например, "да":

А затем обязательно сохраните. После чего также в настройках второй стрелки укажите другой вариант ответа:

В предыдущем блоке, ИЗ которого ведут две стрелки с вариантами ответа, пропишите любой вопрос:

Теперь в блоках "Состояние", в которые ведут стрелки с вариантами ответа, пропишите ответное сообщение бота:

Теперь итоговая схема выглядит следующим образом:

Как работает эта схема:

1. Пользователь пишет "Привет" и попадает в зеленый блок.

2. Дальше пользователь нажимает на кнопку и переходит во второй блок, который у него спрашивает: “Вы жаворонок?”

3. Пользователь пишет или нажимает кнопку “да” или “нет” и переходит в одно из состояний в зависимости от ответа.

Но что если пользователь напишет что-то иное: ни “да” и ни “нет”? Диалог не перейдет ни в одно из состояний, а останется в том же, что и был до момента написания ответа пользователем. И диалог заглохнет.

Что делать в таком случае? Для этого воспользуемся замечательным инструментом - петлей.

Как создать петлю

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

Для этого зациклим вопрос, добавив петлю без условия вокруг блока.

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

Таким образом, будет создана петля в схеме:

Теперь если клиент отправит в бот сообщение, отличное от "Да" или "Нет", то ему повторно будет направлено сообщение из второго блока:

Что делать, если клиент не отвечает на сообщение бота? Можно направлять сообщения по таймеру, чтобы напоминать клиенту, что нужно бы ответить на вопрос.

Итак, при переходе пользователя в блок с вопросом "Вы жаворонок?", нам необходимо сказать пользователю "Вы не ответили на вопрос :(", если пользователь не ответил ни ДА, ни НЕТ и вновь задать вопрос - для чего воспользуемся таймером.

Как создать сообщение с таймером

Создадим новый блок, к которому ведет стрелка из блока с вопросом "Вы жаворонок?", а также удалим петлю (для этого наведите на петлю и нажмите крестик).

Перейдем в настройки стрелки, которая ведет к новому блоку из блока с вопросом":

В настройках стрелки существует плашка "Задержка перед ответом" - это таймер, в котором устанавливается время, по истечению которого будет автоматический переход в следующий блок:

Также необходимо активировать чекбокс "Отменить, если покинул блок", чтобы сообщение не отправилось, если Ваш клиент все-таки даст ответ на поставленный вопрос.

Теперь пропишем сообщение в новом блоке:

И из нового блока протянем стрелку к блоку с вопросом:

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

Кликните по кнопке и проведите стрелку к блоку с вопросом:

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

И, зажав кнопку, потяните стрелку вверх:

Теперь перейдите в настройки только созданной стрелки и установите таймер 1 секунду, чтобы клиент вновь перешел в блок с вопросом:

Итоговая схема выглядит следующим образом:

Как работает тестовая схема:

Как добавить листы воронки

С помощью листов вы можете разделять бота так, как вам удобно. Это все то же огромное поле, где размещаются все ветки бота, но визуально разделено на отдельные страницы. При этом сам бот работает в едином поле.

При разрыве цепочек образуются связующие блоки.

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

Чтобы продолжить текущую схему на новом листе, кликните на блок или выделите несколько блоков и нажмите на стрелку с подсказкой "Нажмите, чтобы связать этот блок с другим листом". После появления предупреждения о переносе, выбираете нужный лист из списка внизу возле плюсика.

В открывшемся окне вы видите инструкцию о том, что надо сделать для окончания переноса.

Как подключить мессенджеры

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

Дальше необходимо нажать на кнопку с требуемым мессенджером. О том, как подключить ботов в разных мессенджерах, написано в разделе "Мессенджеры"

Видео-обзор