Квіз — що це і як його створити

11.12.2018 · Оновлено 02.11.2026

Квіз (quiz) — це покрокове опитування: одне питання на екран, наприкінці результат і поле для контакту. Звичайна форма показує всі поля одразу, квіз веде кроками і підлаштовує наступне питання під відповідь.

Чим квіз відрізняється від тесту, опитування і форми

Квіз Тест Опитування Форма
Навіщо Підібрати пропозицію і отримати контакт Порахувати бал або перевірити знання Зібрати думку Зібрати заявку
Як влаштований 4–6 питань, кожне на своєму екрані Питання з правильною відповіддю Анкета, часто на одній сторінці Поля на одній або кількох сторінках
Що наприкінці Результат і заявка Оцінка Відповіді без «призу» Надсилання даних

Квіз використовують і як вікторину, і як підбір послуги. Людині простіше відповісти на коротке питання, ніж заповнити довгу анкету. Наприкінці вона бачить свій результат — знижку, відповідний тариф, комплект — і лишає контакт уже з зрозумілим наступним кроком. Відділ продажів отримує відповіді, а не порожню заявку «передзвоніть мені».

Два прийоми, на яких тримається проходження:

  • багатьом цікаво дійти до результату, як у тесті;
  • квіз, обірваний посередині, хочеться завершити.

Як зібрати питання

Спершу скажіть, навіщо проходити квіз: дізнатися ціну, отримати добірку, забрати знижку. Без цього людина не розуміє, що буде наприкінці.

Робоча схема — чотири–шість питань, одне питання на крок:

  1. Стартовий екран: пропозиція, зображення і кнопка «Пройти тест».
  2. Питання по одному на екран.
  3. Останній крок: контакт і той бонус, який обіцяли на початку.

Приклад для замовлення таксі: хто їде, клас авто, маршрут, потім знижка на поїздку. Відповідь «бізнес-клас» веде на одні питання, «економ» — на інші. Так квіз не питає зайвого.

Питання короткі, з підказкою, якщо в них є термін. Варіанти — текст, зображення або текст із зображенням. Зображення однієї ширини і висоти. Серед відповідей потрібен пункт «не знаю» або «важко відповісти»: людина не має кидати квіз лише тому, що жоден варіант не підходить. Вільне введення, календар і прикріплення файлу на ранніх кроках краще не ставити. Їх можна лишити необов’язковими ближче до заявки.

Помилки, через які квіз кидають

  1. Не розділити типи клієнтів у першому питанні. Далі всім показується одне й те саме.
  2. Просити вводити багато тексту і цифр вручну.
  3. Ставити вибір дати: відкрити календар, вибрати місяць і день.
  4. Вимагати файл проєкту. Якщо файл потрібен, поле має бути необов’язковим.
  5. Використовувати випадаючі списки і дрібні пункти, в які складно влучити з телефона.
  6. Не давати варіант «не знаю».
  7. Не пояснювати терміни.
  8. Задавати більше ніж шість питань.
  9. Не пояснювати, навіщо поставлене питання. Для цього є підказка біля поля.
  10. Ставити більше одного питання на крок.
  11. На останньому кроці не нагадувати про бонус. Знижку прив’язують до телефону або пошти, які людина лишає тут.

Як створити квіз у FormDesigner

Відкрийте список форм і натисніть «Створити форму».

Кнопка «Створити форму» у списку форм

На сторінці шаблонів ліворуч виберіть «Квіз (Quiz)».

Шаблон «Квіз (Quiz)» у списку шаблонів

Потім натисніть «Продовжити з цим шаблоном». Введіть назву і натисніть «Зберегти».

Вікно з назвою квізу

Відкриється редактор. У шаблоні вже є сторінки і питання: їх можна змінити або видалити.

Редактор квізу

Нове питання додається перетягуванням елемента з лівого меню на форму. Щоб змінити формулювання і відповіді, наведіть курсор на питання і відкрийте редагування.

Іконка редагування питання

У вікні елемента задаються назва, опис і обов’язковість поля. Варіанти відповідей можна вивести у стовпчик або в кілька колонок.

Налаштування елемента квізу

У розділі «Варіанти відповіді» до кожного пункту додається зображення через іконку зображення або знак «плюс». Завантажуйте зображення однакової ширини і висоти.

Файловий менеджер біля варіанта відповіді

Сторінки

У квізі на кожне питання потрібна своя сторінка. Список сторінок відкривається іконкою сторінок.

Іконка списку сторінок квізу

Нова сторінка додається кнопкою «Додати сторінку» і стає в кінець списку. Сторінку можна перейменувати, видалити або скопіювати разом з елементами.

Кнопка «Додати сторінку»

Індикатор проходження

Індикатор показує, скільки питань уже позаду.

Індикатор проходження квізу

Він вмикається в параметрах сторінок.

