# Секция "Квиз"

Секция «Квизы» в конструкторе сайтов Salebot — это функциональный инструмент, который позволяет создавать интерактивные опросы и анкеты прямо на вашем сайте. 

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

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

## Создание Квиз формы

Для создания форм вида "Постраничный опрос" вам необходимо:

а) создать новый сайт - если вы хотите создать "Постраничный опросы" на отдельном сайте;

б) добавить секцию "Квиз формы" - если вы хотите добавить секцию в уже готовый сайт.&#x20;

Для создания сайта с формой, необходимо перейти в раздел "Сайты":

<figure><img src="/files/6VA21abxwKxm9vFwuwlu" alt="" width="265"><figcaption></figcaption></figure>

Далее найдите кнопку "Создать" и кликнуть по кнопке "Создать сайт":

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

Выберите форму "Квиз": тогда будет создан лендинг с квиз-формой. Чтобы перейти в настройки страницы, нажмите "Редактировать":

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

На странице будет отображена готовая квиз-форма:

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

### Как добавить квиз на готовый сайт?

Чтобы добавить секцию (блок) квиз в уже готовый сайт перейдите в раздел "Сайты":

<figure><img src="/files/6VA21abxwKxm9vFwuwlu" alt="" width="265"><figcaption></figcaption></figure>

Далее найдите необходимый сайт и кликните по кнопке "Редактировать":

После чего вы перейдете на страницу редактирования вашего готового сайта.&#x20;

Далее найдите кнопку "+" между уже готовыми блоками (секциями) сайта, чтобы добавить новую секцию:

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

После клика на "+" откроется меню с секциями для сайтов, где необходимо найти блок "Квиз форма":

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

Кликните по секции "Квиз форма", чтобы она добавилась на вашу страницу сайта:

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

{% hint style="success" %}
Теперь вы знаете, как добавить форму на ваш готовый сайт и создать сайт с заранее установленной формой!&#x20;
{% endhint %}

## Постраничный опрос

Постраничный опрос (или квиз) — это тип анкеты или теста, в котором вопросы разделены на несколько страниц. Пользователь отвечает на вопросы последовательно, переходя от одной страницы к следующей. Этот формат делает процесс взаимодействия более удобным и интуитивно понятным, так как вместо длинного списка вопросов пользователь видит их по одному или в небольших группах.

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

Преимущества постраничного опроса:

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

Такие опросы идеально подходят для сбора обратной связи, проведения маркетинговых исследований и (или) генерации лидов.&#x20;

### Начало настройки

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

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

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

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

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

<div><figure><img src="/files/RYc3zTYs1qmlQU6DoNjy" alt="" width="563"><figcaption><p>Сначала необходимо кликнуть на "Создать вопрос"</p></figcaption></figure> <figure><img src="/files/kZgbvx7ovwZc2JXP4SaW" alt="" width="375"><figcaption><p>Первый вопрос - на первой странице</p></figcaption></figure></div>

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

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

Каждая страница квиза (постраничного опроса) содержит в себе собственный контент, который настраивается отдельно друг от друга.&#x20;

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

### Страницы опросов

После того как вы создали первый вопрос, перейдите к его заполнению:

**Шаг 1. Пропишите сам вопрос:**

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

Далее выберите тип вопроса:

<div><figure><img src="/files/tiMD5jo6KC0hP4EuQbMo" alt=""><figcaption></figcaption></figure> <figure><img src="/files/GLQerj8B8gUlOMryAWh8" alt=""><figcaption></figcaption></figure></div>

Например, вы можете выбрать тип "Числовое поле", тогда ваш клиент при прохождении опроса сможет ввести только числовое значение.&#x20;

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

{% hint style="info" %}
Подробнее о типах поля, рассказали в основной статье "Ответы форм" в разделе "[Настройка контента: подраздел "Создать вопрос"](broken://pages/YOzidl4HYJaWmkPXnuYY#nastroika-kontenta-podrazdel-sozdat-vopros).&#x20;
{% endhint %}

