Как сделать квиз для сайта

Квиз для сайта — короткий опрос, который приводит посетителя к заявке: несколько вопросов и форма с контактами в конце. Его открывают по ссылке или вставляют на страницу. Ниже — как собрать такой квиз самому, без разработчика и без путаницы со школьными викторинами.

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

Обычная форма сразу просит имя и телефон. Квиз сначала задаёт вопросы с вариантами, контакты — в конце, вместе с ответами.

Когда форма, а когда квиз — в статье Квиз вместо формы заявки. Дальше — как собрать такой квиз.

Речь про квиз для сбора заявок — подбор квартиры, расчёт услуги, запись. Не тест «какой вы персонаж» и не презентация в PowerPoint.

Что решить до конструктора

1. Какая заявка вам нужна: звонок, расчёт, запись на встречу.
2. 3–7 вопросов. Первый — самый простой, без персональных данных.
3. Что спросить в конце: имя, телефон, email.
4. Куда пойдёт трафик: блок на лендинге, кнопка на существующем сайте или ссылка в рекламе и соцсетях.

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

Пошагово: от идеи до страницы на сайте

1. Создайте квиз в конструкторе

Зарегистрируйтесь в QuizAI и нажмите «Новый квиз». Откроется конструктор: слева шаги, в центре превью, справа настройки выбранного шага. Черновик сохраняется сам. Посетители его не видят, пока вы не опубликуете квиз.

Клики по интерфейсу — в инструкции Первый квиз.

2. Соберите вопросы

Начинайте с выбора из вариантов: так отвечают в один клик. Картинки уместны, если человек выбирает квартиру, услугу или товар. Поля «короткий / длинный текст» оставьте для уточнений, не для каждого шага.

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

3. Поставьте контакты в конец

Последний шаг в QuizAI — форма: имя, телефон, email и согласие на обработку персональных данных. Без согласия отправить заявку нельзя. Заголовок формы можно заменить, например на «Оставьте телефон — пришлём подборку».

Не просите телефон на первом экране: смысл квиза как раз в том, что контакт появляется после короткого диалога.

4. Оформите квиз под сайт

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

5. Опубликуйте и пройдите квиз сами

Нажмите «Опубликовать». Появится публичная ссылка вида https://quizai.pro/q/…. Откройте её с телефона, дойдите до формы и отправьте тестовую заявку. Она должна оказаться в разделе Лиды.

Пока вы не обновите публикацию, правки черновика на сайт не попадут. Подробнее — в статье Публикация и ссылки.

6. Вставьте квиз на сайт или отдайте ссылку

Два рабочих способа вставки:

• плавающая кнопка в углу — не нужно ломать вёрстку;
• блок внутри страницы — если квиз главный элемент лендинга.

Код копируется из кабинета. Какой скрипт выбрать и как его поставить — в статье Виджет квиза на сайт. Черновик в виджет не вставится: квиз должен быть опубликован.

Ссылку можно давать в рекламе и соцсетях без кода на сайте.

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

• Сразу просить телефон, ещё до вопросов.
• Десять вопросов «на всякий случай».
• Опубликовать и не пройти квиз самому.
• Вставлять код, пока квиз в статусе черновика.

Сколько занимает первый квиз

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

Начать можно с регистрации.