# Як створити чатбота

{% hint style="warning" %}

#### <mark style="color:red;">**Зверніть увагу!**</mark>

**ВАШІ ПРОЄКТИ НІКОЛИ НЕ ВИДАЛЯЮТЬСЯ** і залишаються на платформі безстроково.

Після завершення підписки буде видалено такі дані:

**Підключення до месенджера:** вимикаються через 3 тижні.

**Довгі повідомлення:** ті, що понад 800 символів, видаляються через 3 місяці.

**Розмови:** усі чати зберігаються від 2 до 6 місяців.

**Клієнти:** видаляються через 1 рік.

**Додаткова інформація:**

**Невідправлені повідомлення** зберігаються 2 тижні.

**Доступ до месенджера:** скасовується через 3 тижні після завершення, якщо не буде здійснено оплату.

**Системні обмеження:**

**Заплановані повідомлення:** Макс. 32 на клієнта.

**Тестові боти:** Обмежено 1 000 повідомлень/день (включно з повідомленнями тестового облікового запису).
{% endhint %}

### Як створити перший блок у воронці

Кожен чат-бот, створений у MaviBot, складається з блоків.

<div data-with-frame="true"><figure><img src="/files/a09607e3d5b08f751e92804ddf5f112c3d22573e" alt=""><figcaption></figcaption></figure></div>

Блок — це набір команд і налаштувань чат-бота, який ви або наші розробники налаштовуєте для вашого проєкту.

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

**Створити блок просто: двічі клацніть у будь-якому порожньому місці робочої області, щоб почати.**

Ви можете перемістити блок (або кілька блоків) у будь-яке місце на полотні конструктора, щоб оптимізувати розташування й надати вашій воронці охайнішого, більш упорядкованого вигляду.

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

<div data-with-frame="true"><figure><img src="/files/9e3ad59c9db97623c2ab64fed65ba9fd86531fea" alt=""><figcaption></figcaption></figure></div>

Ви бачите потік чат-бота. Потік складається з **блоків** та **з’єднань.**

**Початковий блок (зелений):** Тут починається кожна розмова.

**Тригерні блоки (темно-сірі):** Ці блоки активують певні потоки залежно від дій користувача.

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

<div data-with-frame="true"><figure><img src="/files/34833bae64455389b81e1dc983fe98fb987d2195" alt=""><figcaption></figcaption></figure></div>

Щоб бот запускався, коли користувач натискає кнопку “**Почати”** у Telegram (або в будь-якому іншому месенджері), потрібно вказати **тригерне слово** у зеленому блоці.

Тригерні блоки бувають двох кольорів: **зелені та** **сірі**.

<div data-with-frame="true"><figure><img src="/files/c1271bb6b451408f7f202fb3df4015f627949032" alt="" width="375"><figcaption></figcaption></figure></div>

Існує чотири типи **блоків-умов**:

1. &#x20;**Start**&#x20;
2. **Тригер**&#x20;

Вкладки "**Почати”** блок має найвищий пріоритет серед усіх блоків-умов — це означає, що він спрацює **first** якщо його умова збігається з будь-якою дією клієнта.

**Крок 1: Створіть блок “Чат”**

Для цього клацніть у будь-якому місці порожнього полотна в конструкторі потоку.

<div data-with-frame="true"><figure><img src="/files/0d64c3f8bae4ccdbedd56042ad56cca86a4499f3" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
**Корисно знати!**\
**Що таке `#{none}` конструкція?**\
Поле `#{none}` Конструкція, яка за замовчуванням відображається в полі відповіді, — це спеціальний заповнювач, який використовується для обробки невизначеного або загального введення.

Це означає, наприклад, що **блок-умова** на `#{none}` спрацює **коли клієнт надсилає будь-яке повідомлення** (якщо не задано конкретне ключове слово чи тригер).\
Якщо ви залишите `#{none}` у полі повідомлення, це дає змогу **спрямовувати клієнтів у певний блок воронки**, незалежно від вмісту їхнього повідомлення.
{% endhint %}

Щоб створити блок, який не надсилає повідомлення, введіть `#{none}` у полі відповіді (це встановлено за замовчуванням).

Потім натисніть на блок і виберіть його тип — “**Почати”.**