Посилання на параметри сторінок

Назви сторінок виводяться як індикатор заповнення. Там само можна приховати кнопку «Назад», увімкнути перемішування сторінок і анімацію. Перемикач «Зберігати дані в формі, при переході на наступну сторінку» записує відповіді на кожному кроці. Вони одразу видно в статистиці, навіть якщо людина не дійшла до кінця.

Параметри сторінок квізу

Стартова сторінка

Стартова сторінка — перший екран: обіцянка результату, зображення, короткий текст і кнопка «Пройти тест».

Приклад стартової сторінки квізу

Вона вмикається окремим перемикачем у списку сторінок. Текст і зображення змінюються іконками редагування на самій сторінці.

Перемикач стартової сторінки

Розгалуження

Різні відповіді можуть відкривати різні наступні питання. У списку сторінок відкрийте редактор розгалуження.

Іконка розгалуження у списку сторінок

З’єднайте сторінки умовами. Перехід налаштовується перетягуванням, без коду.

Редактор розгалуження сторінок квізу

Зовнішній вигляд

Оформлення змінюється на вкладці «Елементи».

Вкладка «Елементи»

Можна взяти готову тему.

Список тем оформлення

Перед правкою тему краще скопіювати, щоб не затерти вихідну.

Копіювання теми оформлення

У копії змінюються фон, шрифт, рамка і тінь.

Редактор теми оформлення квізу

Результат квізу

Текст після останньої відповіді задається на «Сторінці успішного заповнення» у списку сторінок.

Пункт «Сторінка успішного заповнення»

Для квізу підходить дія «Показувати текст на окремій сторінці»: форма ховається, лишається тільки результат. Інші дії на цій сторінці: текст над формою, текст під формою, редирект на інший URL, результати форми, надсилання на друк.

Налаштування сторінки успішного заповнення

Шаблон результату вибирається кнопкою «Вибрати шаблон». Новий шаблон створюється в блоковому, спрощеному або HTML-редакторі, потім знову натисніть «Вибрати шаблон».

Список шаблонів результату

Різний результат на різні відповіді

Один і той самий квіз може показати різний підсумок. Відкрийте вкладку «Логіка» і пункт «Правила для результатів форми».

Пункт «Правила для результатів форми»

Кнопка «Додати правило» задає умову за відповідями і шаблон, який треба показати.

Вікно нового правила результату

Код для сайту

Відкрийте розділ «Отримати код».

Код для розміщення квізу на сайті

На сторінку сайту вставляється JavaScript-код форми. Той самий квіз відкривається за прямим посиланням або у спливаючому вікні — окремі пункти в меню ліворуч. Після публікації правки робляться в акаунті, заново вставляти код не потрібно.

Заявки

Відповіді лежать у вкладці «Статистика», розділ «Заявки». Над таблицею є фільтр за періодом і пошук.

Вкладка «Статистика», розділ «Заявки»

Гістограма і діаграма показують, як розподілилися відповіді.

Гістограма і діаграма відповідей квізу

Воронка показує, на якому питанні люди зупиняються: це питання і варто переписати першим.

Воронка проходження квізу

Часті питання

Що таке квіз?

Квіз — покрокове опитування з коротких питань. Людина відповідає по одному екрану і наприкінці отримує результат.

Квіз і quiz — це різне?

Ні. Quiz — англійське написання того самого слова.

Чим квіз відрізняється від тесту?

У тесті є правильні відповіді і бал. У квізі відповідь веде до свого результату і заявки, правильного варіанта може не бути.

Чим квіз відрізняється від форми?

Форма збирає поля на одній сторінці. Квіз ставить питання по черзі і може змінювати наступне питання залежно від відповіді.

Як створити квіз для сайту?

У конструкторі квізів FormDesigner: шаблон «Квіз», питання по одному на сторінку, логіка переходів і код вставки, пряме посилання або спливаюче вікно.

Готові шаблони веб-форм
Basic

Анкета кандидата на роботу

Приймайте анкети кандидатів, ставлячи найнеобхідніші питання ще до співбесіди Докладніше
Basic

Шаблон дослідження впізнаваності бренду

Даний шаблон допоможе дізнатися рівень обізнаності клієнтів про ваш бренд Докладніше
Gold

Скільки коштує перевзути машину

Вкажіть параметри дисків і дізнайтеся вартість шиномонтажу на Ваш автомобіль Докладніше
Gold

Оренда авто

Дізнайтеся вартість оренди автомобіля та отримайте знижку за проходження опитування. Ви можете відредагувати шаблон і додати / видалити поля Докладніше

Немає часу збирати форму самостійно?

Спеціалісти FormDesigner спроєктують і налаштують форму, квіз або калькулятор з нуля. Складність беремо на себе — ви займаєтесь бізнесом.

Поговорити зі спеціалістом
Наші спеціалісти