Наши услуги

Основы работы с редактором

Только на сайте? Прочтите статью, и сразу станет ясно с чего начать и что делать. Если любите видеоуроки, листайте ниже.

Основы работы с редактором

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

Рисунок 1 - типовая схема бота

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

Создание зеленого блока

Перед вами форма создания блока (Рисунок 2). Подробнее про создание блока и их типы читайте в статье Работа с редактором. Часть 1. Создание блоков и их типы

Рисунок 2

Важно!!! Вам необходимо выбрать тип блока на скриншоте это поле “Состояние диалога”. Нажмите на него и из выпадающего списка выберите “Начало диалога” (Рисунок 3).

Рисунок 3

Откроется поле "Условие" и еще несколько полей. Они настраивают условие перехода в этот блок (Рисунок 4). Зачем нужен блок “Состояние диалога” расскажем чуть позже.

Рисунок 4

На данном этапе нам нужны первые два поля: “Условие” и второе поле, в котором выбрано “Игнорируя ошибки и неточности”. Это строка условия и тип сравнения условия соответственно. “Игнорируя ошибки и неточности” означает, что если сообщение пользователя и условие незначительно отличаются, допустим, человек допустил описку или поменял слова местами, то условие сработает.

Подробнее об условиях можно почитать в этой статье

Условия перечисляются через точку с запятой(;)

В поле “Условие” через точку с запятой (;) указываются условия, по которым должен произойти переход в этот блок. Если мы делаем бота только для Телеграмм, то укажем там /start. Этот текст приходит по нажатию на стартовую кнопку. Если воронка предназначена и для других мессенджеров, то надо добавить еще и слово Старт, например: /start;старт

Далее вводим текст ответа бота в настройках блока, к примеру “Вы нажали start” и нажимаем Готово (Рисунок 5)

Рисунок 5

Мы создали блок, который будет отвечать, если пользователь напишет start.

Рисунок 6

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

Введем текст “Второй блок” (Рисунок 7)

Рисунок 7

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

Создание стрелки

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

Рисунок 8

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

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

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

Теперь у нас есть схема из двух блоков и стрелки. Стрелка пока без условия. Если стрелка без условия, то переход по ней будет при любом сообщении, которое напишет пользователь. Если несколько стрелок без условия, то переход будет по случайной.

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

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

Рисунок 9

В этом чате работает бот (Рисунок 10)

Рисунок 10

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

Теперь добавим вопрос, на который есть несколько вариантов ответа. Варианты ответа это стрелки из блока. На одной будет условие “да”, на другой “нет”. Чуть выше создавали сначала блок, а потом присоединяли его. Можно создавать блок сразу с соединением. Для этого необходимо выбрать блок и нажать на ссылку: “Создать блок ниже”. Создадим таким образом два блока. Дальше необходимо настроить условия на соединениях. Для настройки соединения необходимо навести мышку на стрелку, появится шестеренка и нажать на нее. Откроется форма с настройками соединения. Здесь нам нужно только поле условие. Оно работает так же как и у блока. На одной стрелке поставим условие “да”, на другой “нет”. У нас получилась схема:(Рисунок 11)

Рисунок 11

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

Блоки, созданные по этой кнопке, при переходе в них ничего не отправляют, для этого используется в ответе переменная #{none}. Заменим ответы на тексты “Вы нажали да” и . Разместим блоки красиво, и во втором блоке напишем вопрос "Вы жаворонок?" (Рисунок 12).

Рисунок 12

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

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

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

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

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

Создание петли

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

Рисунок 13

Протестируем...

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

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

Создание таймера

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

И в поле “Задержка перед ответом” необходимо поставить единицу (Рисунок 13)

Рисунок 13

А теперь давайте тестировать!

Рисунок 14

Подключение мессенджеров

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

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