# Настройки контента формы

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Fn7c5z1kKOoCZgddOWtTw%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2016.28.21.png?alt=media&#x26;token=a1754585-8d60-41ae-a42d-59458db7a7f6" alt=""><figcaption></figcaption></figure>

Откроется меню с настройками контента справа:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FLlsq6ybEiIs6jWVYnAz6%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2016.30.01.png?alt=media&#x26;token=0013857b-d849-4cfb-89d2-b96a03d937f1" alt=""><figcaption></figcaption></figure>

## Стиль отображения

Стиль отображения формы в блоке может быть трех вариантов:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FUmh4LulWt9Fu4uJ5c1HM%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-04-25%20%D0%B2%2012.26.28.png?alt=media&#x26;token=76547485-426e-4eea-8f6f-e8c8ebf3962c" alt="" width="563"><figcaption></figcaption></figure>

1. Заголовок и текст расположены сверху, форма ответов - снизу:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FGSFGzHSJ42AX28WbQfgj%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-04-25%20%D0%B2%2012.59.55.png?alt=media&#x26;token=fbc66702-9d62-4625-aa5f-080f0d28c98b" alt="" width="563"><figcaption></figcaption></figure>

2. Заголовок и текст слева, форма справа:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FkL66uPUVlSv6qnOYwvQT%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-04-25%20%D0%B2%2012.38.28.png?alt=media&#x26;token=f02cfdcf-b52f-4e0d-824d-9c0ac37f50d3" alt="" width="563"><figcaption></figcaption></figure>

3. Заголовок и текст справа, форма слева:&#x20;

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FvGBFbaDsc9sSi9DEhJM6%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-04-25%20%D0%B2%2012.42.04.png?alt=media&#x26;token=f1b00d0e-e2aa-40f2-b19e-dcc01f47df9e" alt="" width="563"><figcaption></figcaption></figure>

## Вопросы в форме

По умолчанию в форме уже создано три вопроса:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FOs0bvusx4bhEaglpx5Hc%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2016.31.44.png?alt=media&#x26;token=8ab355df-091d-43c5-989d-cf4ec184b5a0" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FpLeiXO3HKLhBVtQ4YTXb%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2017.47.59.png?alt=media&#x26;token=c1e62ef6-bcc7-468e-8a32-ca2c18325be9" alt="" width="375"><figcaption></figcaption></figure>

Так, в типе поле можно выбрать иной:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FHI7PzbyFeqbQu8Fpv66O%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2017.59.54.png?alt=media&#x26;token=499d0a58-40c9-4377-884e-1e61b97aa66d" alt="" width="563"><figcaption></figcaption></figure>

1. "**Выпадающий список**" - тип поля, который позволяет выводить набор возможных вариантов выбора, раскрывающиеся при нажатии на список вопросов. &#x20;

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FBmnFimjRankYphol9GWi%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.01.33.png?alt=media&#x26;token=6c9e957a-ae20-4736-9956-0745be6de429" alt="" width="375"><figcaption><p>Настройка вопроса</p></figcaption></figure>

Можно выбрать только один ответ:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F5QttLogzcR6uhSIqaI9i%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.02.11.png?alt=media&#x26;token=82150192-cc9d-4243-9e11-9b0be819ed68" alt=""><figcaption><p>Выбор ответа в форме</p></figcaption></figure>

2. "**Выбор нескольких вариантов ответов**" - тип вопроса, с помощью которого клиент может выбрать несколько вариантов ответа:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FIOypRL6KNIuPc6eN3x59%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.05.33.png?alt=media&#x26;token=2db43f8b-9d06-4166-a05f-2919c129d9ab" alt="" width="375"><figcaption></figcaption></figure>

Выглядит в виде чекбоксов в форме:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FldDr4eMaEXkes4Z0C4Td%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.09.28.png?alt=media&#x26;token=4745303c-f82c-4670-b17a-090532ea055d" alt="" width="563"><figcaption></figcaption></figure>

