# Форма сбора данных

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

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

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

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

При добавлении формы сразу создаются три типа полей для сбора данных благодаря предустановленным настройкам в форме:

1\) Имя;

2\) Email;

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

<figure><img src="/files/5d40998a385a950b1b42b799becd77a0f86935c5" alt=""><figcaption></figcaption></figure>

Если вам нужно добавить в форму другие вопросы, нажмите кнопку «Добавить еще вопрос»:

<figure><img src="/files/76b897b052187f11e742801a2e1dfe0f69e8cc66" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Текст **Вопрос** и **Переменная** поля являются обязательными и помечаются \*.
{% endhint %}

Чтобы перейти к настройкам вопроса, нажмите на стрелку на панели вопроса:

<figure><img src="/files/1834456cfbeaf2be5da8ba7be880484ccdc95b20" alt=""><figcaption></figcaption></figure>

Затем вы увидите расширенные настройки вопроса:

<figure><img src="/files/70a25132cfaa4ea95cf4318030d956afcd7e9361" alt=""><figcaption></figcaption></figure>

**Обязательный вопрос** **переключатель**&#x20;

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

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

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

<figure><img src="/files/2141c285519f65eaceee6dea1161fefed6e7af7e" alt=""><figcaption></figcaption></figure>

&#x20;**Кнопка «Добавить еще вопрос»**

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

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

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

* **Выпадающий список** — список ответов будет отображаться как поле со списком
* **Несколько вариантов** — ответ может содержать несколько вариантов — множественный выбор из списка возможных ответов
* **Выбор одного варианта** — из списка возможных ответов можно выбрать только один вариант.
* A **текстовое поле** — это поле, в котором клиент должен самостоятельно ввести значение.

Следующие типы полей можно использовать в форме только один раз для реального minilanding:

* **Name**&#x20;
* **Электронная почта**
* **Мобильный телефон**

Если вопрос помечен как **обязательно** обязательный вопрос, клиент не сможет закрыть форму, не ответив на этот вопрос.

&#x20;**тип поля «Выпадающий список»**

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

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

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

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

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

Вы можете выбрать этот тип, если пользователю нужно дать ответ в свободной форме.&#x20;

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

<figure><img src="/files/755b44a2f5964e8cca379ee95599cac48b23db62" alt=""><figcaption></figcaption></figure>

#### тип поля «Выбор нескольких вариантов»

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

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

<figure><img src="/files/31f7a1f44506dc69f66d1a4f60bb3c4fd1a6c8d6" alt=""><figcaption></figcaption></figure>

#### тип поля «Выбор одного варианта»

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

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

<figure><img src="/files/3c8672f3e991711406acce7c14f85d319ba10f01" alt=""><figcaption></figcaption></figure>

#### тип поля: Имя

В это поле вводится имя пользователя. При переключении на бота имя с сайта будет записано в клиентскую переменную **`name_from_ml`**

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

**Подпись**. Если вы не заполните это поле, над полем ввода номера будет указано имя по умолчанию. Вы можете ввести свои подписи, чтобы пользователь указал свои данные.

Как отображается имя клиента на сайте?:

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

#### тип поля: Email

В это поле записывается адрес электронной почты пользователя. При переключении на бота имя с сайта будет записано в клиентскую переменную **`email`**

<figure><img src="/files/2bb6a02d98281afe354aa4352380bb87bdb0c683" alt=""><figcaption></figcaption></figure>

**Подпись.** Если вы не заполните это поле, над полем ввода номера будет указано значение Email по умолчанию. Вы можете ввести свои подписи, чтобы пользователь указал свои данные.

Как отображаются полученные данные в боте при переходе с мини-лендинга:

![](/files/da3e44c2904fa362b8eee8083e9d6d129c2636a9)

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

В это поле записывается номер телефона пользователя. При переключении на бота номер телефона пользователя с сайта будет записан в клиентскую переменную **`phone`**

![](/files/dac07a139ab06fe434126f13c4d72504d4efd759)

На мини-лендинге есть дополнительные настройки.

**Пользовательские телефоны.** Вы можете указать, коды каких стран показывать для выбора при вводе номера телефона.

