Создать квиз

Здравствуйте!

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

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

Мы считаем, что грех не воспользоваться таким мощным инструментом для привлечения трафика. Как правильно составить тест, мы с Вами разберём на примере сервиса Marquiz.

Шаг 1. Выбор шаблона

Сервисы разрабатываются людьми, которые разбираются в маркетинге, поэтому если программа предлагает пользователям готовые шаблоны, то можно смело ей довериться. 60% работы уже выполнено за Вас — остаётся только кастомизировать тест под Ваши нужды.

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

Выбор шаблона квиза

Шаг 2. Настройка стартовой страницы

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

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

Создание викторины

2.1. Настройка формата

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

Выбор формата

2.2. Выбор дизайна стартовой страницы

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

Лайфхак. Если Ваша картинка большая и качественная, то ставьте её в качестве фона — для потенциальных клиентов это выглядит привлекательнее.

Настройка дизайна

2.3. Выбор фона

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

Создание фона квиза

2.4. Расположение элементов

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

Настройка расположения элементов

2.5. Фото для мобильной версии

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

Фото для мобильной версии

2.6. Добавление сведений о кампании

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

Сведения о компании

2.7. Домен

Если Ваш квиз — это отдельный лендинг, то укажите домен страницы.

Добавление домена

2.8. Создание оффера

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

Например, хорошим заголовком в отрасли фотокартин будет “Подарок близким по цене букета цветов”, а подзаголовок “Тест поможет Вам подобрать идеальную картину, которая запомнится на всю жизнь”. Правда цепляет?

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

Создание оффера

Шаг 3. Создание вопросов

Блок довольно большой, и чтобы у Вас не возникло трудностей, разберу его подробно.

3.1. Заголовок

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

Цепляющий заголовок

3.2. Типы вопросов

Программа предлагает разные типы вопросов на выбор — мы перечислим их ниже.

- Варианты ответов. Задаёте вопрос и предлагаете несколько вариантов ответа. Его нужно сформулировать максимально точно и понятно.

Настройка вариантов

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

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

 

Дополнительные настройки

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

Варианты ответа с картинками

- Варианты ответа + картинки. Этот тип — комбинация двух предыдущих. Настраивается, соответственно, точно так же.

Варианты ответа + картинка

- Эмодзи. Пользователи отвечают смайликами.

Эмодзи

- Свой вариант ответа. Если однозначно ответить нельзя, предложите клиентам написать свои собственные мысли. Если предполагается объёмный ответ, выберите опцию "Многострочное поле".

Собственный вариант ответа

- Выпадающий список. Ответы не сразу отображаются на экране, а выпадают списком. Такой тип вопроса даёт человеку время на размышления.

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

Выпадающий список

- Дата. В качестве ответа предлагается выбрать дату. Это очень удобно для сферы организации мероприятий.

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

Настройка параметров даты

- Ползунок. Правильный ответ выбирается с помощью ползунка. Этот вид подойдёт, например, если пользователю предлагается выбрать количество товара.

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

Настройка ползунка

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

Выбор диапазона

- Загрузка файлов. Пользователю предлагается загрузить файл. Такое взаимодействие с большой вероятностью перерастёт в полноценную заявку.

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

Загрузка файлов

3.3. Заполнение поля Консультант

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

Консультант

3.4. Ветвление вопросов

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

Кнопка оздания ветки

Для создания ветки Вам нужно задать условия видимости. Например, мы хотим спрашивать "Хотите ли Вы инстаграм-ролик?" после ответа "10-15 минут" на вопрос "Какой длины Вам нужен фильм?". То есть здесь задано одно условие. Вы можете задать бесконечное количество веток.

Настройка условий для веток

Шаг 4. Настройка результатов

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

4.1. Когда и как показывать результаты

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

Показ результата викторины

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

4.2. Внешнее оформление результатов

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

Внешний вид результата

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

Стоимость

Оформите кнопку призыва к действию. Можете дать ей своё название или оставить стандартное.

Кнопка призыва к действию

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

Условия отображения результатов

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

Условия отображения баллов

Шаг 5. Сбор контактов

Теперь мы подошли к главной цели квиза — получить контактные данные пользователей.

5.1. Выбор полей формы

- Классические. Сначала человек заполняет поле с именем, затем ему предлагается оставить номер телефона.

Классические поля для сбора контактов

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

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

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

Мессенджеры и соцсети

5.2. Текст формы

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

Поля текста формы

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

Сообщение после отправки формы

Шаг 6. Добавление скидки и бонуса

Здесь всё просто: активируете функцию и выбираете вид скидки. Обратите внимание, что валюта по умолчанию — рубли. Изменить валюту можно в настройках.

Добавление скидки

Бонусы заполняются по тому же принципу: активируете, настраиваете и готово.

Добавление бонуса

Шаг 7. Установка квиза

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

1. На готовый сайт или лендинг

Если Вы создаете отдельный квиз-лендинг, вставьте код в блок head в начале страницы. Тест может открываться по двум сценариям: когда пользователь заходит на сайт или когда собирается его покинуть.

Установка на лендинг

2. Вставка в нужное место

Здесь настраивается установка на готовую посадочную страницу или ресурс.

Настроить нужно следующие параметры:

• Конструктор кнопки. Выберите вид кнопки, её цвет и цвет текста и вставьте код туда, где тест должен отображаться;
• Своя кнопка. Если Вам не нравится стандартная кнопка, то Вы можете вставить код своей кнопки или события;
• Вставить квиз в тело сайта. Здесь настраиваются размеры поля викторины.

Далее копируете код и вставляете его в нужное место. Готово!

Установка в нужное место

3. Всплывающие баннеры

Напишите текст-призыв и заголовок для поп-ап окна, а также определите время, когда баннер должен появляться. Чётких рамок нет — всё зависит от того, сколько времени в среднем посетители проводят на Вашем сайте.

Создать поп-ап викторину

Важно. Чтобы убедиться, что квиз установлен корректно, нажмите на кнопку “Посмотреть”.

4. Установка в сообщество ВКонтакте

Для начала привяжите группу к программе инструментом "Добавить приложение".

Привязка к группе в ВК

Сервис предлагает два сценария: привязать тест непосредственно в группе или опубликовать на стене призывающий пост с кнопкой. Чтобы опубликовать сниппет, вставьте в запись ссылку на приложение, а в сервисе вставьте ссылку на приложение в соответствующее поле.

Установка сниппета

Чтобы квиз открывался непосредственно в группе, в самой группе нажмите кнопку “Редактировать” и в появившемся окне вставьте его id.

5. Прямая ссылка

Копируете ссылку, вставляете куда нужно и вуаля, Ваш инструмент привлечения трафика для бизнеса готов!

Прямая ссылка на тест

Коротко о главном

С формой, думаем, мы максимально подробно разобрались, а теперь дам несколько советов по содержанию Вашего будущего квиза.

• Длина квиза. Вопросов не должно быть слишком много: нам нужно, чтобы клиент дошёл до конца и оставил заявку;
• Простота. Вопросы и варианты ответа должны быть сформулированы доходчиво и по существу. При необходимости оставляйте подсказки;
• Разнообразие. Добавляйте картинки, комбинируйте разные варианты вопросов и ответов — не дайте клиенту заскучать (но и не перегрузите квиз);
• Бонусы и скидки. Наградите клиента за оставленные данные промокодом, бонусами или скидками.

Вот, собственно, и всё. Напомню ещё раз ТОП программ для создания викторин:

• Marquiz;
• envybox.io/quiz/;
• Enquiz.