<div data-with-frame="true"><figure><img src="/files/eaf29207dc14089df6882e5bc4e1f5d8ebdddac9" alt="" width="563"><figcaption></figcaption></figure></div>

1. Виберіть **"Start"** тип блоку. Після цього відкриється панель налаштувань умови.
2. Для цього першого тесту у внутрішньому режимі MaviBot встановіть просте тригерне слово, наприклад **“Привіт”**.

<div data-with-frame="true"><figure><img src="/files/eca7d36123aa8c0655f7c6e1b0648c5fcb21842c" alt="" width="563"><figcaption></figcaption></figure></div>

Тепер налаштуйте відповідь бота на випадок активації тригера. Наприклад, введіть повідомлення: **“Привіт! Чим я можу вам допомогти?”**

<div data-with-frame="true"><figure><img src="/files/eb458d7939c0d267bd01f95832803de1033b9225" alt="" width="563"><figcaption></figcaption></figure></div>

Потім обов’язково натисніть “**Зберегти”** щоб усі налаштування були застосовані до блоку:

<div data-with-frame="true"><figure><img src="/files/9e63dc83baad182176ce1eac6f223fcebe5f47ce" alt="" width="563"><figcaption></figcaption></figure></div>

**Крок 2: Створіть наступний блок**

Щоб створити новий блок і з’єднати його з попереднім, відкрийте **меню додаткових налаштувань**.

<div data-with-frame="true"><figure><img src="/files/f81ebb6d748b436238525b989268bb527f5b09f4" alt="" width="563"><figcaption></figcaption></figure></div>

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

1. Знайдіть і відкрийте **меню додаткових налаштувань** для блоку, від якого потрібно виконати з’єднання (наприклад, ваш блок “Почати”).
2. Знайдіть і натисніть кнопку з написом **“Створити блок нижче.”**

<div data-with-frame="true"><figure><img src="/files/e30a23967e645b90c6be6014e6b714ffe750f59c" alt="" width="563"><figcaption></figcaption></figure></div>

Тепер ваша воронка містить **два блоки** які з’єднані між собою.

{% hint style="warning" %}
**Зверніть увагу!**

**Що це означає на практиці?**

Якщо у вашого бота є два окремі розмовні **потоки**, користувач не може пройти обидва одночасно. Він піде одним **потоком** або іншим, але ніколи обома одночасно.

**Потрібно надіслати повідомлення, не перериваючи поточний потік?**

Використовуйте сірі блоки — або **“Fallback”** або **"Trigger"** — щоб надсилати окремі повідомлення без порушення активної розмови користувача.
{% endhint %}

**Конектори** між блоками спрямовують клієнта через потік воронки.

Ви також можете задавати умови безпосередньо на конекторах. Це дає змогу керувати потоком, наприклад, зробивши натискання кнопки або успішну оплату обов’язковою умовою для переходу далі.

**Давайте створимо кнопку в блоці “Чат”** щоб клієнт міг перейти до наступного блоку.

**Крок 3. Створіть кнопку**

Натисніть на рядок **блоку “Почати”**. Ви побачите **“Кнопки”** :

<div data-with-frame="true"><figure><img src="/files/1f70b90d8e0ea201dbde99cf1b6474ddf0759451" alt="" width="563"><figcaption></figcaption></figure></div>

Натисніть вкладку — це відкриє меню налаштувань кнопок.

<div data-with-frame="true"><figure><img src="/files/9cb9b8ed6c7ca2fefd98b4a51440f1e80f80ef71" alt="" width="563"><figcaption></figcaption></figure></div>

Натисніть **“+ Додати кнопку”**, і з’явиться меню налаштувань кнопки.

<div data-with-frame="true"><figure><img src="/files/25514f6d32d8ab2ec7b95a80827a9aa5e2406e38" alt=""><figcaption></figcaption></figure></div>

У полі тексту кнопки введіть будь-яку назву, яка вам подобається, наприклад, **“GO”**.

<div data-with-frame="true"><figure><img src="/files/91c7a078d6fd1115f5c2ee71615cd31667b74795" alt=""><figcaption></figcaption></figure></div>

Натисніть **«Додати»**, і кнопка з’явиться в налаштуваннях блоку.