<figure><img src="/files/5ecdd0a304dc8dd6b8c38bde9cc072e2d3e93313" alt=""><figcaption><p>Кастомные (настраиваемые) коды стран. </p></figcaption></figure>

**Код страны по умолчанию** — +7 Россия. В этом поле при необходимости можно изменить этот код на код другой страны.

**Переключатель определения кода страны по IP-адресу** переключатель.

<figure><img src="/files/ed1e7318ee9b82b6200b0efa04f9570c08787142" alt=""><figcaption><p>Определение кода страны по IP-адресу</p></figcaption></figure>

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

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

{% hint style="info" %}
Из-за ограничений по времени на уровне страны эта настройка может работать некорректно.
{% endhint %}

**Подпись.** Если вы не заполните это поле, над полем ввода номера будет указан номер телефона по умолчанию. Вы можете ввести свои подписи, чтобы пользователь указал свой номер телефона.

&#x20;

<figure><img src="/files/6009ac4b2e85de3396c151bf1831a70c1d2df0c9" alt=""><figcaption><p>Пример настройки подписи над номером телефона</p></figcaption></figure>

### Как создать форму в кнопке

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

В этом случае воспользуемся разделом поп-апа.

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

Перейдите в режим редактирования страницы сайта и найдите кнопку «+» для добавления раздела «Поп-ап»:

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

Затем раздел будет добавлен на страницу сайта:

<figure><img src="/files/9b75eb2b90f2d0d2723fac9d2df796012a0a9519" alt=""><figcaption></figcaption></figure>

Теперь нужно заполнить поп-ап, нажав соответствующую кнопку в разделе:

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

Далее выберите раздел, который нужно добавить в поп-ап, — это раздел «Форма»:

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

При нажатии форма будет добавлена в поп-ап, а справа откроется окно для заполнения содержимого формы:

Теперь заполните содержимое формы, как описано в разделах выше.

<figure><img src="/files/27faf875147603546d89d47c0d7d600d10388cb5" alt=""><figcaption></figcaption></figure>

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

Теперь укажем ID поп-апа как ссылку в кнопке (кнопка может быть любой):

<figure><img src="/files/42e458297cd3414a5f5e7883f579f6588e300178" alt=""><figcaption></figcaption></figure>

Далее перейдите в раздел меню (шапка страницы сайта) и укажите значение pop-up в кнопке с функцией ссылки:

1. Нажмите «Редактировать» в нужном разделе (это может быть как раздел «Меню», так и раздел «Кнопки»):

<figure><img src="/files/410a94f4d9e74b3c78e4f974ffea89b3bd5ab823" alt=""><figcaption></figcaption></figure>

Затем справа откроется панель с редактированием содержимого:

<figure><img src="/files/5d26ab26dd782388389f17008011f2101e61589b" alt=""><figcaption></figcaption></figure>

2. Далее создайте кнопку с функцией «Ссылка»:

<figure><img src="/files/34fd357f210e190f5e9ec50296315c113afc3f3d" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Внимание!

Действие должно быть «В текущем окне», иначе кнопка поп-апа не откроется.
{% endhint %}

Готово! Теперь вы можете открыть форму через кнопку меню или другую кнопку на странице сайта:

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

### Как добавить сделку в MavibotCRM с сайта

{% hint style="warning" %}
Это работает только если к проекту подключен канал Whatsapp или email: проверьте, есть ли клиент в базе, и добавьте ему новую сделку, либо будет создан новый клиент и сделка для него.

Если подключены оба канала, создается клиент WhatsApp!
{% endhint %}

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

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

Добавить ссылку на политику конфиденциальности просто и легко:

включите чекбоксы и добавьте ссылку на страницу политики или оставьте настройки по умолчанию.

<figure><img src="/files/948dfe90b1657c970d919addcc99bbcf9233fbea" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/7b3cc4aae150c97fe0f27a84a09e77baee55816c" alt=""><figcaption></figcaption></figure>

#### Кнопки

В этом разделе можно настроить отображение кнопок на сайте.

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

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

<figure><img src="/files/d6f12740ed6360b98b379a5cd6736d41f58784a4" 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/ru/websites/saity/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.
