Квиз
Сайт

Вопрос на миллион: как сделать продающий квиз-сайт?

Из этой статьи вы узнаете, как сделать квиз-сайт, приносящий больше заявок, чем обычный сайт

12.04.2021 · 15 минут

Что такое квиз и чем он отличается от обычного сайта

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

Попробуйте пройти наш тестовый квиз: https://testquiz.lpmotortest.com
После прохождения вами опроса мы уже знаем, какой тип жилья вы предпочитаете, и при общении наш разговор будет более предметным, а предложение — более персонализированным.

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

Мы разобрались в том, что такое квиз, и в чём его преимущество. Перейдём к его конструированию. Оно состоит из трёх частей: — проработки вопросов, настройки внешнего вида квиза и непосредственно сборки на конструкторе. Начнём с вопросов.

Как составить вопросы для квиза

Наверняка, вы слышали о том, что все вопросы делятся на три группы: — закрытые, открытые и альтернативные:
• Закрытые подразумевают ответ “да”/”нет”.
Открытые предполагают развёрнутый ответ.
• Альтернативные содержат в себе несколько вариантов ответа, а отвечающий выбирает из них.
Закрытый вопрос
Альтернативный вопрос
Открытый вопрос
Закрытые и альтернативные вопросы помогают компании получить от пользователя фактическую информацию. На такие вопросы проще отвечать.

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

Задание: Придумайте квиз на 5-10 вопросов

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

Просить пользователя оставить контактные данные нужно в конце квиза. Если попросить данные в начале, то можно потерять пользователя уже на этом шаге. Если же попросить их в конце — когда пользователь ответил на вопросы и ждёт результата — шанс на получение от него контактов выше.

Доводим структуру до совершенства

Основной каркас квиза готов. Осталось проработать три вопроса:

1. Расположите вопросы от простого к сложному
Просмотрите список вопросов и расположите их от простого к сложному. Если сразу показать пользователю сложный вопрос, то вероятность того, что он закроет квиз, будет выше, чем в случае если начать с чего-то простого.

Пример простого вопроса: Вашему дому потребуется отопление?
Да/Нет
Пример сложного вопроса: Какой тип бетона вы использовали для заливки фундамента? М-100/М-200/М-300

2. Расскажите, почему вы спрашиваете
Если вы собираете конфиденциальную или специфическую информацию, то пользователь невольно задумается, зачем она вам. Подготовьте для каждого вопроса объяснение на пару предложений.

Пример вопроса: Планируете ли вы брать ипотеку для строительства дома?
Объяснение: У нас есть кредитный консультант. Он подберёт вам ипотеку на наиболее выгодных условиях.

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

Внешний вид квиза

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

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

1. Оффер

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

2. Подзаголовок

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

3. Фоновая картинка

Пример фоновой картинки для строительства домов
Найдите картинку по вашей теме в интернете. Для этого подойдут фотостоки, например Pixabay или Shutterstock.

4. Кнопка квиза

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

Сборка квиза

Мы добрались до самой важной части — превращения заметок и сохранённых материалов в полноценный квиз-сайт.

1. Зарегистрируйтесь в mottor

Нажмите на кнопку "Попробовать бесплатно":
После нажатия на кнопку откроется окно, в котором нужно ввести номер телефона и пароль.

После ввода система попросит указать email — это необходимо, чтобы защитить аккаунт от мошенников.

Готово. Ваш аккаунт зарегистрирован в mottor. Теперь в нём будут храниться все запущенные сайты, черновики будущих сайтов и заявки.

2. Создайте новый сайт

Кликните на кнопку в правом верхнем углу экрана
Раздел Сайты в mottor

3. Выберите подходящий шаблон квиз-сайта

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

Нажмите на кнопку "Квиз- сайты"
Перед выбором каждый шаблон можно детально изучить с помощью кнопки "Посмотреть":
Переход к просмотру квиза
Всего на mottor представлен 21 шаблон. Эти шаблоны мы делали совместно с профессиональными составителями квизов. Вопросы в них уже настроены таким образом, чтобы приносить заявки. 
Если в шаблонах вы не нашли идеального варианта — ничего страшного. Посмотрите имеющиеся варианты и нажмите кнопку "Выбрать" на наиболее понравившемся.

4. Измените фоновую картинку

Сейчас вы находитесь в редакторе страницы. Подробно разобраться с интерфейсом вам поможет это видео. А пока остановимся на смене фоновой картинки. Это просто: сделайте всё как показано на этом изображении, и фон вашего сайта готов.
Изменение картинки

5. Измените тексты

Теперь измените заголовок и подзаголовок на сайте. Для этого кликните по блоку с текстом, выделите его с помощью клавиш Ctrl + A (Cmd + A) и впишите свой текст. Если нужно поставить дополнительный блок, сделайте то, что показано на этой картинке.
Изменение текстов на сайте
Также у нас есть видео, где рассказывается о работе с текстовыми блоками:

6. Измените вопросы в квизе

Мы добрались до последнего этапа — добавления вопросов в квиз. Пример работы с вопросами можно посмотреть в нашем коротком видео:
Работа с quiz-формами в mottor
Поздравляем, ваш квиз готов! Теперь можно смело запускать рекламу и получать первые заявки.

Итоги

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

— в чате на сайте lpmotor.ru

— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)

— в Телеграм: https://t.me/lpmotorchat

Ищете конструктор чтобы собрать сайт или интернет-магазин?
Попробуйте mottor бесплатно