> For the complete documentation index, see [llms.txt](https://docs.salebot.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.salebot.pro/~/changes/5570/saity-dlya-biznesa/konstruktor-saitov/minilendingi-v-socialnykh-setyakh/sekcii-bloki/sekciya-forma.md).

# Секция "Форма"

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

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

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

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

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

1\) Имя;

2\) Email;

3\) Номер телефона.

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

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

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

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

<figure><img src="/files/HNqKAQZrPq5qkP03vokf" alt="" width="375"><figcaption></figcaption></figure>

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

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

Тогда вы увидите развернутые настройки для вопроса:

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

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

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

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

**Удалить вопрос** можно нажав на значок корзины, напротив переключателя Обязательный вопрос:

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

**кнопка Добавить еще вопрос**

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

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

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

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

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

* **Имя**&#x20;
* **Email**
* **Телефон**

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

#### тип поля Выпадающий список

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

Также данная функция предусматривает возможность добавлять "Свой ответ" в вопрос "Выбор одного из вариантов" - это позволит получать от клиентов не только ответы, установленной формы, но и узнать новые варианты, которые могли придумать пользователи.

В поле Переменная необходимо указать название переменной с учетом рекомендаций к их созданию. Ответ будет сохранен в переменную и передан в бота. &#x20;

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

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

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

В поле Переменная необходимо указать название переменной с учетом рекомендаций к их созданию. Ответ будет сохранен в переменную и передан в бота. &#x20;

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

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

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

В поле Переменная необходимо указать название переменной с учетом рекомендаций к их созданию. Ответ будет сохранен в переменную и передан в бота. &#x20;

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

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

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

В поле Переменная необходимо указать название переменной с учетом рекомендаций к их созданию. Ответ будет сохранен в переменную и передан в бота. &#x20;

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

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

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

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

**Надпись**. Если не заполнять данное поле,  то над полем ввода номеру будет указано по умолчанию *Имя.* Можно ввести своё описания для того, чтобы пользователь ввёл свои данные.

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

![](/files/BzW9tjkOf8PlHoMrF8L3)

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

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

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

**Надпись**. Если не заполнять данное поле,  то над полем ввода номеру будет указано по умолчанию *Email.* Можно ввести своё описания для того, чтобы пользователь ввёл свои данные.

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

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

#### тип поля: Телефон

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

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

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

**Кастомные телефоны**. Можно укажите какие коды стран показать для выбора при вводе номера телефона.&#x20;

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

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

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

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

При включении переключателя "Определение кода страны по ip адресу" код страны определяется автоматически по номеру телефона из базы ip (поле 1 на скрине, "Кастомные телефоны"). Если код страны не найден, то ставится код, указанный в поле "Код страны по умолчанию" (поле 2 на скрине выше).&#x20;

Таким образом, если в поле "Кастомные телефоны" указать, например: Казахстан, и  включить автоопределение кода страны по ip адресу, то сначала будет произведен поиск кода по номеру телефона из базы Кастомные телефоны (ip-адресов). Если номер найден, то возьмется код страны из номера телефона, иначе из поля "Код страны по умолчанию", т.е. Код страны по умолчанию.

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

**Надпись**. Если не заполнять данное поле,  то над полем ввода номеру будет указано по умолчанию *Телефон.* Можно ввести своё описания для того, чтобы пользователь ввёл свой номер телефона.

&#x20;

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

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

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

В данном случае воспользуемся секцией pop-up.

{% hint style="info" %}
Подробнее о секции pop-up [рассказали в одноименной статье.](/~/changes/5570/saity-dlya-biznesa/konstruktor-saitov/minilendingi-v-socialnykh-setyakh/sekcii-bloki/sekciya-pop-up.md)&#x20;
{% endhint %}

Перейдите в режим редактирования страницы сайта и найдите кнопку "+", чтобы добавить секцию "Pop-up":

<figure><img src="/files/1KequG7SxVobEptcJQuT" alt=""><figcaption></figcaption></figure>

Тогда секция будет добавлена на страницу сайта:

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

Теперь необходимо заполнить pop-up — для этого нажмите соответствующую кнопку в секции:

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

