Что такое квиз (Quiz) и как правильно его создать

Квизом можно назвать новый эффективный маркетинговый инструмент, с помощью которого можно выявить потребности посетителя сайта. Квиз (с англ. Quiz - викторина) - это пошаговая форма захвата, которая помогает с каждым последующим вопросом всё более заинтересовать клиента, а не сразу спугнуть опросником в 10 - 20 вопросов на одной странице, и в итоге, оставить заявку и получить его контактную информацию.

Преимущество квизов

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

• Кто он?
• Что ему нужно?
• Сколько он готов потратить денег?
• Когда?

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

• Конверсия квизов составляет от 12 процентов
• Фактически каждый второй пользователь открывает тест для ознакомления.
• Цена создания
• Создание инструмента для продажи товаров и услуг за короткие сроки.
• Отдел продаж, после отправки заявки, сразу видит, что нужно клиенту
• Даёт возможность сделать конкретное «горячее» предложение, в соответствии с потребностями посетителя сайта
• Могут использоваться просто для увеличения посещаемости сайта
• Есть готовые шаблоны на разные темы.

Психологические аспекты

• Определённая «страсть» к прохождению тестов и опросов
• Чувство незавершенности, если не до конца прошел тест

Как правильно создать quiz?

Чтобы мотивировать посетителя пройти тест, нужно ясно пояснить - зачем ему это нужно. Целью прохождения квиза может быть решение его интереса или получение бонуса или подарка. Тест состоит в основном из нескольких страниц: входной страницы с предложением пройти опрос и бонусами за прохождение теста, и страницы с вопросами и формой заявки в конце. Проходя опрос, потенциальный клиент, находит для себя наиболее привлекательный товар. Все квизы используются в роли игровой механики. Квиз – это как одностраничный сайт, одностраничный лэндинг, который выполнен по всем требованиям лэндинга, но имеет один узконаправленный заголовок, решающий определённую «боль» клиента, даёт за это, какие-то подарки, бонусы, скидку, предлагая пройти тест.

Пошаговая подача информации вовлекает и посетителю хочется пройти дальше. Когда создаём квиз для сайта, мы не должны сразу показывать все вопросы, мы даём 4 - 6 вопросов, на которые человек последовательно отвечает и в конце оставляет свои контактные данные. После заполнения формы клиентом вы будете точно понимать ваш это клиент или нет.

Квизы могут быть вариативными. В отделе продаж получив ответы с опросника, сразу видно, что клиенту нужно, и ему не надо звонить и задавать кучу вопросов. К примеру, на сайте при заказе такси, в вопросах нужно указать, кто едет, какой класс машины, маршрут и в конце обязательно бонус, в виде скидки на поездку или на цену за километр. Главное, правильно подобрать вопросы, сделать их вариативными, чтобы посетитель, выбрав один ответ, то пошёл по одному пути, выбрав другой – по-второму (третьему). Вопросы не должны быть сложными, «надоедливыми», лучше, чтобы они сопровождались пояснениями (пример шкаф-купе, материал какой), чтобы клиент просто выбрал вариант ответа.

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

Основные ошибки при создании

1. Не учитывать разные типы клиентов. В вопросе нужно сразу выделить тип клиента
2. Оставлять ответ вручную, т.е. заставлять потенциального клиента вводить вручную много цифр, текста
3. Никаких выборов даты, т.е. открыть календарь – выбрать месяц, день
4. Прикрепить файл проекта (можно сделать необязательным, сделать дополнительной опцией)
5. Выпадающие списки и мелкие пункты, в которых сложно попасть (с мобильного устройства)
6. Не учитывать, что человек не знает. Т.е. должен быть пункт – не знаю
7. Не давать подсказки (тяжело с терминами, если потенциальный клиент «не в теме»)
8. Задавать много вопросов (более 6)
9. Не объяснять зачем задан вопрос (используйте подсказки на полях)
10. Задавать больше одного вопроса на шаге
11. Не мотивировать пользователя на последнем шаге (скидку закрепить за номером телефона)

Способы создания квизов

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

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

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

На самом деле все очень просто, используя конструктор квизов FormDesigner. Для начала нам нужно создать пустую форму. Для этого перейдите в список форм и нажмите на кнопку “Создать форму”:

