# Форма збору даних

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

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

<figure><img src="/files/283cc82fded8a0b3e52e78ab5b7eb712c63d3323" alt=""><figcaption></figcaption></figure>

### Як створити форму для збору заявок

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

1\) Ім’я;

2\) Електронна пошта;

3\) Номер мобільного телефону.

<figure><img src="/files/a4a8d2358f3caaecb66b9c64b2ccf8e4759e1afc" alt=""><figcaption></figcaption></figure>

Якщо вам потрібно додати до форми інші запитання, натисніть кнопку «Додати ще запитання»:

<figure><img src="/files/32e244f15d99a201194e753224a037817ee94822" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Поле **Запитання** та **Змінна** поля є обов’язковими та позначаються \*.
{% endhint %}

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

<figure><img src="/files/87ae211ac2232df07c00b2644f4c20758f0418cb" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/1892062100b0cbcaed77b52fdda0738177a66260" alt=""><figcaption></figcaption></figure>

**Обов’язкове запитання** **перемикач**&#x20;

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

<figure><img src="/files/8a2954e6041f2adaec80bd84d6d1dafad181529c" alt=""><figcaption></figcaption></figure>

Ви можете **видалити запитання** натиснувши на іконку кошика поруч із перемикачем «Обов’язкове запитання»:

<figure><img src="/files/dcada5faf52669911c01158dd65aaf6c9b535edd" alt=""><figcaption></figcaption></figure>

&#x20;**Кнопка «Додати ще запитання»**

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

Під час натискання кнопки «Задати запитання» відкривається форма за замовчуванням із типом поля «Випадаючий список». Потім ви можете змінити його на будь-який з доступних.

**Тип поля.** Ви можете обрати один із доступних варіантів запитання:

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

Такі типи полів у формі можна використовувати лише один раз для справжнього мінілендінгу:

* **Введені користувачем дані зберігаються в змінній**&#x20;
* **Електронна пошта**
* **Мобільний телефон**

Якщо запитання позначене як **обов’язкове** запитання, клієнт не зможе закрити форму без відповіді на це запитання.

&#x20;**тип поля Випадаючий список**

У цьому запитанні можливі відповіді приховані у випадаючому меню. Натискання на поле відкриває меню з варіантами відповідей. Ви можете додати нову відповідь, натиснувши кнопку «Додати відповідь».

Ця функція також дає можливість додати до запитання «Вибір одного з варіантів» пункт «Ваша відповідь» — це дозволить отримувати від клієнтів не лише відповіді у заданій формі, а й дізнаватися нові варіанти, які могли б вигадати користувачі.

У полі Variable вкажіть назву змінної з урахуванням рекомендацій щодо їх створення. Відповідь буде збережено у змінну і передано в бот.

<figure><img src="/files/65c837bb5afce5a2c5a70c6f8aa3ea522f7513a8" alt=""><figcaption></figcaption></figure>

#### тип поля Текстове поле

Ви можете вибрати цей тип, якщо користувач має надати вільну відповідь.&#x20;

У полі Variable вкажіть назву змінної з урахуванням рекомендацій щодо їх створення. Відповідь буде збережено у змінну і передано в бот.

<figure><img src="/files/6b160429a0a36a21d9f56a75cdacdabeecedef4c" alt=""><figcaption></figcaption></figure>

#### тип поля Вибір кількох варіантів

У цьому запитанні користувач може вибрати або одну, або кілька можливих відповідей. Мінілендінг відображає всі відповіді одразу. Поруч із ними є квадратні прапорці для вибору.\
\
Ви можете додати нову відповідь, натиснувши кнопку + «Додати відповідь».

У полі Variable вкажіть назву змінної з урахуванням рекомендацій щодо їх створення. Відповідь буде збережено у змінну і передано в бот.

<figure><img src="/files/e295363287d3b44de81a1f38d234f0293172fb0e" alt=""><figcaption></figcaption></figure>

#### тип поля Вибір одного варіанта

У цьому запитанні користувач може вибрати лише одну з доступних відповідей. Мінілендінг відображає всі відповіді одразу. Поруч із ними є круглі прапорці, але вибрати можна лише одну відповідь.\
\
Ви можете додати нову відповідь, натиснувши кнопку + «Додати відповідь».

У полі Variable вкажіть назву змінної з урахуванням рекомендацій щодо їх створення. Відповідь буде збережено у змінну і передано в бот.

