Квиз: настройка логики вопросов и ответов

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

В статье разберем, чем удобна такая фича.

Как использовать

Мы подумали, что неплохо знать предпочтения пользователей как можно детальнее. Ведь есть различия по полу, возрасту и предпочтениям, от которых зависит ход квиза. И если первым шагом запросить указать пол, то следующие вопросы выдавать в зависимости от ответа, разные для мужской и женской аудитории. Для большего дробления можно запросить и возраст.
Выстроив логику вопросов, можно настроить и кастомные результаты. Это повысит интерес и вовлеченность, так как пользователи смогут получать индивидуальные результаты, а не стандартное завершение квиза.

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

Как создавать

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

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

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

Оформим начало квиза. Добавим в него поле «Текстовый блок», он поддерживает HTML-теги и поле «Изображение».

Далее приступаем к наполнению вопросами.
Настройка переходов доступна в полях одиночного выбора и выпадающем списке.

Добавим поле «Один из списка» и запросим выбрать формат обучения. Укажем варианты ответов, где под каждым из пунктов выберем раздел для перехода. Для удобства сделаем вариант Видео значением по умолчанию.
ВАЖНО! Список появляется, когда создано минимум три раздела.

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

Теперь создадим вопрос, который поможет нам понять предпочитаемый язык обучения. Добавим поле «Один из списка», где спросим «Какой язык хотите изучать?». Для каждого ответа создадим отдельный результат с промокодом для скидки.

Конечно не стоит забывать о сборе контактов.
Последним шагом запросим email пользователя для заявки на обучение.

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