Слева отобразится список шаблонов и мы выберем шаблон “Квиз (Quiz)”:

Кликните на сам шаблон и нажмите кнопку “Продолжить с этим шаблоном”:

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

Введите название и нажмите кнопку “Сохранить”, после чего вы будете перенаправлены на страницу “Элементы” формы:

Именно на этой странице и создаются все вопросы и ответы вашего квиза. Как мы говорили выше, необходимо все вопросы размещать на отдельных страницах. В шаблоне, по умолчанию, уже добавлены элементы и страницы. Вы можете добавлять/удалять и редактировать элементы в этом шаблоне. Необходимо использовать чекбоксы или переключатели, в зависимости от того, сколько ответов можно выбрать. “Чекбоксы” позволяют выбрать несколько значений, а переключатели - один.

В шаблоне на первой странице размещен первый вопрос в виде чекбокса, т.е. на этот вопрос можно дать несколько ответов.

Для того, чтобы отредактировать этот вопрос и настроить варианты ответов необходимо навести курсор мыши на добавленный элемент и нажать на иконку в виде “Редактирования”:

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

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

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

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

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

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

Еще хочу обратить ваше внимание на еще одну настройку чекбоксов и переключателей - это расположение.

По умолчанию, все вопросы выводятся в одну колонку (столбец). Если вам необходимо расположить их в несколько столбцов, то в параметре “Расположение” выберите в соответствующее количество колонок. Таким образом ответы будут автоматически выравниваться в заданное количество колонок. Если выбраны такие параметры, то выравнивание будет:

• В 2 колонки - для выравнивания в 2 столбца с шириной 50%
• В 3 колонки - для выравнивания в 3 столбца с шириной 33%
• В 4 колонки - для выравнивания в 4 столбца с шириной 25%

После того, как вопрос и все варианты ответа настроены нажимайте на кнопку “Сохранить”. Теперь вы можете переходить к второму вопросу на второй странице. Если не подходят стандартные типы элементов на страницах, Вы можете добавить страницу и добавить туда необходимые элементы, а также можете удалить или добавить страницы в форме. Чтобы удалить страницу, Вам необходимо нажать на крестик справа, от названия страницы:

Чтобы добавить новую страницу, необходимо кликнуть на ссылку “Добавить страницу”:

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

Стоит обратить ваше внимание на то, что на последней странице нет кнопки “Назад”. Это сделано специально. Чтобы этого добиться, нужно на последнюю страницу добавить отдельный элемент формы “Кнопка”. Если у вас будет добавлена такая кнопка, то кнопка назад не будет выводиться на последней странице.

Индикатор прохождения

Еще одним важным элементом любого квиза является индикатор прохождения. Он показывает на сколько вопросов мы ответили и сколько еще осталось.

Индикатор прохождения включён по умолчанию в шаблоне. Также есть возможность выводить страницы в виде вкладок, но нам для квиза это не подходит. При необходимости вы можете настроить перемешивания страниц, чтобы разным пользователям выводились разная последовательность вопросов. Чтобы зайти в такие настройки, необходимо открыть “Параметры страниц”:

После чего вы увидите все параметры страниц, которые можно настроить:

Также, здесь можете включить опцию “Скрывать кнопку “Назад” в форме”, т.е. пользователь не сможет вернуться на предыдущую страницу, указать названия страниц и активировать “Пошаговую форму”.

Настройка внешнего вида

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

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

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

Результаты заполнения

С помощью конструктора, Вы можете выводить различные результаты, в зависимости от выбранных вариантов пользователем. Для этого, во вкладке “Логика”, есть раздел “Правила для результатов формы”:

Здесь вы можете добавить правила, при котором будет выводится необходимый результат, для этого необходимо нажать кнопку “Добавить правило”:

И выбрать условия, при котором будет установлен определённый текст:

В итоге, добавленное правило, будет иметь вид:

О настройке логических правилах можете узнать здесь. В итоге, если пользователь выберет на первой странице “Вариант ответа 2” и на второй странице “Ответ 4”, то ему после отправки форму будет выведена страница с текстом, отличным от стандартного, который указан в основных параметрах во вкладке “Настройки” формы.

Читайте также: Подробная инструкция по созданию калькулятора для сайта

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

Высоких вам конверсий! Если что-то не понятно, оставляйте свои комментарии ниже.