Как создать квиз-сайт: пошагово, с примером и данными

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

Формат вырос из дорогой рекламы. Человек кликнул по объявлению, и с ним сразу начинают разговор: какая кухня, какой длины, куда прислать расчёт. Длинную страницу читать не нужно. Мы посмотрели, как это работает на формах наших клиентов. Типичный квиз из двух-пяти экранов доводит до заявки 5,9% открывших, типичная одностраничная форма 2,8%.

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

Если коротко, квиз-сайт это лендинг, из которого убрали всё, кроме квиза. Сравнение с двумя соседними форматами:

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

Когда квиз-сайт работает, а когда нет

Лучше всего формат работает там, где цену нельзя назвать сразу, а человеку она нужна прямо сейчас.

• Услуги с ценой по параметрам: кухни и мебель на заказ, ремонт, окна, строительство, туры, обучение
• Холодный трафик из рекламы и соцсетей, где человек ещё ничего о вас не знает
• Проверка нового предложения или ниши, когда сайта ещё нет, а спрос проверить хочется

А вот где квиз-сайт проигрывает. Простой товар с понятной ценой продаёт кнопка «Купить», вопросы ему только мешают. Дорогие решения для бизнеса выбирают неделями, и там нужны кейсы, документы и живой менеджер. И главное: если заявки никто не обрабатывает в тот же день, никакой квиз не поможет.

Из чего состоит квиз-сайт

Хороший квиз-сайт укладывается в пять экранов. Вот как это выглядит на примере кухонь на заказ.

1. Стартовый экран. Одна строка о том, что человек получит, сколько это займёт («4 вопроса, минута») и что достанется сверху: бонус, скидка, подборка. Кнопка «Начать» сразу под ними.
2. Вопросы. По одному на экран, лёгкие в начале. Лучше всего работают вопросы с картинками и диапазонами: выбрать «угловая» проще, чем описать словами, а попасть в диапазон «3-4 метра» проще, чем назвать точную цифру.
3. Контакт. Одно-два поля и объяснение, зачем они: «пришлём расчёт и три варианта». Под кнопкой согласие на обработку персональных данных.
4. Спасибо. Что будет дальше и когда: «расчёт придёт в течение 15 минут». Сюда же ссылка на портфолио или соцсети, чтобы человек не закрыл вкладку сразу.

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

Примеры квиз-сайтов для разных ниш

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

Обратите внимание на заголовки. В каждом есть результат, который человек заберёт с собой: цена, подборка, группа. «Пройдите опрос» или «Ответьте на вопросы» не обещают ничего, и повода нажать «Начать» под ними нет.

Сколько вопросов нужно: данные stepFORM

Мы взяли формы клиентов stepFORM с полем телефона или почты, у которых за 90 дней было не меньше ста открытий и пяти заявок. Для каждой посчитали долю открытий, которые закончились заявкой, и разложили по числу экранов. Чтобы один клиент с десятком квизов не перетянул результат, считали медиану сначала внутри аккаунта, потом по аккаунтам.

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

Мы смотрели на живые формы, контрольной группы здесь нет. Ниши, трафик и предложения у всех разные, поэтому цифры стоит читать как ориентир. Но вывод совпадает с опытом: три-пять вопросов и контакт, всё остальное менеджер спросит по телефону.

Как создать квиз-сайт в stepFORM: пошагово

