# Раздел формы квиза

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

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

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

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

**Чтобы создать викторину, выполните следующие шаги:**

**а) Создайте новый сайт** — если вы хотите разместить викторину на отдельном сайте.

**б) Добавьте раздел «Quiz»** — если вы хотите встроить его в уже существующий сайт.

После входа в редактор найдите **«Quiz»** кнопку в меню.

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

Нажмите на раздел «Quiz», чтобы добавить его на страницу вашего сайта.

#### Опрос по страницам

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

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

**Преимущества опроса по страницам**

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

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

**Начало работы**

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

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

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

<figure><img src="/files/86cad2b2e10c3a469b13dfbb4f80d3935bc77517" alt=""><figcaption></figcaption></figure>

Сначала нужно нажать «Создать вопрос»

<div><figure><img src="/files/c723f3d913449021bf145eadba172ae966110218" alt="" width="563"><figcaption><p>Сначала необходимо нажать «Создать вопрос»</p></figcaption></figure> <figure><img src="/files/f6d51c6fdb3fea89577af9c4364c11018eb7e28a" alt="" width="375"><figcaption><p>Первый вопрос — на первой странице</p></figcaption></figure></div>

Первый вопрос находится на первой странице

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

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

Каждая страница викторины (опроса по страницам) содержит собственное содержимое, которое настраивается отдельно от остальных.

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

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

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

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

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

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

<div><figure><img src="/files/d37dfd4602be9a47ca79a43023a5872b77ddffbc" alt=""><figcaption></figcaption></figure> <figure><img src="/files/e620a11d74531c70625966b148e500b962b4faa6" alt=""><figcaption></figcaption></figure></div>

Например, вы можете выбрать тип «Числовое поле», тогда ваш клиент сможет вводить только числовое значение во время опроса.

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

{% hint style="info" %}
Для получения дополнительной информации о типах полей см. основную статью «Ответы формы» в разделе «Настройки содержимого: подраздел [Создать вопрос](#creating-a-quiz-form).&#x20;
{% endhint %}

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

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

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

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

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

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

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

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

<figure><img src="/files/17a3c8d3db4910855cba7a8c4811052b81be7477" alt=""><figcaption></figcaption></figure>

Вставьте ссылку в поле URL, и изображение появится в нужной строке вопроса:

<figure><img src="/files/30382adf0f32ea2c45c3fb3f3d9433a26a044809" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

<figure><img src="/files/95a4f1b1e62e9d84f45c0ce6d8077dffc24993db" alt=""><figcaption></figcaption></figure>

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

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

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

Значение, которое выберет ваш клиент, будет находиться внутри переменной.

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

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

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

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

Этот флажок можно установить для любого типа вопроса: как при выборе варианта ответа, так и когда клиент вводит номер телефона или email.

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

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

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

Затем вы увидите следующую панель с настройками вопроса:

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

Настройки вновь добавленных вопросов аналогичны шагам 1–4.

Шаг 6. Настройте следующую страницу.

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

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

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

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

Здесь вы увидите кнопку «Добавить ещё один вопрос».

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

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

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

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

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

Выберите стартовую страницу.

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

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

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

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

Поля «Заголовок» и «Подзаголовок» необязательны, но, например, вы можете указать уникальное предложение, чтобы привлечь клиентов:

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

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

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

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

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

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

{% hint style="success" %}
Готово!

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

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

Сначала рекомендуем перейти к редактированию содержимого:

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

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

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

Наведите курсор на раздел, чтобы найти кнопку «Настройки».

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

Нажмите на кнопку, после чего справа откроется меню настроек:

<figure><img src="/files/976744af1b8f4d86ada9ea86a0b45b1ea1989d57" alt=""><figcaption></figcaption></figure>

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

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

И нажмите на кнопку «Мессенджеры»:

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

Вы увидите список мессенджеров, кнопки которых можно добавить в форму викторины. Установите флажки у кнопок, которые хотите отображать на странице:

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

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

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

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

<figure><img src="/files/ca8f768af4d4742efc26a1efa432dde63eb87be4" 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.mavibot.ai/doc/ru/websites/saity/blocks/razdel-formy-kviza.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.