<figure><img src="/files/6687d9e00785a87c28b611bf2cc4e299891735c2" alt=""><figcaption></figcaption></figure>

#### тип поля: Ім’я

У це поле вводиться ім’я користувача. Під час переходу до бота ім’я із сайту буде записано у змінну клієнта **`name_from_ml`**

<figure><img src="/files/ef9218b831e6748a7ea8aac06b797861c27e67e8" alt=""><figcaption></figcaption></figure>

**Напис**. Якщо ви не заповните це поле, над полем введення номера буде зазначено стандартне «Ім’я». Ви можете ввести свої описи, щоб користувач міг ввести свої дані.

Як ім’я клієнта відображається на сайті?:

<figure><img src="/files/c26797600d2f08509158c8a06600a4a1a5e40466" alt=""><figcaption></figcaption></figure>

#### тип поля: Електронна пошта

У цьому полі записується адреса електронної пошти користувача. Під час переходу до бота ім’я із сайту буде записано у змінну клієнта **`email`**

<figure><img src="/files/ab2db9f53ae3713ee588ec039601be4d91c01657" alt=""><figcaption></figcaption></figure>

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

Як отримані дані відображаються в боті під час переходу з мінілендінгу:

![](/files/c26797600d2f08509158c8a06600a4a1a5e40466)

#### тип поля: Мобільний телефон

У цьому полі записується номер телефону користувача. Під час переходу до бота номер телефону користувача із сайту буде записано у змінну клієнта **`phone`**

![](/files/aae1974f55dc8111a72d05c9e1115293f7e00027)

На мінілендінгу є додаткові налаштування.

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

<figure><img src="/files/88e7a5408f5a0e138462297a1f445d9d60f95dc9" alt=""><figcaption><p>Кастомні (налаштовувані) коди країн. </p></figcaption></figure>

**Код країни за замовчуванням** — це +7 Росія. У цьому полі ви можете змінити цей код на іншу країну за потреби.

**Перемикач Визначення коду країни за IP-адресою** перемикач.

<figure><img src="/files/e0becf340bfffecb2511dfed83d27a0b3dab394b" alt=""><figcaption><p>Визначення коду країни за IP-адресою</p></figcaption></figure>

Під час увімкнення перемикача «Визначення коду країни за IP-адресою» код країни визначається автоматично за номером телефону з IP-бази даних (поле 1 на скріншоті, «Кастомні телефони»). Якщо код країни не знайдено, тоді вводиться код, зазначений у полі «Код країни за замовчуванням» (поле 2 на скріншоті вище).

Таким чином, якщо ви вкажете, наприклад, Казахстан у полі «Кастомні телефони» та увімкнете автоматичне визначення коду країни за IP-адресою, то код спочатку шукатиметься за номером телефону з бази Кастомних телефонів (IP-адрес). Якщо номер буде знайдено, код країни буде взято з номера телефону, інакше — з поля «Код країни за замовчуванням», тобто коду країни за замовчуванням.

{% hint style="info" %}
Через часові обмеження на рівні країни це налаштування може працювати некоректно.
{% endhint %}

**Напис.** Якщо ви не заповните це поле, над полем введення номера буде зазначено стандартний «Номер телефону». Ви можете ввести свої описи, щоб користувач міг ввести свій номер телефону.

&#x20;

<figure><img src="/files/104a0d3bc40505786f5392d768c2d25505c382e5" alt=""><figcaption><p>Приклад налаштування напису над номером телефону</p></figcaption></figure>

### Як створити форму в кнопці

{% hint style="warning" %}
Ця функція не працює для сторінки підписки ВКонтакте. Форма буде додана на сторінку автоматично.
{% endhint %}

У цьому випадку скористаємося секцією спливаючого вікна.