1. Создайте форму из шаблона или с нуля. Шаблоны разложены по нишам: ремонт, строительство, недвижимость, мероприятия и другие.
2. Соберите стартовый экран: заголовок с предложением, срок прохождения, бонус и кнопку.
3. Добавьте вопросы по одному на страницу: картинками, списком или ползунком. Логические ветвления уведут человека в свои вопросы, если ему, например, нужна не кухня, а шкаф.
4. Посчитайте цену, если она нужна. Формула возьмёт ответы и покажет сумму в конце. Как это устроено, подробно в статье про квиз с расчётом цены.
5. Сделайте экран контакта. Для телефона включите маску ввода, а в настройках кнопки отправки на вкладке «Политика конфиденциальности» включите согласие на обработку данных.
6. Настройте страницу благодарности: показать текст, показать текст и открыть ссылку или сразу перейти по ссылке. Что на ней писать, разобрали в отдельной статье.
7. Заполните «Информацию о проекте»: заголовок, описание, картинку и фавикон для соцсетей, мессенджеров и поиска.
8. Выберите адрес. Стандартный есть сразу, свой адрес на домене сервиса доступен с «Новичка», свой домен с «Профи».
9. Подключите уведомления и аналитику. Письмо о заявке приходит и на бесплатном тарифе, Битрикс24 и Метрика подключаются с «Новичка», Telegram и вебхук с «Профи».
10. Проверьте на телефоне. В предпросмотре есть режимы компьютера, планшета и телефона. Потом отправьте себе тестовую заявку и засеките, когда она пришла.

Свой домен подключить несложно. На вкладке «Публикация» в разделе «Ссылка» выберите «Прикрепить свой домен», а у регистратора добавьте одну A-запись с адресом, который покажет stepFORM. Обновление записи иногда занимает до 72 часов. Домен прикрепляется один на аккаунт и работает сразу для всех форм, поэтому удобно взять поддомен вроде kviz.вашсайт.ru.

Реклама на квиз-сайт: что настроить до запуска

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

• Подключить Яндекс Метрику: номер счётчика вводится в настройках формы, а цель на заявку создаётся как JavaScript-событие с идентификатором из stepFORM
• Для VK Рекламы включить VK Pixel в настройках формы и указать ID пикселя
• Поставить метки UTM в ссылки объявлений, чтобы в отчётах было видно, какая кампания принесла заявку
• Если метки нужны в самой заявке, передать их в скрытое поле через элемент «Код», это возможность тарифа «Профи»

Без цели на отправку формы рекламная система видит одни клики. С целью она видит заявки и может учиться на тех, кто оставил телефон.

Как понять, что квиз-сайт работает

Через неделю после запуска посчитайте долю открытий, которые закончились заявкой: число заявок из кабинета stepFORM разделите на визиты из Метрики. Наши медианы дают ориентир. Если у вас меньше 2,8%, квиз работает хуже обычной формы, и первым делом стоит проверить длину и предложение на старте. Если больше 5,9%, вы в верхней половине коротких квизов, и дальше выгоднее вкладываться в трафик, чем в правки.

Сколько стоит квиз-сайт

Если собирать самому в конструкторе, платите только за тариф.

• «Нулевой», бесплатно. 5 форм, 50 ответов в месяц, три страницы в форме, стандартный адрес и надпись «Сделано в stepFORM». Хватит, чтобы проверить идею.
• «Новичок», 1 190 ₽ в месяц. 20 форм, 200 ответов, десять страниц, без надписи, свой адрес на домене сервиса, Метрика и Битрикс24.
• «Профи», 1 990 ₽ в месяц. 50 форм, 1 000 ответов, свой домен, Telegram, вебхук, SMS и приём оплаты.

При оплате за год тарифы дешевле на 20%: 950 и 1 590 ₽ в месяц. Каждому новому пользователю дают семь дней «Новичка». Если нужен свой домен, он оплачивается отдельно у регистратора. Все лимиты собраны на странице тарифов.

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

Частые ошибки

• Слишком длинный квиз. Десять экранов и больше дают в пять раз меньше заявок, чем два-пять. Всё, что не влияет на цену, спросит менеджер.
• Контакт в начале. Телефон на первом экране отпугивает: человек ещё ничего не получил, а с него уже просят.
• Нет обещания. Если на экране контакта не сказано, что человек получит, поле телефона выглядит как ловушка.
• Экран «спасибо» без следующего шага. Человек не знает, когда ждать звонка, и оставляет заявку конкурентам тоже.
• Заявку никто не получает. По нашим данным у трети лид-форм не настроено ни одного уведомления, заявки лежат в кабинете. Что с этим делать, разобрали в статье про воронку продаж.
• Не проверили на телефоне. Около 60% открытий квизов приходится на телефоны. Кнопка, уехавшая за край экрана, стоит больше, чем неудачный заголовок.

Частые вопросы