2. **"Выбор одного варианта ответа"** - соответственно данный элемент позволяет выбрать лишь один вариант ответа.&#x20;
3. "**Текстовое поле**" - элемент интерфейса, который позволит вашим клиентам выбрать свой собственный вариант ответа.&#x20;
4. **"Числовое поле"** - такой вариант принимает значения только в числовом формате:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Fru4pjW1YDVnR1Xr1CBoK%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.10.16.png?alt=media&#x26;token=98c873e7-838f-4e30-9749-c856f598fe78" alt="" width="375"><figcaption></figcaption></figure>

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

6. **"Календарь"** - такой элемент поможет клиентам вводить необходимую дату:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F97VCvtRqyytDY7jvcAJs%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.11.09.png?alt=media&#x26;token=d65cd8d7-2b35-462a-b4f8-5c6dae98ecde" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="info" %}
Также можно менять в настройках вопросов название переменной.&#x20;

Например, вместо прописанной по умолчанию переменной variable\_3, можно прописать client\_birthday, если хотите фиксировать день рождения клиента, например, для направления персональных скидок через бота в день рождения.&#x20;
{% endhint %}

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F6BjLOC6zTOn0mXrcPSu4%2F2023-12-21_10-05-17.png?alt=media&#x26;token=dd036b47-d5f9-4adc-bede-c81ee73687b0" alt=""><figcaption></figcaption></figure>

Чтобы добавить еще вопросы, нажмите на "Добавить вопрос":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FtzmHX6fRz9mZlmkl0xau%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.14.33.png?alt=media&#x26;token=3c228712-f274-47d9-81bb-47a55ef996bd" alt="" width="563"><figcaption></figcaption></figure>

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

Для типов вопросрв для ввода номера телефона, email или имени АВТОМАТИЧЕСКИ ставится чекбокс для согласия с политикой обработки персональных данных.&#x20;

<img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FBvJxxoEQKhztuf0owSu9%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-10-25%20%D0%B2%2016.07.25.png?alt=media&#x26;token=c6d9549e-713b-4681-b345-729547e267cf" alt="" data-size="original">

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

Чтобы изменить ссылку на политику обработки персональных данных, перейдите в настройки и в поле URL введите собственную ссылку:

<img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FyzkIazMLHeJxvuBc44U7%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-10-25%20%D0%B2%2016.11.02.png?alt=media&#x26;token=78a8d57a-b59c-479a-bc4b-5361835bfe39" alt="" data-size="original">
{% endhint %}

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FswXkxcdMv0OBel5AcKjh%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.17.10.png?alt=media&#x26;token=30060629-5256-44f4-975d-c0ba34b5d9d2" alt="" width="563"><figcaption></figcaption></figure>

7. "**Имя**" - такой элемент в Ответах форм расположит на странице текстовое поле для ввода имени пользователем:&#x20;

В данном случае в настройке данного элемента НЕ требуется использование переменных и обязательного введения наименования опроса (по умолчанию такая форма опроса будет называться "Ваше имя", а облачная надпись, которую можно изменить в настройках, в текстовом поле - "Имя"):

8. "**Телефон**" - тип поля, позволяющий клиентам отправлять форму сбора номеров телефона для обратной связи.

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Fx5F71OcPHAjSuS9Of5Cz%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.18.17.png?alt=media&#x26;token=6d3fbbbc-9a76-4e71-9dfd-d6c48d2e3e06" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FCKmYqnNTiq6k1ZYga2rS%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.18.17.png?alt=media&#x26;token=b9c7669d-3c08-4e64-a7cb-fa7b5a0a9f64" alt="" width="563"><figcaption></figcaption></figure>

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

Можно установить код страны по умолчанию по своему усмотрению в одноименном поле.&#x20;

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FRFkn5mAXTvw1inqYdenu%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.20.09.png?alt=media&#x26;token=4e38ad0b-f3e1-493f-be1f-6a0c29954bc4" alt="" width="563"><figcaption></figcaption></figure>

где можно определить код страны по IP-адресу, использовать функцию "Только популярные телефоны" (выдаются популярные страны); а также сразу создать Whatsapp клиента для дальнейшего диалога.&#x20;

9. "**Email**" - тип поля, позволяющий клиентам передавать свои почтовые адреса. Функционал аналогичен типу полю "Имя", где не требуется настройки переменных и обязательного ввода наименования опроса.&#x20;

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FWMbBji1AQ1nBRK15Tiyu%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.21.05.png?alt=media&#x26;token=ca1221e9-5127-43b5-af75-c7a77bbe175d" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
На странице такие вопросы помечены символом <mark style="color:red;">\*</mark>, и если пользователь (клиент) не заполнит их, то всплывет окно ошибки:

<img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FshfAxG3CqFQPcW2zTxJl%2F2023-11-23_15-36-07.png?alt=media&#x26;token=4182a2d3-9282-43ca-b148-a13c9ee4512f" alt="" data-size="original">
{% endhint %}

### Дополнительные настройки

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FQatjDdlyhgS0s34WACv4%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-11-13%20%D0%B2%2019.06.46.png?alt=media&#x26;token=42aadd54-5c25-4260-89c8-20343752e0a6" alt="" width="563"><figcaption></figcaption></figure>

При клике на кнопку "Дополнительные настройки" открываются настройки для установления ширины полей и объединения полей формы:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FxUmGTMbREp9YDsKL16wF%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-11-13%20%D0%B2%2019.14.41.png?alt=media&#x26;token=46ba26d2-b94e-490f-872f-4d67688eda02" alt="" width="563"><figcaption></figcaption></figure>

При активации чекбокса "объединить в один ряд со следующим полем", следующее поле будет расположено на одной строке:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FoOVIv9FApJFyCFS94hFe%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-11-13%20%D0%B2%2019.16.36.png?alt=media&#x26;token=271eae6a-2989-47af-9680-63d5041b1580" alt=""><figcaption></figcaption></figure>

## Выбор формы

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FQ2ZII30338fj3D4UW1Cv%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-06-24%20%D0%B2%2018.25.02.png?alt=media&#x26;token=71647930-204a-47b0-9ed3-e374500e3971" alt=""><figcaption></figcaption></figure>

Выбор формы подразумевает то, что вы хотите получить от клиентов: создать сделку или опросить целевую аудиторию по поводу имеющихся товаров, услуг и т.п. Можно использовать такие переключатели в зависимости от того, хотите ли вы получить информацию и необходимые данные от клиента (например, телефон для обратной связи или email), либо перенаправить его в чат-бота для дальнейшего диалога.&#x20;

Какие переключатели нужно использовать в зависимости от ваших целей рассказываем далее.&#x20;

**Чекбокс "Предупреждение на английском языке"**

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

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

1. "**Форма в модальном окне**" - данный переключатель откроет Форму опроса с помощью кнопки в отдельном модальном окне на сайте:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FsRfnzGkCFhw60WUYKwtz%2F2023-11-23_15-57-38.png?alt=media&#x26;token=620930b9-9e29-4502-9cce-7b2fb15160f8" alt=""><figcaption></figcaption></figure>

При нажатии на нее откроется окно:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FL0tVVh3rImd3lAJx0H81%2F2023-11-23_15-59-02.png?alt=media&#x26;token=0a4122b2-7924-411b-a9b4-3c09ca131518" alt="" width="563"><figcaption></figcaption></figure>

При активизации данного переключателя происходит запись ответов во вкладку "**Ответы форм**" и создание сделки.&#x20;

Чтобы настроить открытие формы опроса в отдельном окне необходимо:

*Шаг 1*. Присвоить ID секции для формы опроса:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FlDcAQoeDsme1jiy943nG%2F2023-11-23_16-03-40.png?alt=media&#x26;token=52c17ff3-d898-48a2-994b-922931e59580" alt=""><figcaption></figcaption></figure>

Данное поле можно найти перед настройкой шрифтов в ЭТОМ же окне настроек формы опроса.&#x20;

*Шаг 2*. Найти и добавить блок "Кнопки":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FbpX2msSwDKHnpnHNTdXH%2F2023-11-23_16-00-49.png?alt=media&#x26;token=681b9f2b-9c37-4032-91e3-72301f9f4c9d" alt="" width="322"><figcaption></figcaption></figure>

*Шаг 3*. В открывшемся окне настройки секции (блока) Кнопки, нажать на "Добавить кнопку":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FUVGCadqmfzUKgVOtyLYh%2F2023-11-23_16-08-20.png?alt=media&#x26;token=ee550f56-77c8-4434-893a-b601296ee3c8" alt=""><figcaption></figcaption></figure>