<div data-with-frame="true"><figure><img src="/files/f4d618bc598b993d9e294033591ac87de3c6102a" alt=""><figcaption></figcaption></figure></div>

Кнопки можуть відображатися двома способами: у клавіатурі повідомлення або безпосередньо в тексті повідомлення.

Зверніть увагу, що деякі типи кнопок можуть не підтримуватися в певних месенджерах (наприклад, WhatsApp).

Для оптимальної сумісності використовуйте **“Auto”** . Це автоматично покаже кнопку у форматі, який найкраще підтримується в кожному конкретному месенджері.

<div data-with-frame="true"><figure><img src="/files/464ab1acad4f2090fe2a17dca8e5fed3a0fee937" alt=""><figcaption></figcaption></figure></div>

І не забудьте зберегти налаштування блоку.

<div data-with-frame="true"><figure><img src="/files/7e89971bee466a66197f45e7c891e91da5e1a67c" alt=""><figcaption></figcaption></figure></div>

Готово! Ви створили свій перший тригерний блок із кнопкою! 🎉

**Крок 4. Налаштуйте з’єднання**

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

**Ось як це зробити:**

1. Знайдіть **стрілку** (конектор), що виходить із вашого блоку з кнопкою.
2. **Наведіть курсор** на стрілку.
3. Натисніть **значок шестерні** що з’явиться, щоб відкрити його налаштування.

<div data-with-frame="true"><figure><img src="/files/f179e0e6a37a28546fdd74596e0be510d1e23297" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/e19374f65a75bfcd922a3a0ac6a6d56103b711d8" alt=""><figcaption></figcaption></figure></div>

Потім вам потрібно вибрати **“Точний збіг”** у полі **“Тип збігу”**:

<div data-with-frame="true"><figure><img src="/files/4beb025479ee0409bfe39d7b8d4c86f6e779de8e" alt=""><figcaption></figcaption></figure></div>

І натиснути **«Зберегти»**.

<div data-with-frame="true"><figure><img src="/files/fc95eb20016b1f03b133a6b46dc9d2c923ed7cda" alt=""><figcaption></figcaption></figure></div>

Після збереження налаштувань з’єднання умова буде відображена безпосередньо на конекторі. Це дає чітку візуальну підказку, що саме запускає перехід між блоками.

<div data-with-frame="true"><figure><img src="/files/d5de6844f7e91eedceedf1cdd83dfc6a8fdb9fb6" alt=""><figcaption></figcaption></figure></div>

З’єднання може бути вигнутим:

<div data-with-frame="true"><figure><img src="/files/94dd90fc6126fa4071902915c04d7a56cdcb315c" alt="" width="563"><figcaption></figcaption></figure></div>

Це дає змогу чітко бачити з’єднання, що накладаються одне на одне. Для цього візьміть стрілку мишею в тій точці, де хочете її зігнути, і перетягніть у потрібне місце.
&#x20;Кількість вигинів не обмежена.

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

**Крок 5. Блок “Чат”**

За замовчуванням, коли ви раніше натиснули на полотно, було створено білий **блок “Чат”** — це найчастіше використовуваний блок під час створення потоків чат-бота.

У блоці “Чат” можна налаштувати майже все (окрім умов). Насправді більша частина вашого чат-бота, ймовірно, складатиметься з **блок “Чат”** блоки.

<div data-with-frame="true"><figure><img src="/files/f50514f3f13c9ab01fcfc1483442766033f1bfe6" alt=""><figcaption></figcaption></figure></div>

На відміну від блоків-умов, **блок “Чат”** блок можна відкрити лише якщо:

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

Якщо ви хочете, щоб клієнт потрапляв у блок на основі тригера, тригер потрібно встановити або:

* У **з’єднання** (як показано в Кроці 4), або
* Використовуючи **таймер**.

У **"Chat"** блок: введіть повідомлення, яке бот надішле клієнту (коли він натисне кнопку в **"Start"** блоці).

<div data-with-frame="true"><figure><img src="/files/a7038adaef9fbcce67c591e2068b4305f9ffbd48" alt=""><figcaption></figcaption></figure></div>

Обов’язково натисніть **«Зберегти»** у полі **блок “Чат”** налаштування блоку.

{% hint style="success" %}
Тепер ви створили свій перший чат-бот!
{% endhint %}

