Простий чатбот

У цій статті ми пояснимо та покажемо, як покроково створити простий чатбот для вашого проєкту.

Створення чатбота на платформі Mavibot є доволі простим, якщо ви вже пройшли розділ «Основи ботобудування Mavibot», який пояснює основи роботи з конструктором воронок (редактором), типами блоків і стрілок, типами вкладень, кнопками, а також калькулятором тощо.

Перш ніж почати створювати простий чатбот, ми наполегливо рекомендуємо вам вивчити розділ «Основи ботобудування Mavibot"! посилання “Основи ботобудування Salebot”!

Як створити блок

Щоб створити перший блок у воронці, двічі клацніть лівою кнопкою миші в полі редактора:

Як створити блок клацанням миші

Як ви бачите в прикладі вище, блок можна переміщувати по всьому полю редактора, обравши будь-яке зручне місце.

Також можна створити блок, просто натиснувши «Зберегти» внизу екрана і вибравши його тип:

Як створити блок із вибором типу

Для запуску чатбота можна вибрати такі типи блоків: «Почати діалог» або «Перевірка основної умови»:

Рис. 1

Зі статті «Створення блоків та їх типи» посилання Створення блоків та їх типи" ми знаємо, що тип блоку «Перевірка основної умови» має найвищий пріоритет: як і тип блоку «Початок діалогу», з нього може починатися ланцюжок блок-схеми вашого чатбота

Технічно головна відмінність полягає в тому, що якщо в схемі чатбота є блок типу «Перевірка основної умови» і якщо користувач під час діалогу вводить ключове слово (фразу) цього блоку, розмова з клієнтом продовжиться саме з цього блоку. Це дозволяє надати додаткову гнучкість структурі діалогу, а клієнт може одразу отримати те, що йому потрібно (наприклад, укласти угоду з вами або записатися на ваш курс).

У умовах блоку потрібно вказати ключове слово (наприклад, тег міні-лендингу/сайту або іншу фразу, необхідну для роботи бота, «Привіт; hello», розділені крапкою з комою), на яку бот реагуватиме:

Рис. 2. Приклад заповнення блоку для чатбота

Як видно з прикладу вище (Рис. 2), в умові блоку ми вказали тег міні-лендингу, створеного на платформі Mavibot, з якого відбуватиметься підписка, а в полі «Вибір збігу» ми обрали тип «повний збіг».

За потреби ви можете вказати в умові ключові слова іншого типу (наприклад, «Привіт, Hello» тощо). У цьому випадку слід обрати тип збігу «Ігнорування помилок і неточностей», що допоможе боту розпізнавати ключові слова в повідомленнях ваших клієнтів, написані з помилками або друкарськими хибами:

Реакція блоку на ключові фрази з помилками

Як створити наступний блок у схемі та вказати умови стрілки

Потягніть стрілку від першого блоку вниз. Таким чином конструктор автоматично створить новий блок і за допомогою стрілки з’єднає блоки в одну схему, що дозволить клієнту рухатися далі по воронці:

Створення нового блоку в схемі

У налаштуваннях стрілки ми вкажемо такі умови, щоб чатбот збирав дані, введені користувачем, і зберігав їх у потрібну нам змінну.

Для цього перейдіть у налаштування стрілки, де потрібно активувати перемикач «Користувач вводить дані», а також вказати змінну, у яку чатбот зберігатиме дані клієнта:

Рис. 3

Після того як користувач надішле своє ім’я в повідомленні, бот запише його у потрібну змінну:

Рис. 4. Картка клієнта з його даними

У другому блоці схеми ми напишемо повідомлення, яке запитуватиме вік вашого клієнта. Для цього використайте регулярні вирази. посиланнярегулярними виразами.

Регулярні вирази, які використовуються в цій статті:

1. мобільний номер -> ^((\+7|7|8)+([0-9]){10})$

2. email -> ^[-\w.]+@([A-z0-9][-A-z0-9]+\.)+[A-z]{2,4}$

3. введення цифр (для віку) -> ^[1-9]+[0-9]*$

Повний список регулярних виразів дивіться тут. посилання тут.

У полі повідомлення другого блоку схеми чатбота впишіть потрібне запитання: наприклад, «Скільки вам років?»:

Рис. 5. Повідомлення користувачу

Далі виконайте такі кроки:

Крок 1. Потягніть стрілку від другого блоку, щоб створити наступну схему блоку так само, як була створена попередня.

Крок 2. У налаштуваннях стрілки в умові запишіть регулярний вираз на кшталт ^[1-9]+[0-9]*$ і виберіть тип збігу «Регулярний вираз»

Рис. 6. Використання регулярного виразу

Пам’ятайте, що під час використання регулярних виразів вибір збігу має бути «Регулярний вираз», інакше схема чатбота працюватиме з помилками!

Крок 3. У налаштуваннях стрілки активуйте перемикач «Користувач вводить дані» і введіть назву змінної, у якій чатбот збереже дані клієнта:

Рис. 7.

У прикладі (Рис. 8) видно, що чатбот записує дані клієнта в його картку:

Рис. 8. Картка клієнта з його даними

Блок збору даних клієнта: номер телефону/email

Під час діалогу з клієнтами часто виникає потреба в подальшому зв’язку з клієнтом телефоном, але постає питання: як налаштувати чатбот, щоб він автоматично збирав інформацію про клієнта? Звичайно ж, за допомогою регулярних виразів.

Щоб скористатися функцією збору номера телефону (або email), використайте такі регулярні вирази:

1. Мобільний номер (Росія): ^((\+7|7|8)+([0-9]){10})$

2. Мобільний номер (з будь-яким кодом країни): ^(\+)?((\d{2,3}) ?\d|\d)(([ -]?\d)|( ?(\d{2,3}) ?)){5,12}\d$

3. Email: ^[-\w.]+@([A-z0-9][-A-z0-9]+\.)+[A-z]{2,4}$

Переконайтеся, що перед регулярним виразом в умові стрілки немає пробілу!

Інакше схема чатбота працюватиме з помилками.

У схемі ми використали регулярний вираз для номерів телефону будь-якої країни.

Так само як бот записував ім’я та вік клієнта, номер телефону користувача (або адресу електронної пошти, якщо вибрано відповідний регулярний вираз) буде додано до системи.

Створіть блок, у якому за допомогою бота надішлете клієнту повідомлення з проханням відправити номер телефону (або email) користувачеві:

Рис. 9. Блок із повідомленням для отримання номера телефону клієнта

Далі потягніть стрілку з цього блоку вниз, де в умові стрілки потрібно записати відповідний регулярний вираз.

Як зазначалося раніше, не забудьте встановити параметр збігу «Регулярний вираз», щоб уникнути помилок у чатботі.

За умови, що прописані регулярні вирази, чатбот прийматиме лише значення мобільного номера у вигляді цифр, а у випадку поштової адреси — лише встановлені стандартизовані типи поштових адрес.

Якщо клієнт надіслав повідомлення, яке не відповідає значенню номера телефону (email), ви можете створити блок, який повідомить клієнта про неправильно введені дані:

Для цього з блоку, де ви ввели повідомлення для номера телефону клієнта, проведіть другу стрілку і напишіть у створеному блоці потрібне повідомлення, наприклад: «Це не номер телефону. Будь ласка, введіть номер телефону!»:

Рис.11

Виберіть тип блоку «Поза умовою» (Рис. 11). Цей блок не має умови, як у блоці «Статус діалогу», але перейти до нього не можна.

Щодо нашої схеми, блок «Не стан» буде дуже корисним, адже тоді користувач не перейде далі з останнього блоку, і щоб продовжити рух по воронці, йому потрібно буде ввести номер телефону:

Рис. 12

Про різні функції блоку «Не стан» ви можете дізнатися в однойменній статті. посилання "Не стан"

Блоки наступного діалогу бота з клієнтом

Почнемо налаштовувати блоки з кнопками, під час натискання яких клієнтом чатбот реагуватиме відповідно до умов кнопки (наприклад, згода на оплату; пряма оплата або перенаправлення на інший сторонній сайт тощо).

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

Рис. 13

Щоб налаштувати таймер, перейдіть у налаштування стрілки та встановіть потрібний часовий інтервал, після якого чатбот надішле повідомлення клієнту:

Рис. 14

У наступному блоці додайте кнопки «Передзвоніть мені сьогодні» та «Передзвоніть мені завтра».

Докладніше про налаштування кнопок у схемі чатбота читайте в цій «статті». посилання статті.

Щоб дізнатися, як підключати та налаштовувати платіжні системи для здійснення платежів у кнопках (посиланнях) у боті, дивіться розділ «Інтеграції» -> «Платіжні системи». посилання Платіжні системи".

Як додати кнопки

Щоб додати кнопки, які чатбот надсилатиме клієнту, натисніть на «Кнопки» всередині налаштувань блоку:

Рис. 15

Далі натисніть «Додати кнопку».

Рис. 16

Після цього відкриється вікно для додавання кнопки, де потрібно вказати назву кнопки та налаштувати її відповідно до ваших вимог:

Тепер цей блок передаватиме кнопки вашому клієнту, що дозволить вам пізніше визначити час (щодо схеми, створеної в цій статті), коли краще зв’язатися з ним:

Рис. 17. Діалог бота у вкладці тестування

Діалог із клієнтом буде відображатися у вкладці «Клієнти», де ви зможете відстежувати всі зміни в діалогах із клієнтами:

Рис. 18. Перегляд діалогу у вкладці «Клієнти»

Після того як клієнт натисне на певну кнопку, у діалог у вкладці «Клієнти» буде надіслано відповідне повідомлення: наприклад, «передзвоніть мені сьогодні»:

Рис. 19

Завершення діалогу з блоками клієнта

Після додавання кнопок необхідно якимось чином завершити діалог із клієнтом, щоб не залишати його в невідомості після натискання відповідної кнопки.

Для цього створімо два блоки зі стрілками, що виходять із блоку з кнопками:

Рис. 20. Блоки завершення діалогу

Тепер у умовах кожної стрілки впишемо назву кожної кнопки:

Рис. 21

В умовах створених блоків запишіть потрібні повідомлення, які чатбот надішле, коли клієнт натисне кнопку:

Рис. 22. Блок чатбота, який завершує діалог

Тепер чатбот повідомить клієнта, що його запит прийнято.

У розділі «Клієнти» ви можете побачити відповідь клієнта і передзвонити йому у зручний час, а також за потреби продовжити діалог або уточнити деталі.

Щоб перевірити дані, які клієнт вам надіслав, перейдіть у вкладку «Клієнти»:

Рис. 23. Де перевірити дані клієнта

Фінальна схема чатбота має такий вигляд:

Рис. 24

Таким чином, ми створили простий чатбот, що складається лише з восьми блоків, який отримує інформацію про клієнта та записує її у змінні у вигляді імені, віку та номера телефону, а також визначає, коли вашому менеджеру краще зв’язатися з користувачем.