Далее откроется окно настройки самой кнопки, где необходимо присвоить в значение кнопки ID секции ФОРМЫ ОПРОСА и выбрать функцию "Открытие модального окна":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FhKl2dKigtqgbpRZLPk3g%2F2023-11-23_16-10-17.png?alt=media&#x26;token=c3bc3ff5-1d6e-42d9-ad00-ab6170eb6bea" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Остальные настройки кнопки можно сделать по своему усмотрению, ВАЖНО именно присвоить значение для кнопки в виде ID секции, чтобы она открывала то модальное окно опроса, которое необходимо.&#x20;

Помните, что без создания отдельного блока (секции) "Кнопки" при использовании переключателя "Форма модального окна" форма опроса отображаться не будет.&#x20;
{% endhint %}

Сохраните полученные настройки.

Готово! Теперь кнопка отображается в отдельном модальном окне, если нажать на кнопку "**Форма**" внизу страницы.&#x20;

2. Переключатель "**Форма опроса**" - отображает форму ответов непосредственно на самой странице.&#x20;

"Форма опроса" не ведет в мессенджер: вы можете создавать ее и отправлять своим клиентам для анкетирования клиентов, получения интересующих данных, поддержания обратной связи с вашей аудиторией и т.п.&#x20;

3. "**Форма создания сделки в CRM**" - данный переключатель в активном состоянии позволит добавлять сделки с клиентами в различные воронки:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FjHPifBZ8bKDEuoIqSAme%2F2024-03-20_17-49-19.png?alt=media&#x26;token=dc320c15-36d2-4910-ab37-50afdddbc52a" alt="" width="548"><figcaption></figcaption></figure>

Также в форме создании сделки при необходимости можно выбрать тип клиента, если у вас уже подключен(ы) WhatsApp- или Email-бот.

Для удобства, с формы можно добавлять клиента в определенное состояние (стадию) воронки в CRM.&#x20;

Переключатель "**Передавать данные из формы в GET-параметры редирект-ссылки**" - необходим для передачи уникального идентификатора пользователя для ссылки, которую можно указать в поле, расположенном ниже данного переключателя:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Fr7aDD2yHOhURNuocSNHm%2F2023-11-23_17-10-37.png?alt=media&#x26;token=1e3b0df2-d890-4147-9197-f4cef144354d" alt="" width="538"><figcaption></figcaption></figure>

{% hint style="warning" %}
Данный функционал доступен только при активном положении переключателя "Форма создания сделки CRM".
{% endhint %}

Укажите необходимую ссылку в поле и выберите способ отображения: в этом же окне или с помощью открытия нового окна.&#x20;

{% hint style="warning" %}
Нельзя одновременно активизировать переключатели "**Форма опроса**" и "**Форма создания сделки в CRM**".&#x20;

Предусмотрено несколько вариантов:

* Активизация одного из трех переключателей.
* Активизация двух, не конфликтующих друг с другом переключателей:

![](https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FHZoWD6QGB4S7lOm1nzvz%2F2023-11-23_16-53-38.png?alt=media\&token=8be7d273-5e3d-481a-9a04-b4950ce386fb)

Либо

<img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FHXUGtq8CZIiA1e2luMzJ%2F2023-11-23_16-53-25.png?alt=media&#x26;token=99cb095e-56f7-477d-872a-8c453ae8c1cf" alt="" data-size="original">
{% endhint %}

{% hint style="danger" %}
"**Форма опроса**" и "**Форма создания сделки в CRM**" НЕ передаются через переменную **quiz\_link**!&#x20;
{% endhint %}

## Иные настройки

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FKkETcTdGyoWJJld4cwHI%2F2023-11-23_16-59-17.png?alt=media&#x26;token=89f19ab9-fd0e-49a3-905b-1de8a997efa1" alt="" width="546"><figcaption></figcaption></figure>

После настройки вопросов опроса, а также формы вывода можно перейти к остальным полям раздела:&#x20;

1. Поле "**Текст после отправки формы**" - выводит небольшое всплывающее окно после заполнения полей вопросов и отправки данных:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Fe29GUWXhlw7ANloH5GGz%2F2023-11-23_17-05-55.png?alt=media&#x26;token=624bae81-c383-4bfa-a6e0-53ccd04e8a0c" alt=""><figcaption></figcaption></figure>