Если вы выбираете типы вопросов в виде "Имя", "Email", "Телефон" и др., то вводить текст вопроса и ответ на него в настройках контента уже не нужно - все заранее установлено разработчиками:

**Шаг 2. Добавьте ответы,** если выбрали типы вопросов, в которых клиенту необходимо выбрать вариант ответа:

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

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

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

Для этого прогрузите необходимое изображение в файловое хранилище:

<figure><img src="/files/Bb9LafbSV1fFLiRDPXdH" alt="" width="265"><figcaption></figcaption></figure>

И после того как изображение загрузится, скопируйте ссылку на него:

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

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

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

Далее если вы заполните поле "Свободный ответ", то ваш пользователь сможет ввести ответ на свой вопрос в свободной форме:

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

В данном поле введите текстовое значение, например, "Свободный ответ" или "Свой ответ":

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

Тогда клиент сможет ввести ответ на вопрос в свободной форме:

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

**Шаг 3. Переменная**

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

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

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

**Шаг 4. Обязательный вопрос**

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

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

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

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

**Шаг 5. Добавить следующие вопросы на странице**

Чтобы добавить любое необходимое количество вопросов на текущей странице, найдите кнопку "Добавить вопрос" под предыдущим вопросом:

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

Тогда вам откроется следующая плашка с настройками вопроса:

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

Настройки новых добавленных вопросов идентичны шагам 1-4.&#x20;

**Шаг 6. Настройка следующей страницы.**&#x20;

После того, как вы полностью настроили страницу 1, в зависимости от количества установленных страниц в настройке, вам необходимо перейти к настройке второй (а далее третьей, четвертой и т.д) страницы. Для этого пролистните вверх и найдите выпадающий список с выбором настройки страниц:

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

Выберите страницу, которую необходимо настроить, и нажмите на нее:

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

Здесь вы увидите кнопку "Добавить еще вопрос".&#x20;

{% hint style="success" %}
Вопросы на последующих страницах настраиваются аналогично шагам 1-5.&#x20;
{% endhint %}

### Стартовая страница

Настройки стартовой страницы и страницы результата необязательны, поэтому если вы не хотите настраивать обложку для вашего квиза, то можно пропустить, и тогда ваш клиент сразу увидит вопросы с первой страницы.&#x20;

Если же вам по дизайну, например, вашего сайта необходимо настроить обложку, то найдите выпадающий список со страницами и кликните "Стартовая страница":

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

Выберите стартовая страница.&#x20;

Шаг 1. Создайте стартовую страницу:

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

Вам откроются настройки для загрузки изображения, заголовка и подзаголовка.&#x20;

Шаг 2. Пропишите Заголовок и Подзаголовок для стартовой страницы

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

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

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

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

Шаг 3. Загрузите изображение.&#x20;

Для красочности секции и стартовой страницы добавьте изображение:

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

{% hint style="success" %}
Готово!&#x20;

Вы смогли настроить стартовую страницу постраничного опроса.&#x20;
{% endhint %}

## Как добавить кнопки на мессенджеры в секцию квиз?

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

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

И добавить чекбоксы в форму для согласия с обработкой данных:

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

Наведите на секцию, чтобы найти кнопку "Настройки".&#x20;

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

Кликните по кнопке, тогда откроется меню настроек справа:

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

Теперь разверните выпадающее меню "Настройки кнопок":

<figure><img src="/files/4mrilaRG7ilw1EP42LW6" alt=""><figcaption></figcaption></figure>

И кликните на кнопку "Мессенджеры":

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

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

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

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

Отобразятся только те кнопки мессенджеров, которые подключены в разделе "Каналы".
{% endhint %}

Далее можно настроить кнопку по своему усмотрению, кликнув на "Настроить" в строке:

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

Например, можно кастомизировать кнопку под цветовое решение своего сайта, прописать текст и пр.:

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


---

# 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/builder/sekcii-bloki/sekciya-kviz.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.