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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пройти тестовый квиз

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

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

Кнопка создания квиза

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

Настройка заголовка квиза

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

Страница добавления вопросов в quiz

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

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

Добавление множественного выбора в quiz

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

Редактирование вопроса в квизе

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

Основные настройки вопроса в квизе

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

Добавление вариантов ответа к вопросу квиза

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

Добавление изображений к вариантам ответа в квизе

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

Загрузка изображения на сервер

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

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

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

Расположение вариантов ответа в квизе

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

Также мы предусмотрели выравнивание вариантов ответа в несколько фиксированных столбцов. Для этого мы создали специальные CSS классы:

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

В будущем мы упростим работу с этими параметрами и добавим отдельную настройку.

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

Добавление новой страницы в квиз

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

У меня, в моем тестовом квизе, получилось собрать такую страницу:

Форма захвата в квизе

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

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

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

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

Чтобы добавить его в наш квиз необходимо открыть “Параметры страниц”:

Параметры страниц

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

вывод названия страниц в форме

Здесь вам необходимо изменить вывод названия страниц в форме и выбрать “В виде индикатора заполнения”. Также есть возможность выводить страницы в виде вкладок, но нам для квиза это не подходит. При необходимости вы можете настроить перемешивания страниц, чтобы разным пользователям выводились разная последовательность вопросов.

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

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

Изменение темы оформления квиза

После чего перед вами откроется панель со списком всех доступных тем оформления. Нам нужно пролистать темы вправо и выбрать там тему “Квиз”:

Выбор темы оформления квиза

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

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

Копирование темы оформления квиза

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

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

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

Комментарии