Квиз
Сайт

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

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

12.04.2021 · 15 минут

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

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

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

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

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

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

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

Задание: Придумайте квиз на 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 бесплатно

Бесплатный конструктор сайта
Все шаблоны
Шаблон онлайн курса
Шаблон курс инвестиций
Шаблон доставка еды
Шаблон онлайн школы
Шаблон для портфолио
Шаблон лендинг для вебинаров
Шаблон интернет-магазин мебели
Одностраничный сайт
Многостраничный сайт
Создать сайт онлайн бесплатно самому
Конструктор сайтов на русском
Сделать сайт для интернет магазина
Создать сайт бесплатно конструктор
Создать бесплатно интернет магазин
Создать сайт конструктор
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Создать сайт с нуля конструктор
Конструктор интернет магазинов
Конструктор страниц
Сайт конструктор бесплатно
Конструктор создания сайтов
Платформа для создания сайта
Разработка сайтов
Бесплатный сайт
бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России
Шаблоны:
Популярные запросы:
support@lpmotor.ru
О компании и сервисе
Тур по сервису
Помощь
Договор-оферта
Партнёрская программа
Шаблоны
Видеоинструкции
Согласие
Тарифы и услуги
Обновления
Инструкции для пользователей
Политика конфиденциальности
Сделано на mottor
Техподдержка
Платная поддержка
Инструкция по установке