2. **Политика конфиденциальности**

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FIuSkstJ24NyQZBtugBzm%2F2023-11-23_17-11-51.png?alt=media&#x26;token=9754df0c-b987-4785-8ecf-84d0633bf2e9" alt="" width="547"><figcaption></figcaption></figure>

При отправке формы можно отображать политику конфиденциальности, а также отмечать чекбокс отмеченным (либо не отмечайте галочкой в поле "Выводить чекбокс сразу отмеченным", если существует необходимость, чтобы пользователь самостоятельно отмечал галочку):&#x20;

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FjMXHVrBomU7wOeuOku8H%2F2023-11-23_17-14-04.png?alt=media&#x26;token=62f40dfc-e0de-4cd4-8bde-644fe7aba6f4" alt=""><figcaption></figcaption></figure>

Ссылку на политику конфиденциальности можно установить самостоятельно либо воспользоваться по умолчанию от Salebot.&#x20;

3. **Политика обработки персональных данных**&#x20;

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F8NypwyoGZliJqIuMWszG%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-11-14%20%D0%B2%2009.39.05.png?alt=media&#x26;token=ca68e714-07e5-4f8d-a4d2-b0e5fb7c5f1a" alt=""><figcaption></figcaption></figure>

Политика обработки персональных данных выводится автоматически, если вы выбрали вопросы для формы вида email, имя и телефон.&#x20;

При необходимости, можно указать собственную ссылку на политику обработки персональных данных (по умолчанию - Политика Сейлбот).&#x20;

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FyzkIazMLHeJxvuBc44U7%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-10-25%20%D0%B2%2016.11.02.png?alt=media&#x26;token=78a8d57a-b59c-479a-bc4b-5361835bfe39" alt=""><figcaption></figcaption></figure>

4. **Цвет текста**: установите наиболее подходящий цвет по своему смотрению.&#x20;

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FwQbp6577EXBp3INAgsht%2F2023-11-29_22-03-14.png?alt=media&#x26;token=2eb3ae8e-b02a-450a-9c36-a0fb67536e3c" alt="" width="490"><figcaption></figcaption></figure>

В данном случае благодаря списку в левом баре можно настроить цвет применительно к различным текстовым отображениям формы опроса:

* Заголовка
* Ответа
* Фона и рамки типа поля

## Заголовок для формы

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FSnLgCHF8iIpTBAS2FYfn%2F2023-11-23_17-19-06.png?alt=media&#x26;token=717d75bc-24df-4588-a714-bc8a558eebe7" alt="" width="544"><figcaption></figcaption></figure>

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

* жирный&#x20;
* курсив
* подчеркнутый&#x20;
* перечеркнутый&#x20;
* размер
* цвет текста
* цвет выделения текста
* выравнивание текста
* маркированный список
* нумерованный список
* ссылка&#x20;

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FMVVG60sGucdLIzxNrrol%2F2023-11-23_17-25-10.png?alt=media&#x26;token=7086b782-b4a9-473e-b67c-2263be926457" alt=""><figcaption></figcaption></figure>

## Кнопки формы

### Социальные сети&#x20;

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FQxm2N0Ad1ikXh9rnu3oo%2F2023-11-23_17-34-35.png?alt=media&#x26;token=690d24cf-274c-468f-b3e9-ee3827f22f9c" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
Отображение кнопок социальных сетей возможно при <mark style="color:red;">**НЕ активных**</mark> переключателях "**Форма опроса**" и "**Форма создания сделки CRM**", а также при <mark style="color:green;">**АКТИВНОМ**</mark> переключателе "**Форма в модальном окне**".
{% endhint %}

В настройках кнопок можно отобразить любую необходимую вам социальную сеть:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FFpKDcxwzdALJyHRg2TDy%2F2023-11-23_17-27-32.png?alt=media&#x26;token=051d1783-65df-4640-835e-c9f06a676be1" alt="" width="559"><figcaption></figcaption></figure>

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FqEm6x3zsvDUFTYeentfY%2F2023-11-23_17-50-04.png?alt=media&#x26;token=3d442e98-ae05-4198-83ac-7d67b9a5880a" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Помните, что социальные сети и мессенджеры необходимо подключить в разделе "Каналы".&#x20;
{% endhint %}

