Как создать и настроить квиз

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

При правильном использовании квизы значительно поднимают конверсию сайта в заявку и упрощают продажу — опрашивать клиента в чате или по телефону уже не нужно. О том, как правильно использовать квиз, читайте в статье.

Здесь мы разберем, как настроить квиз на сайте с помощью МультиЧата Callibri.

Перейдите в раздел Настройки МультиЧата — Квизы. Нажмите кнопку «Добавить квиз»:

Настраиваем приветственный слайд

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

Можете добавить картинку — так первый слайд станет привлекательнее. Минимальный размер изображений в квизе — 290px на 120px.

Также на каждом слайде можно изменить текст на кнопке:

Вот как это может выглядеть:

Настраиваем вопросы

Нажмите плюсик в меню слева — появится слайд с первым вопросом.

Вопросы бывают четырех видов:

Один вариант — пользователь сможет выбрать только один вариант ответа из предложенных.
Мультивыбор — пользователь сможет выбрать несколько вариантов ответа.

Шкала — пользователь сможет указать на шкале цифр нужное значение с помощью бегунка.

Файл — в качестве варианта ответа на вопрос или в конце квиза вы можете попросить пользователя прикрепить файл размером до 5 Мб. Ссылка на файл появится в отчете ЕЖЛ вместе с заявкой из квиза.

Анкета — в процессе квиза у пользователя можно запросить имя, email, номер телефона, согласие на что-либо (чек-бокс с текстом или радио-баттон) а также оставить поле для комментария. Эти поля можно сделать обязательными, тогда пользователь не сможет продолжить квиз, пока не заполнит их. А можно оставить необязательными — тогда заполнение будет по желанию.

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

Настраиваем финальный слайд

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

Сохраните изменения. Будьте внимательны! После того, как первый пользователь отправит заявку в квизе, отредактировать вопросы будет невозможно.

Чтобы настроить отображение квиза на сайте, нажмите на кнопку «Редактировать», а затем «Настройки»:

Настраиваем дизайн квиза

Вы можете настроить внешний вид квиза в соответствии с дизайном вашего сайта.

Выберите цвет кнопок и других элементов. Есть несколько предустановленных цветов или можете указать свой с помощью палитры.
Выберите шрифт. В квизе можно использовать Roboto, Open Sans, Montserrat, Merriweather или PT Sans.
Укажите, нужно ли отображать квиз на мобильных устройствах.

Каким увидит квиз ваш клиент

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

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

Затем появится кнопка «Посмотреть». Кликните на нее — именно так будут видеть квиз ваши пользователи.

Как добавить квиз на сайт

Чтобы вернуться в настройки квиза, нажмите кнопку «Редактировать» в меню (она показана на скриншоте выше).

Квиз открывается по клику на любой элемент сайта — кнопку или картинку. Для этого нужно прописать его идентификатор в настройках квиза.

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

Чтобы узнать идентификатор, кликните правой кнопкой на элемент, который должен открывать квиз, и нажмите «Посмотреть код» (в Google Chrome это работает так, для других браузеров смотрите инструкцию), вы увидите id или class элемента (например, id=”button_id”). Скопируйте то, что указано в кавычках:

А затем пропишите в настройках квиза.

Если вы прописываете значение class, то укажите его в формате: .значение
Если значение id, то прописывать нужно в формате: #значение

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

Сохраните изменения. Готово! Не забудьте, что слайдер должен находиться в положении «Активен».

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

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

Ответы на квизы будут передаваться вашим операторам в Единый Журнал Лидов. Не забудьте предупредить их!

Связанные страницы

Как настроить МультиЧат в первый раз

Если вы впервые подключаете МультиЧат, используйте эту инструкцию по настройке сервиса. Здесь вы найдете пошаговый алгоритм действий.

Как настроить внешний вид

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

Таб Чат

Настройте авто-сообщения и запрос контактов, установите время работы операторов и время отображения таба.

Таб Заявка

Выберите поля для формы заявки или задайте свои.

Таб Обратный звонок

Укажите номер для переадресации вызовов и до кого дозваниваться первым: до клиента или до вас.

Таб Контакты

Укажите адрес своего офиса или магазина и ссылки на социальные сети.

Как настроить группы операторов

Настройте автоматическое распределение обращений между отделами, чтобы не переводить клиентов вручную.

Настройка Ловцов лидов

Как работать с крючками, всплывающими окнами и подменой контента.

Как настроить дизайн pop-up окна

Оформите всплывающее окно в тонах вашего сайта: меняйте цвет любых элементов.

Настройка 152-ФЗ

Собирайте персональные данные легально: заполните поля и Callibri сгенерирует нужные документы.

Как создать и настроить квиз

Повышайте конверсию в заявку с помощью квизов — коротких тестов, которые помогают выявить потребности пользователя.

Как настроить чат-бот

Подключите чат бот на свой сайт и собирайте обращения клиентов 24/7. Пригодится по ночам, в выходные и праздники.

Как настроить саджесты

Саджест — это шаблон сообщения пользователя, которое он может отправить одним кликом. Повышает лояльность и экономит время клиента.

Прочие настройки МультиЧата

Настройте язык и кнопки открытия виджета, включайте автораспределение диалогов и блокируйте нежелательные IP-адреса.

Что такое МультиЧат?

МультиЧат Callibri — это интернет-сервис, доступный для использования с любого браузера, установки дополнительного ПО не требуется.

МультиЧат не появился на сайте

Наиболее вероятные причины и способы решения проблемы

Не нашли решение проблемы? Обратитесь в техподдержку, мы поможем

Создать обращение