Далее выберите секцию, которую хотите добавить в pop-up — это секция "Форма":

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

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

<figure><img src="/files/1Q5ctWAmfSMXrfQA3VPN" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

1. Кликните на "Редактировать" в необходимой секции (это может быть как секция "Меню", так и секция "Кнопки"):

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

Тогда откроется правый бар с редактированием контента:

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

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

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

{% hint style="warning" %}
Важно!

Действие — "В текущем окне", иначе кнопка pop-up не откроется.
{% endhint %}

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

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

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

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

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

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

## Обработка ПДн и Политика конфиденциальности

В форме по умолчанию существуют настройки для добавления чекбоксов "Я согласен на обработку персональных данных" и "Политика конфиденциальности":

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

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

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

По умолчанию данные настройки отключены.

{% hint style="warning" %}
Обращаем внимание!

Настоятельно не рекомендуем включать поля "Выводить чекбокс сразу отмеченным", поскольку ваш клиент должен самостоятельно проставить согласия в вашей форме.
{% endhint %}

После того как вы включите в форму согласия, они сразу отобразятся в секции "Форма" под полями ввода в форме:

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

## Как добавить дополнительные поля согласий?

Например, Вам необходимо, помимо согласия на обработку ПДн, собрать согласие клиента на отправку ему рассылок или согласие с публичной офертой.

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

Сделать это также просто с помощью кнопки "Добавить вопрос":

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

Далее выберите тип "Выбор нескольких вариантов" и в поле "Ответы" пропишите "Я согласен с условиями публичной оферты".

<figure><img src="/files/1SOeOGr2XFzXCMTa4UsX" alt="" width="375"><figcaption></figcaption></figure>

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

Теперь укажем ссылку на документ прямо в тексте:

<figure><img src="/files/aInLY7AsUexRy1h7a45z" alt="" width="375"><figcaption></figcaption></figure>

Для этого выделите необходимую часть текста (или весь текст) в поле и кликните на значок ссылки. В открывшемся поле нужно указать вашу ссылку на документ.

Теперь добавим следующий чекбокс "Я согласен на отправку рекламных сообщений" аналогичным образом:

<figure><img src="/files/MSubcCmGoopBCQHjOSGj" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="warning" %}
Обращаем внимание!

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

1. Это поможет отображать сбор согласий в таблице ответов в каждом отдельном поле (то есть в таблице с ответами вы увидите, что ваш клиент поставил галочку напротив согласия) и сможете выгрузить данную таблицу в будущем с подтверждением согласия Вашего клиента;
2. Тип поля "Выбор нескольких вариантов", если сразу проставить все необходимые чекбоксы с согласиями, позволит согласиться пользователям только с каким-либо из предложенных вариантов, поэтому если оказание Ваших услуг невозможно без всех согласий, создайте один вопрос с одним ответом.
   {% endhint %}

Пример заполненной формы:

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

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

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

{% hint style="success" %}
При необходимости можно добавить согласие на обработку ПДн и согласие с политикой конфиденциальности / с политикой обработки ПДн с помощью вопросов так, как описано в разделе "[Как добавить дополнительные поля согласий](#kak-dobavit-dopolnitelnye-polya-soglasii)".
{% endhint %}

#### Кнопки

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

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

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

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

{% hint style="info" %}
Если выбрать тип кнопок Иконка с текстом, то можно [ изменить текст на кнопке.](https://docs.salebot.pro/minilendingi-v-socialnykh-setyakh/kak-sozdat-minilending#izmenit-tekst-knopki)
{% endhint %}

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

{% hint style="warning" %}
Внимание!&#x20;

Если в вашем проекте отсутствуют подключенные каналы, то кнопки мессенджеров в форме отображаться не будут.&#x20;
{% endhint %}

#### Кнопки данной формы будут брать данные со всех форм сайта (переключатель)

При создании крупной страницы может понадобится использовать несколько раз форму сбора данных с кнопками мессенджеров для перехода в бота. Для удобства создан данный переключатель, чтобы с любой из форм данные передавались в бота.&#x20;

{% embed url="<https://youtu.be/HcEUGdURdM4>" %}