# Простой чат-бот

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

{% hint style="info" %}
Перед тем как приступить к созданию простого чат-бота, мы настоятельно рекомендуем вам изучить раздел «Основы ботостроения Mavibot»! ссылка «[Основы ботостроения Salebot](broken://pages/542cac2d4325c294a31e630f977f271902cefc0a)»!
{% endhint %}

## Как создать блок

Чтобы создать первый блок в воронке, дважды щёлкните левой кнопкой мыши по полю редактора:

<figure><img src="/files/6c069d6c1fbd71af83c7b0bc6b030e3cbe57817b" alt="" width="563"><figcaption><p>Как создать блок кликом мыши</p></figcaption></figure>

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

Также можно создать блок, просто нажав «Сохранить» внизу экрана и выбрав его тип:

<figure><img src="/files/019c857b2e798f7d1f21eb27137a4c5b2cc49054" alt="" width="563"><figcaption><p>Как создать блок с выбором типа</p></figcaption></figure>

Для запуска чат-бота можно выбрать следующие типы блоков: «Начать диалог» или «Проверка основного условия»:

<figure><img src="/files/9d723afc814e2d8df3567fb1576fbd3f042efe53" alt="" width="531"><figcaption><p>Рис. 1</p></figcaption></figure>

Мы знаем из статьи «Создание блоков и их типы» ссылка [Создание блоков и их типы](broken://pages/ac4b39f572ceda77ca28f093664f805867850468)", что тип блока «Проверка основного условия» имеет наивысший приоритет: как и тип блока «Начало диалога», с него может начинаться цепочка блок-схемы вашего чат-бота&#x20;

Технически главное отличие состоит в том, что если в схеме чат-бота есть блок типа «Проверка основного условия» и пользователь во время диалога введёт ключевое слово (фразу) этого блока, то общение с клиентом продолжится с этого блока.\
Это позволяет сделать структуру диалога более гибкой, и клиент сможет сразу получить то, что ему нужно (например, заключить с вами сделку или записаться на ваш курс).

В условиях блока нужно указать ключевое слово (например, тег мини-лендинга/сайта или другую фразу, необходимую для работы бота, «Привет; здравствуйте», разделённые точкой с запятой), на которое бот будет реагировать:

<figure><img src="/files/d1eea34b6080143e1f832d2d73608bd9e73855c4" alt="" width="523"><figcaption><p>Рис. 2. Пример заполнения блока для чат-бота</p></figcaption></figure>

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

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

<figure><img src="/files/f5ad29b502d68b419b8cd39154f65f9d1d402802" alt="" width="563"><figcaption><p>Реакция блока на ключевые фразы с ошибками</p></figcaption></figure>

## Как создать следующий блок в схеме и указать условия стрелки

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

<figure><img src="/files/a2261fbaa8158dc05757f10a391643eb55c33cd0" alt="" width="563"><figcaption><p>Создание нового блока в схеме</p></figcaption></figure>

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

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

<figure><img src="/files/39b76bda2cc936b33cc966c60a27845086ab827e" alt="" width="563"><figcaption><p>Рис. 3</p></figcaption></figure>

После того как пользователь отправит своё имя в сообщении, бот запишет его в нужную переменную:

<figure><img src="/files/6502e5f282e6c4d8f2334a98b36b7ced7b17bfd1" alt="" width="563"><figcaption><p>Рис. 4. Карточка клиента с его данными</p></figcaption></figure>

Во втором блоке схемы мы напишем сообщение, которое запросит возраст вашего клиента. Для этого используйте регулярные выражения. ссылка[регулярные выражения](broken://pages/4341c71a707caece8f8539edd857dad8aa3bd9e3).&#x20;

> Регулярные выражения, которые используются в этой статье:
>
> 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/4341c71a707caece8f8539edd857dad8aa3bd9e3).&#x20;

В поле сообщения второго блока схемы чат-бота напишите нужный вопрос: например, «Сколько вам лет?»:

<figure><img src="/files/2eadec33adc09d5772a95cf31e4c4999d7ab528e" alt="" width="563"><figcaption><p>Рис. 5. Сообщение пользователю</p></figcaption></figure>

Затем выполните следующие шаги:

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

Шаг 2. В настройках стрелки в условии запишите регулярное выражение вида ^\[1-9]+\[0-9]\*$ и выберите тип совпадения «Регулярное выражение»

<figure><img src="/files/bc1be1deaaca4f758f12258b7a8b1ea1cab03321" alt="" width="503"><figcaption><p>Рис. 6. Использование регулярного выражения</p></figcaption></figure>

{% hint style="warning" %}
Помните, что при использовании регулярных выражений выбор совпадения должен быть «Регулярное выражение», иначе схема чат-бота будет работать с ошибками!
{% endhint %}

Шаг 3. В настройках стрелки активируйте переключатель «Пользователь вводит данные» и введите название переменной, в которую чат-бот сохранит данные клиента:

<figure><img src="/files/1764b9556271dc0b269a0c49416b3eed55dc352e" alt="" width="439"><figcaption><p>Рис. 7. </p></figcaption></figure>

В примере (Рис. 8) видно, что чат-бот записывает данные клиента в его карточку:

<figure><img src="/files/df53459712e0241298dc885652dfb64b7a925937" alt="" width="563"><figcaption><p>Рис. 8. Карточка клиента с его данными</p></figcaption></figure>

## Блок сбора данных клиента: номер телефона/email

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

Чтобы использовать функцию сбора номера телефона (или email), используйте следующие регулярные выражения:

1. Мобильный номер (Россия): ^((\\\\+7|7|8)+(\[0-9]){10})$&#x20;
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" %}
Убедитесь, что перед регулярным выражением в условии стрелки нет пробела!

<img src="/files/7315986dda81a91cfbc021f4f7c28b1f5f9c0dda" alt="" data-size="original">

Иначе схема чат-бота будет работать с ошибками.
{% endhint %}

{% hint style="info" %}
В схеме мы использовали регулярное выражение для номеров телефонов любой страны.&#x20;
{% endhint %}

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

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

<figure><img src="/files/b6df09167d5038f8ea6ab876cafad67a27695bd7" alt="" width="563"><figcaption><p>Рис. 9. Блок с сообщением для получения номера телефона клиента</p></figcaption></figure>

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

<figure><img src="/files/c4821c7f3db2815837019b1032634bcca2e337e2" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
Как уже отмечалось ранее, не забудьте установить в качестве типа совпадения «Регулярное выражение», чтобы избежать ошибок в чат-боте.
{% endhint %}

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

Если клиент отправил сообщение, не соответствующее значению номера телефона (email), можно создать блок, который уведомит клиента о неверно введённых данных:

<figure><img src="/files/d9001a14ff108f4d56bc1b8e84217fee4c58d5c3" alt="" width="563"><figcaption></figcaption></figure>

Для этого из блока, где вы ввели сообщение для номера телефона клиента, проведите вторую стрелку и напишите в созданном блоке нужное сообщение, например: «Это не номер телефона. Пожалуйста, введите номер телефона!»:

<figure><img src="/files/993a8ac73c71b0675f10fab21d8f6f1652d1af7c" alt=""><figcaption><p>Рис. 11</p></figcaption></figure>

Выберите тип блока «Вне условия» (Рис. 11). У этого блока нет условия, как у блока «Статус диалога», но перейти к нему нельзя.

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

<figure><img src="/files/645704154cfd79bd56b9a5114a9381580aadbb12" alt="" width="563"><figcaption><p>Рис. 12</p></figcaption></figure>

{% hint style="info" %}
О различных функциях блока «Не состояние» вы можете узнать в одноимённой статье. ссылка «[Не состояние](broken://pages/69b05275fcec7feb0971d028c13f77e00c1a0835)"&#x20;
{% endhint %}

## Блоки следующего диалога бота с клиентом

Начнём настраивать блоки с кнопками: при нажатии клиентом чат-бот будет отвечать в соответствии с условиями кнопки (например, согласие на оплату; прямая оплата или перенаправление на другой сторонний сайт и т. д. функции).

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

<figure><img src="/files/34b73e1578eee59a81bc528b86a77e016514bde2" alt="" width="485"><figcaption><p>Рис. 13</p></figcaption></figure>

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

<figure><img src="/files/d4298d678cb8be2b6ff4171f487c398cef349264" alt="" width="563"><figcaption><p>Рис. 14</p></figcaption></figure>

В следующем блоке добавьте кнопки «Перезвоните мне сегодня» и «Перезвоните мне завтра».

{% hint style="info" %}
Подробнее о настройках кнопок в схеме чат-бота читайте в этой «статье». ссылка [статье](broken://pages/91547ee5a1880d81ca8b681df47a895caa31503a).&#x20;

Чтобы узнать, как подключать и настраивать платёжные системы для проведения оплат в кнопках (ссылках) в боте, см. раздел «Интеграции» -> «Платёжные системы». ссылка [Платёжные системы](broken://pages/ba07fa70ab7fa83cddf1fe4bfe210b2c91cbc545)".&#x20;
{% endhint %}

### Как добавить кнопки

Чтобы добавить кнопки, которые чат-бот отправит клиенту, нажмите на «Кнопки» в настройках блока:

<figure><img src="/files/680f83dc257966074cc3f547d84ab090c9192433" alt="" width="392"><figcaption><p>Рис. 15</p></figcaption></figure>

Далее нажмите на «Добавить кнопку».

<figure><img src="/files/26a21b0f2e51e06044ef0b43b52c29227b49263b" alt="" width="386"><figcaption><p>Рис. 16</p></figcaption></figure>

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

<figure><img src="/files/64bba9ee314ce2e8ebb36d9a55f7508fb5df7adf" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/e0d6f8773b5a016cbaef0dea84abfc8e4abc77ae" alt="" width="518"><figcaption><p>Рис. 17. Диалог бота во вкладке тестирования</p></figcaption></figure>

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

<figure><img src="/files/55617c9154023e894a750d58ef882548f2d38c9f" alt="" width="563"><figcaption><p>Рис. 18. Просмотр диалога во вкладке «Клиенты»</p></figcaption></figure>

После того как клиент нажмёт на определённую кнопку, в диалог во вкладке «Клиенты» будет отправлено соответствующее сообщение: например, «перезвоните мне сегодня»:

<figure><img src="/files/88f64743cb4791ed7f2be25177209fe3df933434" alt="" width="347"><figcaption><p>Рис. 19</p></figcaption></figure>

### Завершение диалога с клиентом блоками

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

Для этого создадим два блока со стрелками, исходящими из блока с кнопками:

<figure><img src="/files/09d9afc92bceb734b026f4993a93b1fc9e322064" alt="" width="416"><figcaption><p>Рис. 20. Блоки завершения диалога</p></figcaption></figure>

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

<figure><img src="/files/0cd3fef2e301a63e92bd7313d2cb0cbf5fea7486" alt="" width="533"><figcaption><p>Рис. 21</p></figcaption></figure>

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

<figure><img src="/files/482a0e4d802961c30ceb6ea5bbb5d16332f66a00" alt=""><figcaption><p>Рис. 22. Блок чат-бота, завершающий диалог</p></figcaption></figure>

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

<figure><img src="/files/9cd38a36afa25b4325bdd1b5d10e8f84d57c8154" alt="" width="563"><figcaption></figcaption></figure>

В разделе «Клиенты» вы можете увидеть ответ клиента и перезвонить ему в удобное время, а также при необходимости продолжить диалог или уточнить детали.

Чтобы проверить данные, которые прислал вам клиент, перейдите во вкладку «Клиенты»:

<figure><img src="/files/be0d1244950d70f71c5967e2fcb4c05ad0653cad" alt="" width="563"><figcaption><p>Рис. 23. Где проверить данные клиента</p></figcaption></figure>

Итоговая схема чат-бота выглядит так:

<figure><img src="/files/0c93415c2c623b41996c0f79afb684c7246b9279" alt="" width="467"><figcaption><p>Рис. 24</p></figcaption></figure>

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


---

# 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/ru/kak-sdelat.../prostoi-chat-bot.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.