#### Відеоурок

{% embed url="<https://www.youtube.com/watch?v=RMYNdF8gq_w>" %}

## Тестування чат-бота

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

Ви можете під’єднати бота до проєкту й протестувати його там. Однак, якщо ви створюєте бота для **WhatsApp**, пам’ятайте, що **ви не можете надсилати повідомлення самі собі**.

Ось чому є інший спосіб: ви можете відкрити **онлайн-чат** із ботом і взаємодіяти з ним безпосередньо.

Для цього натисніть **кнопку в нижньому лівому куті** конструктора:

<div data-with-frame="true"><figure><img src="/files/84ebac467b385487791801bd246ab27224eed6a1" alt=""><figcaption></figcaption></figure></div>

Коли ви натиснете **“Тестувати чат-бота”** кнопку, відкриється вікно тестування.

<div data-with-frame="true"><figure><img src="/files/e68fd97852da357676a46135fffe58c5c5d2e6d5" alt=""><figcaption></figcaption></figure></div>

Поле **ліва область** вікна тестування відображає блоки, які ви створили для чат-бота.

<div data-with-frame="true"><figure><img src="/files/7eee08be17e251818ba538b3b52db2185e47d6b2" alt="" width="563"><figcaption></figcaption></figure></div>

На **права сторона**, ви побачите дані тестового клієнта — тобто власний змодельований профіль користувача.

<div data-with-frame="true"><figure><img src="/files/3b8f78e78d4936014bb8da1cc341d629776f8e51" alt="" width="563"><figcaption></figcaption></figure></div>

У **центр екрана**, ви побачите **онлайн-чат** де можна протестувати бота. Для цього введіть тригерну фразу з **«Почати»** .

<div data-with-frame="true"><figure><img src="/files/148b57a1fe4aa1e9aac1ce9e5ceb877f4d695a9b" alt="" width="563"><figcaption></figcaption></figure></div>

Ось як працює бот:

<div data-with-frame="true"><figure><img src="/files/6e632848715ba2affcd2566eb0fa1190d104de4e" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="success" %}
**Вітаємо!** 🎉 **Ви успішно створили функціональний чат-бот, який включає:**

* **Налаштування тригерів** і в блоках, і в конекторах
* **Повністю робочу кнопку**
* **Тестування в реальному часі** які дають змогу точно побачити, як працює ваш чат-бот
  {% endhint %}

### Про вкладку “Тестування”

Після створення потоку чат-бота в тестовому режимі ви побачите зліва всі панелі з інформацією про блоки.

<div data-with-frame="true"><figure><img src="/files/3ee08a35da0c43c79fe109ddaa15f33993692529" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/1e3d5b3e914186a0939b635b1dd7bb1250a1df16" alt=""><figcaption></figcaption></figure></div>

Ви можете фільтрувати й відображати блоки за їхнім типом за допомогою відповідної кнопки “Фільтр”.

<div data-with-frame="true"><figure><img src="/files/b1d92a8490aafc0ff86881abcc81cb53e121bf69" alt="" width="563"><figcaption></figcaption></figure></div>

Щоб протестувати виконання окремого блоку з потоку, ви можете вибрати відповідний блок, клацнувши по ньому, а потім натиснути **“Надіслати блок.”**

<div data-with-frame="true"><figure><img src="/files/7f593caf148261115a08d7642d88df6d2ee00c1a" alt="" width="563"><figcaption></figcaption></figure></div>

Вибраний блок буде надіслано від імені чат-бота в середній частині екрана — у вікні тестування.

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

{% hint style="info" %}
Вам не обов’язково починати тестування потоку чат-бота з самого початку: наприклад, якщо ви додали нові блоки до свого потоку, ви можете скористатися функцією **“Надіслати блок”** і почати тестування потоку з вибраного блоку.
{% endhint %}

Праворуч на екрані ви знайдете вікно тестового клієнта.

<div data-with-frame="true"><figure><img src="/files/2c2227b699cccf12fa746d1d7d0cb5844ef381aa" alt="" width="375"><figcaption></figcaption></figure></div>

У цьому ж вікні клієнта доступні такі функції:

– Призначити або додати теги/списки клієнту;
\
– Додати змінні;
\
– Переглянути змінні, призначені клієнту, через виконання потоку чат-бота.

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

### Параметри відповіді в боті

Тепер додамо запитання з кількома варіантами відповіді до нашого стартового потоку. Варіанти відповіді представлені конекторами, що виходять із блоку. Один конектор матиме умову **“Так,”** а інший — “Ні.”

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

<div data-with-frame="true"><figure><img src="/files/10fd7782df73e6354541cba67924efc47371eeef" alt="" width="563"><figcaption></figcaption></figure></div>

**Тепер, коли ми додали два блоки до нашого потоку, наступний крок — налаштувати тригер на їхньому з’єднанні.**

**Ось як це зробити:**

1. Наведіть курсор на конектор (стрілку), що веде до другого блоку.
2. У полі тригера, що з’явиться, введіть відповідь користувача, яка має активувати цей шлях, наприклад, **“Так”**.

<div data-with-frame="true"><figure><img src="/files/3e78699b2b15549c3dfbec6b323773f28baffff7" alt=""><figcaption></figcaption></figure></div>

Потім обов’язково збережіть це. Після цього вкажіть інший варіант відповіді в налаштуваннях другої стрілки також.

<div data-with-frame="true"><figure><img src="/files/ec1af730d179f8fa3abc04c487c1997a1ea7f578" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/626c37d2b0b04e75f527d06d7df97aa29f43ec1c" alt=""><figcaption></figcaption></figure></div>

Тепер у **блоках “Чат”** до яких веде з’єднання з варіантами відповіді, введіть повідомлення-відповідь бота.

<div data-with-frame="true"><figure><img src="/files/52161852c22ee31c3bdc887ddc159b2bd775f819" alt=""><figcaption></figcaption></figure></div>

Тепер фінальний потік виглядає так:

<div data-with-frame="true"><figure><img src="/files/3ee01ea7fbfa104b2482793618da951004e1f201" alt=""><figcaption></figcaption></figure></div>

#### Ось як працює цей потік:

1. Користувач вводить **“Привіт”** і входить у зелений блок.
2. Потім користувач натискає кнопку й переходить до другого блоку;
3. Користувач вводить **“Так”** або **“Ні”** і переходить до одного зі станів залежно від відповіді.

Але що, якщо користувач введе щось інше — ні **“Так”** ні **“Ні”**? Розмова не перейде до жодного з наступних станів і залишиться в поточному. Діалог зупиниться.

## Як створити цикл

Щоб бот не замовкав, коли користувач надсилає повідомлення, яке не збігається з жодним із тригерів на конекторах, ми додамо цикл.

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

{% hint style="info" %}
Корисно знати!\
Блоки та з’єднання **без тригерів** мають **нижчий пріоритет** ніж ті, **що з тригерами**.
{% endhint %}

Щоб створити цикл, натисніть на блок, у якому ви ставите клієнту запитання. У формі налаштувань, що відкриється, натисніть три крапки у верхньому правому куті, потім виберіть **“Створити цикл.”**

<div data-with-frame="true"><figure><img src="/files/b1d0a4269c1eabcd80515e4ab206c7941f1dc1b5" alt=""><figcaption></figcaption></figure></div>

Це створить цикл у потоці.

<div data-with-frame="true"><figure><img src="/files/5015f5c3b4d4b31d445116631ab18e16f11b4989" alt=""><figcaption></figcaption></figure></div>

Тепер, якщо клієнт надішле боту повідомлення, яке відрізняється від **“Так”** або **“Ні,”** повідомлення з другого блоку буде надіслано ще раз.

**Що робити, якщо клієнт не відповідає на повідомлення бота?**

Ви можете надсилати наступні повідомлення за допомогою **таймер** щоб нагадати клієнту, що потрібна відповідь.

