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

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

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

<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.* Можно ввести своё описания для того, чтобы пользователь ввёл свои данные.

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

![](/files/VeEHH0DsEYLJ4DH7StAS)

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

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

![](/files/RYvZ6gW6eH2aWWr9V9cQ)

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

**Кастомные телефоны**. Можно укажите какие коды стран показать для выбора при вводе номера телефона.&#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 [рассказали в одноименной статье.](broken://pages/hxO6OwzOdQPIjJgFHJXc)&#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>" %}

## Как отследить события по заявкам и переходам в бота с сайта?

Теперь вы можете отследить события по заявкам и(или) переходам в бота с сайта c Яндекс Метрикой, Google Аналитикой и Facebook\* Pixel.

{% hint style="danger" %}
\*Facebook принадлежит Meta inc., деятельность которой признана в РФ экстремисткой и запрещена.
{% endhint %}

Для этого вам нужно перейти в настройки сайта, в котором создана форма отправки заявки или с кнопками на мессенджеры:

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

Далее наведите на блок "Форма" и найдите кнопку "Настройки":

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

Раскройте настройки кнопок:

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

Здесь вы увидите поле, где нужно вставить название события, настроенное в Яндекс Метрике:

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

Чтобы отправка событий работала, [нужно вставить скрипт счетчика Метрики на сайт](#kak-sozdat-schetchik-yandeks.metriki), или вставить скрипт счетчика [Гугл Аналитики](#google-analitika) или [Facebook\* Pixel](#piksel-facebook).

Аналогично можно проставить название событий для каждой кнопки мессенджера.

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

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

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


---

# 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.salebot.pro/websites/konstruktor-saitov/sekcii-bloki/sekciya-forma.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.