{% hint style="info" %}
докладніше про секцію спливаючого вікна — у статті з такою ж назвою. посилання [розповіли в однойменній статті.](broken://pages/d1e3c3ddb4923bbcb8afce4c042dd4049db9a1d0)&#x20;
{% endhint %}

Перейдіть у режим редагування сторінки сайту та знайдіть кнопку «+» для додавання секції «Спливаюче вікно»:

<figure><img src="/files/71ccb9d2efa61ace3d977b0bfd686b99c9f77b44" alt=""><figcaption></figcaption></figure>

Після цього секцію буде додано на сторінку сайту:

<figure><img src="/files/cc968c155b98788ce4f066dac2e3089934b413fa" alt=""><figcaption></figcaption></figure>

Тепер потрібно заповнити спливаюче вікно, натиснувши відповідну кнопку в секції:

<figure><img src="/files/ca40bea974adb23355de15851e93cd923d8bbbb0" alt=""><figcaption></figcaption></figure>

Далі виберіть секцію, яку потрібно додати до спливаючого вікна — це секція «Форма»:

<figure><img src="/files/aaab30541d128bb8d699b5241ace9203cf306435" alt=""><figcaption></figcaption></figure>

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

Тепер заповніть вміст форми так, як описано в розділах вище.

<figure><img src="/files/bedf2282a1a7b3ae10674e0e83ece966e6076106" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Ви можете додати до спливаючого вікна будь-яку кількість секцій, тим самим створивши мінісайт, що відкривається під час натискання на кнопку.
{% endhint %}

Тепер ми вкажемо ID спливаючого вікна як посилання в кнопці (кнопка може бути будь-якою):

<figure><img src="/files/983bace97d156896516ebf9ee5022d39417d76b7" alt=""><figcaption></figcaption></figure>

Далі перейдіть до секції меню (шапки сторінки сайту) та вкажіть значення спливаючого вікна в кнопці з функцією посилання:

1. Натисніть «Редагувати» у потрібній секції (це може бути як секція «Меню», так і секція «Кнопки»):

<figure><img src="/files/ef24318915a6b2c33a9bb8b86ab73a2f0444a092" alt=""><figcaption></figcaption></figure>

Після цього праворуч відкриється панель редагування вмісту:

<figure><img src="/files/ee84bf08e50a1c9ebdb13cad368e9a77cf1f7968" alt=""><figcaption></figcaption></figure>

2. Далі створіть кнопку з функцією «Посилання»:

<figure><img src="/files/365fa63d43376cd62cc01830cc767c9fcca75e42" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Увага!

Дія має бути «У поточному вікні», інакше кнопка спливаючого вікна не відкриється.
{% endhint %}

Готово! Тепер ви можете відкривати форму через кнопку меню або іншу кнопку на сторінці сайту:

<figure><img src="/files/f47ce937639928ab7b29dd7ffceb0c1e1fcd621a" alt=""><figcaption></figcaption></figure>

### Як додати угоду до MavibotCRM із сайту

{% hint style="warning" %}
Це працює лише якщо до проєкту підключено канал Whatsapp або електронну пошту: перевірте, чи є клієнт у базі, і додайте йому нову угоду, або буде створено нового клієнта і для нього — угоду.

Якщо підключено обидва канали, створюється клієнт Whatsapp!
{% endhint %}

<figure><img src="/files/a8f348e744acf9676bf2f1c4cf604cbd63de9843" alt=""><figcaption></figcaption></figure>

### Політика конфіденційності

Додати посилання на політику конфіденційності легко і просто:

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

<figure><img src="/files/22f3327e32e4a5767b65219d8b0d92410ee7025f" alt=""><figcaption></figcaption></figure>

Показувати політику конфіденційності

За замовчуванням ці налаштування вимкнені. Щоб увімкнути їх, поставте позначку в **прапорці «Політика конфіденційності».**\
Ви також можете перевірити, чи потрібно ставити галочку в полі «Я погоджуюся з політикою конфіденційності» на лендингу. Для цього поставте прапорець у налаштуваннях лендингу в пункті «**Показувати прапорець одразу позначеним:»**

<figure><img src="/files/ca3fb6cc911e6223d6e8a19c3efebb2eb3dbfed3" alt=""><figcaption></figcaption></figure>

#### Кнопки

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

#### Стиль кнопок (випадаюче меню) &#x20;

Показувати кнопки лише з іконками месенджерів (лише іконка) або додати назву месенджера (іконка з текстом).

<figure><img src="/files/26c3998fe885d8d759e4cdcb6c9f3adabb876abb" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Якщо ви оберете тип кнопки «Іконка з текстом», ви можете змінити текст на кнопці.&#x20;
{% endhint %}

Ви також можете вибрати, які кнопки месенджерів, підключених до Mavibot, відображатимуться на сайті. Для цього поставте прапорці у відповідних чекбоксах.

{% hint style="warning" %}
Увага!&#x20;

Якщо у вашому проєкті немає підключених каналів, кнопки месенджерів у формі відображатися не будуть.
{% 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/websites/saiti/blocks/forms.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.