# Простий чатбот Створення чатбота на платформі Mavibot є доволі простим, якщо ви вже пройшли розділ «Основи ботобудування Mavibot», який пояснює основи роботи з конструктором воронок (редактором), типами блоків і стрілок, типами вкладень, кнопками, а також калькулятором тощо. {% hint style="info" %} Перш ніж почати створювати простий чатбот, ми наполегливо рекомендуємо вам вивчити розділ «Основи ботобудування Mavibot"! посилання “[Основи ботобудування Salebot](broken://pages/810506ee70bf1e8d4321477895dbfdf21e7c04d8)”! {% endhint %} ## Як створити блок Щоб створити перший блок у воронці, двічі клацніть лівою кнопкою миші в полі редактора:

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

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

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

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

Рис. 1

Зі статті «Створення блоків та їх типи» посилання [Створення блоків та їх типи](broken://pages/99a82a8542baf6ed1216de04b039876cfc7c52cd)" ми знаємо, що тип блоку «Перевірка основної умови» має найвищий пріоритет: як і тип блоку «Початок діалогу», з нього може починатися ланцюжок блок-схеми вашого чатбота Технічно головна відмінність полягає в тому, що якщо в схемі чатбота є блок типу «Перевірка основної умови» і якщо користувач під час діалогу вводить ключове слово (фразу) цього блоку, розмова з клієнтом продовжиться саме з цього блоку.\ Це дозволяє надати додаткову гнучкість структурі діалогу, а клієнт може одразу отримати те, що йому потрібно (наприклад, укласти угоду з вами або записатися на ваш курс). У умовах блоку потрібно вказати ключове слово (наприклад, тег міні-лендингу/сайту або іншу фразу, необхідну для роботи бота, «Привіт; hello», розділені крапкою з комою), на яку бот реагуватиме:

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

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

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

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

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

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

Рис. 3

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

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

У другому блоці схеми ми напишемо повідомлення, яке запитуватиме вік вашого клієнта. Для цього використайте регулярні вирази. посилання[регулярними виразами](broken://pages/1b87e0b81bb1e4083b79762a422d3e0fec80b8a9). > Регулярні вирази, які використовуються в цій статті: > > 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]\*$ > > Повний список регулярних виразів дивіться тут. посилання [тут](broken://pages/1b87e0b81bb1e4083b79762a422d3e0fec80b8a9). У полі повідомлення другого блоку схеми чатбота впишіть потрібне запитання: наприклад, «Скільки вам років?»:

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

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

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

{% hint style="warning" %} Пам’ятайте, що під час використання регулярних виразів вибір збігу має бути «Регулярний вираз», інакше схема чатбота працюватиме з помилками! {% endhint %} Крок 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}$ {% hint style="danger" %} Переконайтеся, що перед регулярним виразом в умові стрілки немає пробілу! Інакше схема чатбота працюватиме з помилками. {% endhint %} {% hint style="info" %} У схемі ми використали регулярний вираз для номерів телефону будь-якої країни. {% endhint %} Так само як бот записував ім’я та вік клієнта, номер телефону користувача (або адресу електронної пошти, якщо вибрано відповідний регулярний вираз) буде додано до системи. Створіть блок, у якому за допомогою бота надішлете клієнту повідомлення з проханням відправити номер телефону (або email) користувачеві:

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

Далі потягніть стрілку з цього блоку вниз, де в умові стрілки потрібно записати відповідний регулярний вираз.
{% hint style="success" %} Як зазначалося раніше, не забудьте встановити параметр збігу «Регулярний вираз», щоб уникнути помилок у чатботі. {% endhint %} За умови, що прописані регулярні вирази, чатбот прийматиме лише значення мобільного номера у вигляді цифр, а у випадку поштової адреси — лише встановлені стандартизовані типи поштових адрес. Якщо клієнт надіслав повідомлення, яке не відповідає значенню номера телефону (email), ви можете створити блок, який повідомить клієнта про неправильно введені дані:
Для цього з блоку, де ви ввели повідомлення для номера телефону клієнта, проведіть другу стрілку і напишіть у створеному блоці потрібне повідомлення, наприклад: «Це не номер телефону. Будь ласка, введіть номер телефону!»:

Рис.11

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

Рис. 12

{% hint style="info" %} Про різні функції блоку «Не стан» ви можете дізнатися в однойменній статті. посилання "[Не стан](broken://pages/472bd340f20f7513da3d7dc57fc3855b8aa56d74)" {% endhint %} ## Блоки наступного діалогу бота з клієнтом Почнемо налаштовувати блоки з кнопками, під час натискання яких клієнтом чатбот реагуватиме відповідно до умов кнопки (наприклад, згода на оплату; пряма оплата або перенаправлення на інший сторонній сайт тощо). Для цього від блоку, позначеного червоним на Рис. 12, потягніть стрілку вниз, де в налаштуваннях можна задати таймер:

Рис. 13

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

Рис. 14

У наступному блоці додайте кнопки «Передзвоніть мені сьогодні» та «Передзвоніть мені завтра». {% hint style="info" %} Докладніше про налаштування кнопок у схемі чатбота читайте в цій «статті». посилання [статті](broken://pages/44a491246fa40ffc6c7d9101900d986ff16c7a12). Щоб дізнатися, як підключати та налаштовувати платіжні системи для здійснення платежів у кнопках (посиланнях) у боті, дивіться розділ «Інтеграції» -> «Платіжні системи». посилання [Платіжні системи](broken://pages/ca73844c992e3564ed90853a4037bdcba194904b)". {% endhint %} ### Як додати кнопки Щоб додати кнопки, які чатбот надсилатиме клієнту, натисніть на «Кнопки» всередині налаштувань блоку:

Рис. 15

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

Рис. 16

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

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

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

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

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

Рис. 19

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

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

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

Рис. 21

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

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

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

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

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

Рис. 24

Таким чином, ми створили простий чатбот, що складається лише з восьми блоків, який отримує інформацію про клієнта та записує її у змінні у вигляді імені, віку та номера телефону, а також визначає, коли вашому менеджеру краще зв’язатися з користувачем. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.mavibot.ai/doc/uk/yak-zrobiti.../prostii-chatbot.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.