Каждую кнопку мессенджера можно настроить отдельно от другой при клике на "Настроить":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FV5bLP2OUzOl9DDkCs8Dd%2F2023-11-23_17-39-41.png?alt=media&#x26;token=71847cc1-74f8-460c-8ace-13b952d8ad1b" alt="" width="549"><figcaption></figcaption></figure>

Можно вывести необходимый текст кнопки в поле "Текст кнопки", выбрать ее ширину и закругление.

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

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FkCz0Hv0GW2lqiorhMvj8%2F2023-11-23_17-42-44.png?alt=media&#x26;token=e52f7a6d-ac94-4550-8f0d-8b6c10be7a63" alt="" width="355"><figcaption><p>Отображения фона кнопки в обычном состоянии</p></figcaption></figure>

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FY728dTN33Aft2ndgc4yi%2F2023-11-23_17-43-04.png?alt=media&#x26;token=9493ec10-bcd3-428e-937e-7bd55d5c597d" alt="" width="354"><figcaption><p>Отображение фона кнопки при наведении курсора</p></figcaption></figure>

Тем самым получили выделение кнопки:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FMbTOAw6f0lgCpzITPwa4%2F2023-11-23_17-47-06.png?alt=media&#x26;token=ca1b8e71-c1cd-46c8-bee3-01e4fe452d18" alt="" width="290"><figcaption><p>Кнопка в неактивном состоянии/при наведении курсора</p></figcaption></figure>

Не забудьте нажать "Сохранить", чтобы применить к кнопке определенные изменения:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FG6EHZ6TWy4vnB1Qc4EwI%2F2023-11-23_17-53-25.png?alt=media&#x26;token=207db811-bd55-4270-9242-74ea97a6ae89" alt="" width="557"><figcaption></figcaption></figure>

### Кастомные кнопки

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FIEYZ8vwe7gXs3d5FSOnt%2F2023-11-23_18-16-36.png?alt=media&#x26;token=a1eaceaa-89c9-49a8-91f9-7a8a9ee15196" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
Отображение кастомных кнопок возможно только при <mark style="color:green;">**АКТИВНОМ**</mark> переключателе "**Форма создания сделки CRM**".
{% endhint %}

При настройке кастомной кнопки укажите отображение текста кнопки для страницы сайта или Web app:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FK7vcUIqs2NkNkvOVaPv2%2F2023-11-23_18-19-31.png?alt=media&#x26;token=f879f24b-d0bb-4a14-a8d8-55ac387380aa" alt="" width="563"><figcaption></figcaption></figure>

В данном случае можно настроить цвет текста кнопки, а также отображение фона при наведении на нее курсора мыши.&#x20;

Также можно установить размер кнопки и округление ее краев.&#x20;

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FQIMH5q2jFawGYFIAmbRW%2F2023-11-23_18-23-48.png?alt=media&#x26;token=c458f857-2242-4892-8dc2-d62fb11be7d7" alt="" width="563"><figcaption><p>Кнопка в неактивном состоянии/при наведении курсора</p></figcaption></figure>

Так при нажатии на кнопку, данные клиента сделки отправятся в воронку.&#x20;

#### Кнопка **"Отправить"**&#x20;

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F9h8CYwwtwVNOFS6Lj4Xq%2F2023-11-27_18-46-15.png?alt=media&#x26;token=30c4b473-ed46-4add-9615-40e969d82652" alt="" width="563"><figcaption></figcaption></figure>

Кнопка "Отправить" создается автоматически при включении переключателя "Форма опроса": данная кнопка позволяет пользователю передать интересующую вас информацию, а вам, соответственно, получить результаты опроса в системе, где в последующем вы сможете увидеть результаты ответов респондентов.&#x20;

{% hint style="info" %}
Где просматривать результаты опросов, расскажем в статье "[Заявки](https://docs.salebot.pro/saity-dlya-biznesa/konstruktor-saitov/lending-dlya-sbora-zayavok/broken-reference)"&#x20;
{% endhint %}