Как сделать квиз на сайте — пошаговая инструкция

Квиз — короткая форма из 4–7 вопросов, которая ведет посетителя к персональному результату и заявке. Средняя конверсия в лид у грамотного квиза — 8–18%, у обычной формы захвата — 1–3%. Собрать квиз можно за час в no-code конструкторе или за неделю на бэкенде с базой ответов и веткой логики.

Что такое квиз на сайте и зачем он нужен бизнесу

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

Вторая задача — квалифицировать лид. По ответам вы знаете бюджет, сроки, нишу. Менеджер не звонит вслепую, а сразу попадает в контекст. На сложных продуктах (B2B-услуги, недвижимость, медицина) это сокращает время до сделки на 20–40%.

Какие бывают виды квизов

Подбор товара — пользователь отвечает на вопросы о потребностях, в финале получает 1–3 SKU из каталога. Хорошо работает в одежде, мебели, косметике, электронике.

Тест на скидку или категорию — игровая механика, в финале промокод или статус («Вы — продвинутый пользователь, держите скидку 15%»).

Лидогенерация для услуг — расчет стоимости (ремонт, окна, установка). В финале — вилка цен и форма заявки на точный расчет.

Образовательный — проверка знаний с лидмагнитом в финале (PDF, чек-лист, доступ к курсу).

Сколько вопросов должно быть в квизе и какая конверсия

Оптимум — 4–7 вопросов. По данным конструкторов квизов и собственных замеров на e-commerce-проектах:

• 1–3 вопроса — пользователь не успевает «вложиться», конверсия в форму 4–8%;
• 4–7 вопросов — оптимум, конверсия 8–18% в зависимости от ниши;
• 8–12 вопросов — drop-off начинает съедать прирост, конверсия 6–10%;
• 13+ вопросов — почти всегда хуже короткой формы.

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

Как сделать квиз на сайте за 5 шагов

Определите цель. «Сбор заявок на расчет стоимости» или «подбор товара из каталога» — это разные квизы и разная логика.

Напишите вопросы. На каждый вопрос — 3–5 вариантов ответа. Избегайте текстовых полей в середине квиза, они роняют conversion: оставьте свободный ввод только на этапе контактов.

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

Нарисуйте экран результата. Не «Спасибо, мы свяжемся», а «Вам подходит тариф Pro за 2490 ₽/мес. Получить ссылку на оплату» или «Подобрали 3 модели — посмотреть в каталоге».

Соберите и опубликуйте. Соберите квиз в конструкторе или на коде, опубликуйте, подключите к CRM и почте.

Где разместить квиз на сайте

Попап на главной — для широкого трафика, который еще не определился с категорией. Триггер — 30 секунд на сайте или скролл 50%.

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

Встроенный блок в карточке товара или категории — «Помочь с выбором». Пользователь видит, кликает, отвечает на 3–4 вопроса и получает уточненную подборку.

В корзине — «Добавим аксессуары?» с квизом из 2 вопросов. Поднимает AOV.

Как сделать квиз без кода через Нотифлоу

В кабинете на cp.notiflow.ru зайдите в «Виджеты → Создать → Квиз». Дальше:

1. Соберите шаги — вопрос, варианты ответов, картинки или эмодзи к каждому варианту.
2. Настройте логику ветвления: «Если ответ на шаге 2 = вариант B, перейти на шаг 4».
3. Настройте экран результата — текст, картинку, ссылку на товар или промокод.
4. Подключите форму контактов с обязательными полями (телефон или email).
5. Опубликуйте на сайте — попапом, отдельной страницей или встроенным блоком.

Лиды попадают в кабинет, оттуда передаются в CRM (Bitrix24, AmoCRM) и почту через интеграции. Скрипт ставится один раз перед </body>.

Как связать квиз с CRM и почтой

Без передачи в CRM квиз бесполезен — лиды теряются в выгрузках. Стандартный обвес:

• ответы целиком летят в карточку сделки в виде списка «вопрос → ответ»;
• основные поля (имя, телефон, email, бюджет) пишутся в реквизиты сделки;
• email уходит менеджеру с темой «Квиз: [город] [бюджет]» — менеджер видит контекст до открытия CRM;
• автоответ пользователю с резюме его ответов и ожидаемым временем звонка.

В Нотифлоу это делается через готовые интеграции с Bitrix24, AmoCRM, Telegram-уведомлением менеджеру, либо вебхуком в свою систему.

Как замерить эффективность квиза

CR начала квиза — какая доля посетителей страницы кликнула «Пройти». Норма для попапа — 8–20%, для встроенного блока — 3–8%.

CR прохождения — какая доля начавших дошла до формы. Целевое значение — выше 60%. Если ниже, режьте вопросы.

CR заявки — доля дошедших до формы, которые ее отправили. Норма — 40–70%.

CPL — стоимость одного лида с учетом расходов на трафик. Сравнивайте с обычной формой и обычным лендингом без квиза. Если CPL квиза в 1.5–3 раза ниже — оставляйте.

Качество лида — конверсия в продажу, проверяется через 2–4 недели. Иногда квиз дает много дешевых, но «холодных» лидов; иногда — наоборот, отсеивает шум и качество выше.

Часто задаваемые вопросы

Собрать квиз без программиста можно в Нотифлоу — регистрация на cp.notiflow.ru. Для специфичных задач посмотрите «Квиз на подбор товара для интернет-магазина» и «Квиз для магазина на Tilda». Подробнее о виджете — страница «Квиз».