Отже, коли користувач входить у блок із запитанням *“Ти щасливий?”*, і не відповідає **“Так”** або **“Ні”**, ми хочемо надіслати повідомлення на кшталт:**“Ви не відповіли на запитання :(”** а потім поставити запитання ще раз.

Для цього ми використаємо **таймер.**

## Як створити повідомлення з таймером

Давайте створимо новий блок, до якого вестиме стрілка від **блоку “Ти щасливий?”** також приберемо цикл.
&#x20;Для цього наведіть курсор на цикл і натисніть **іконку хрестика** щоб видалити його.

<div data-with-frame="true"><figure><img src="/files/a71626ac63bf143b56beabb85e4b67e593bcbe5d" alt=""><figcaption></figcaption></figure></div>

Тепер перейдіть до налаштувань стрілки, що веде від блоку запитання до нового блоку.

<div data-with-frame="true"><figure><img src="/files/e9717cd6df60f4b8020535628f614e3e33da2d88" alt=""><figcaption></figcaption></figure></div>

У налаштуваннях стрілки є панель під назвою **“Затримка перед відповіддю”** — це таймер, який задає проміжок часу, після якого потік автоматично перейде до наступного блоку.

<div data-with-frame="true"><figure><img src="/files/122200467ef6e378037114eb4493796b462f45d3" alt=""><figcaption></figcaption></figure></div>

Також потрібно активувати прапорець **“Скасувати, якщо вийшов із блоку”** щоб повідомлення не надсилалося, якщо клієнт усе ж відповість на запитання.

<div data-with-frame="true"><figure><img src="/files/e4d5f85db89a92af63172d8b1f567d9b1b566c75" alt="" width="563"><figcaption></figcaption></figure></div>

Тепер введімо повідомлення в новому блоці:

<div data-with-frame="true"><figure><img src="/files/44943cca5cff7c70d40c7220e445cbc979a8698a" alt=""><figcaption></figcaption></figure></div>

А з нового блоку намалюйте з’єднання назад до блоку запитання.

Для цього наведіть курсор на блок — ви побачите крапку, яка дає змогу створити з’єднання:

<div data-with-frame="true"><figure><img src="/files/def68eee83d23df8def0c3f168d51921dd0193cb" alt=""><figcaption></figcaption></figure></div>

Крок 1. Натисніть кнопку і перетягніть конектор до блоку із запитанням.

Крок 2. Два конектори накладуться один на одного, тож вам потрібно перетягнути один із них вище.
\
Для цього наведіть курсор на конектори та знайдіть витягнуту ручку — використайте її, щоб змінити вигин і розділити з’єднання.

Крок 3. Потім натисніть і утримуйте конектор та перетягніть його вгору.

Тепер перейдіть до налаштувань щойно створеної стрілки та встановіть **таймер на 1 секунду**, щоб клієнта було перенаправлено назад до блоку запитання.

Фінальний потік виглядає так:

<div data-with-frame="true"><figure><img src="/files/74ece80e030723bacb8afbfd9a885c92ee3b96d9" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Ви успішно створили свій перший чат-бот — із кнопками, конекторами, варіантами відповіді, циклами та стрілками перенаправлення з таймером!
{% endhint %}

## **Як додати етапи воронки (списки)**

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

Коли ланцюжки потоку розриваються між списками, **з’єднувальні блоки** створюються автоматично.

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

<div data-with-frame="true"><figure><img src="/files/90d8e7945dbec09a8aa4434a343dd2d39ff72add" alt=""><figcaption></figcaption></figure></div>

Щоб продовжити поточний потік у новому списку, натисніть на блок або виберіть кілька блоків, потім натисніть стрілку↪️ з підказкою **“Натисніть, щоб перемістити вибрані елементи до іншого списку.”**

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

<div data-with-frame="true"><figure><img src="/files/5f655026786bde9487085504df2033aabdf873a7" alt=""><figcaption></figcaption></figure></div>

У вікні, що відкриється, ви побачите інструкції, що потрібно зробити для завершення перенесення.

## Як підключити месенджери

Після тестування ви можете під’єднати потік до месенджерів. Для цього перейдіть до **Месенджери** розділу в головному меню.

<div data-with-frame="true"><figure><img src="/files/014821431c24e4bc201611a66037569055c7cbf1" alt=""><figcaption></figcaption></figure></div>

Далі потрібно натиснути на кнопку потрібного месенджера.

{% hint style="success" %}
Читайте, як підключати ботів у різних месенджерах, у **«**[**Месенджери**](/doc/uk/chatbot/mesendzheri.md)**»** статті.
{% endhint %}


---

# 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/chatbot/builder/funnel.md?ask=<question>
```

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.