Конструктор квізів

Повний огляд можливостей конструктора: кроки, питання, логіка, дизайн і налаштування.

Оновлено: Квітень 2026

Інтерфейс конструктора#

Конструктор квізів складається з трьох зон:

  • Ліва панель (кроки) — список усіх кроків квізу, перетягуйте щоб змінити порядок.
  • Центральна панель (редактор) — редагування вмісту обраного кроку: заголовок, варіанти відповідей, налаштування.
  • Права панель (прев'ю) — живе прев'ю того, як квіз виглядає для відвідувачів.
💡

Натисніть «Прев'ю» у верхньому меню щоб побачити повноекранний вигляд квізу як бачать його відвідувачі.


Типи кроків#

Кожен квіз складається з послідовності кроків. Доступно 8 основних типів:

👋

Welcome

Стартова сторінка квізу. Містить заголовок, опис, обкладинку та кнопку старту. Рекомендується для пояснення ціннісної пропозиції.

Question

Основний крок з питанням. Підтримує 12 типів відповідей — від простого вибору до рейтингу і завантаження файлів.

📋

Lead Form

Форма збору контактів: ім'я, email, телефон. Підтримує двоетапний збір (спершу email, потім телефон).

🏆

Result

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

🎉

Thank You

Фінальний екран після збору контактів. Підтримує переадресацію на будь-який URL.

🎬

Video

Вбудовує відео з YouTube, YouTube Shorts або Vimeo прямо у крок квізу. Опціональне автовідтворення — зручно для коротких презентацій продукту. Comfort+

📅

Calendar

Крок для запису на зустріч або дзвінок. Відображає посилання на вашу календарну систему (Calendly, Cal.com тощо) — відвідувач обирає зручний час прямо в квізі.

🧮

Formula Calculator

Крок-калькулятор що обчислює числовий результат на основі відповідей користувача за заданою формулою. Показує підсумок (бюджет, вага, вартість тощо) прямо у квізі. Comfort+


Типи питань#

На кроці типу Question можна обрати один з 12 форматів відповіді:

ТипОписПриклад застосування
Одиночний вибірОдин варіант з кількохЯкий бюджет? ◉ до $500 ○ $500–1000 ○ 1000+
Множинний вибірКілька варіантів одночасноЩо вас цікавить? ☑ Ціна ☑ Дизайн ☐ Терміни
Картки з фотоВаріанти зображень замість текстуЯкий стиль квартири вам до вподоби?
Короткий текстОдна строка довільного текстуВведіть назву компанії
Текстова областьБагаторядковий текстОпишіть ваш проект детальніше
ЧислоЧисловий ввід з валідацієюКількість кімнат: [2]
EmailEmail з перевіркою форматуВаша адреса: user@email.com
СлайдерДіапазон з мін/макс/крокомБюджет: ——●—— $2 500
РейтингЗірки, emoji або цифриОцініть важливість від 1 до 5
Дата/ЧасВибір дати і/або часуКоли зручно переглянути квартиру?
ТегиВибір кількох тегів з масивуОберіть інтереси з переліку
АдресаПоле для введення поштової адресиВведіть адресу доставки
ФайлЗавантаження фото або документаПрикріпіть технічне завдання

Логіка розгалуження#

Кожен крок може мати умовні правила переходу — залежно від відповіді користувача квіз показує різні наступні кроки.

Як налаштувати

  • Виберіть крок у лівій панелі і перейдіть на вкладку «Логіка».
  • Натисніть «+ Додати правило».
  • Оберіть умову: якщо відповідь є / не є / містить / більше ніж тощо.
  • Вкажіть крок, на який потрібно перейти при виконанні умови.
  • Встановіть «За замовчуванням» — крок для всіх хто не потрапив під жодне правило.

Доступні оператори

ОператорЗначення
є вибраним / не вибранийДля вибору з варіантів
дорівнює / не дорівнюєТочне збігання тексту або числа
містить / не міститьЧасткове збігання тексту
більше / менше / ≥ / ≤Числові порівняння
заповнено / не заповненоПеревірка наявності відповіді
сума балів ≥ / ≤Порівняння накопиченого рахунку
💡

Правила виконуються зверху вниз. Перше правило що збіглось — визначає перехід. Не забудьте вказати крок «за замовчуванням».


Калькулятор балів#

Для кожного варіанту відповіді можна призначити числові бали. Сума балів накопичується по всьому квізу і визначає який результат (Result-крок) показати користувачеві.

  • Увімкніть «Режим балів» у налаштуваннях квізу.
  • На кожному питанні → у варіанті відповіді → вкажіть кількість балів.
  • На кроці Result → вкажіть діапазон балів для кожного результату (наприклад: 0–10, 11–20, 21+).

Дизайн та брендинг#

Вкладка «Дизайн» у правій панелі конструктора дозволяє повністю кастомізувати зовнішній вигляд квізу:

🎨

Кольори

Основний колір, фон картки, колір тексту, стиль кнопок (округлі / квадратні / pill).

🔤

Шрифт

Вибір шрифту і розміру тексту питань (малий / середній / великий).

🖼️

Обкладинка

Зображення ліворуч, праворуч або зверху. Режими: cover, contain, square.

🏷️

Логотип

Завантажте PNG з прозорим фоном — відображається зверху квізу. Comfort+

📐

Split-макет

Горизонтальний макет: зображення ліворуч, контент праворуч. Comfort+

🚫

Прибрати брендинг

Видалити підпис «Powered by Qwizoo» внизу. Comfort+


AI-генерація квізу#

Comfort+

Не знаєте як почати? Опишіть тему у кількох словах — AI побудує структуру, питання, варіанти відповідей і форму збору контактів за секунди.

  • У верхньому меню конструктора натисніть «Згенерувати з AI».
  • Введіть опис: наприклад, «Квіз для підбору смартфона».
  • Вкажіть кількість питань і тип квізу (лід-генерація, тест, рекомендація).
  • AI згенерує повну структуру — ви можете редагувати кожен крок після генерації.
⚠️

AI-генерація використовує Anthropic Claude. Відповіді квізу можуть бути передані до API для покращення результату. Детальніше в Політиці конфіденційності.


Валідація перед публікацією#

Перед публікацією Qwizoo автоматично перевіряє квіз:

  • Відсутність порожніх кроків без вмісту.
  • Перший крок не є Result або Thank You.
  • Відсутність «мертвих» посилань у логіці розгалуження.
  • Відсутність циклічних переходів.
  • Наявність хоча б одного Lead Form кроку (якщо ввімкнено збір контактів).

Якщо є помилки — система покаже їх список і не дозволить публікацію до виправлення.


Шаблони#

При створенні нового квізу доступно 10 готових шаблонів для найпоширеніших сценаріїв. Шаблони містять повну структуру: Welcome-крок, питання, Lead Form і Result.

Приклади доступних шаблонів:

  • Підбір товару для ecommerce — рекомендаційний квіз для інтернет-магазину.
  • Нерухомість — кваліфікація покупця: бюджет, район, кількість кімнат.
  • Фітнес та здоров'я — підбір програми тренувань або харчування.
  • B2B-кваліфікація — визначення потреб і готовності клієнта до покупки.
  • Онлайн-освіта — тест знань або підбір курсу.
💡

Шаблон — це лише стартова точка. Після вибору ви можете редагувати кожен крок, змінювати тексти, додавати або видаляти питання.


Дублювання, архів, кошик#

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

  • Дублювати — створює точну копію квізу зі всіма кроками, дизайном і налаштуваннями. Копія отримує статус «Чернетка» і нове унікальне публічне посилання. Зручно для A/B тестів або адаптації квізу під новий сегмент.
  • Архівувати — квіз зникає зі списку «Активні», але всі дані (ліди, аналітика) зберігаються. Архівований квіз більше не приймає нові відповіді. Можна розархівувати будь-коли.
  • Видалити у кошик — м'яке видалення: квіз переміщується до кошика і автоматично видаляється через 30 днів. До цього моменту його можна відновити у розділі «Кошик» у налаштуваннях.

Scoring і пояснення до відповідей#

Режим балів підтримує дві додаткові можливості для освітніх і тестових квізів:

Режим знань (Knowledge test)

Увімкніть «Режим знань» у налаштуваннях квізу — тоді правильна відповідь отримує бали, а неправильна — ні (або отримує штрафні бали). Система автоматично показує результат: скільки правильних відповідей зі скількох.

Пояснення до варіантів відповіді

Для кожного варіанту відповіді можна задати текст пояснення — він показується відвідувачу одразу після вибору (до переходу на наступний крок). Корисно у тестах: «Правильно! Вітамін D виробляється під впливом сонячного світла» або «Не зовсім — спробуй ще раз».


Result-крок з діапазонами балів#

Result-крок підтримує відображення різного результату залежно від набраної кількості балів. Це дозволяє персоналізувати фінальний екран для різних сегментів аудиторії.

Приклад налаштування діапазонів:

  • 0–30 балів → Результат A: «Початківець — ось план для старту».
  • 31–70 балів → Результат B: «Впевнений рівень — рекомендуємо курс Middle».
  • 71–100 балів → Результат C: «Експерт — вам підійде Advanced-програма».

Для кожного Result-кроку вказуйте мінімальне і максимальне значення балів у полі «Діапазон балів» у редакторі кроку.


Result gating#

Result gating — опція яка показує форму збору контактів до відображення результату. Відвідувач бачить щось на кшталт: «Ваш результат готовий — введіть email щоб отримати його».

  • Увімкніть «Показати форму перед результатом» у налаштуваннях Lead Form кроку.
  • Після заповнення форми — відвідувач переходить до Result-кроку. Якщо форму закрито — результат не показується.
💡

Result gating значно підвищує конверсію у ліди — люди вже пройшли квіз і зацікавлені у результаті, тому охочіше залишають контакти.


Мультикрокова форма лідів#

Lead Form підтримує двофазний збір контактів: дані збираються у два етапи, що підвищує конверсію — відвідувач не бачить велику форму одразу.

  • Фаза 1 (мінімальні дані) — наприклад, тільки email або ім'я + email. Дані зберігаються одразу при переході на наступний крок, навіть якщо відвідувач не завершить квіз.
  • Фаза 2 (додаткові дані) — телефон, компанія або інші поля. Заповнюються на наступному кроці форми або на окремому Lead Form кроці.

Якщо відвідувач залишив email на першому кроці але не завершив квіз — частковий лід все одно потрапляє у вашу базу з позначкою «Незавершений».


Питання з завантаженням файлу#

Comfort+

Тип питання Завантаження файлу дозволяє учасникам квізу прикріпити файл — фото, PDF або документ.

  • В редакторі питання → Тип питання → Завантаження файлу
  • Налаштуйте дозволені типи: зображення (JPG/PNG/WebP), PDF або DOC/DOCX
  • Встановіть максимальний розмір: 5 МБ або 10 МБ
  • Увімкніть Обов'язкове — користувач не зможе продовжити без файлу
💡

Завантажені файли зберігаються в Cloudflare R2, URL зберігається разом із відповіддю ліда і доступний як клікабельне посилання у деталях ліда.


Рекомендація товару в результаті#

Замість результату на основі балів — покажіть картку з рекомендованим товаром. Ідеально для e-commerce квізів, які підбирають продукт за відповідями.

  • Загальні налаштування → Режим результату → Картка товару
  • Для кожного результату: URL зображення, назва, ціна, валюта, кнопка CTA і посилання
  • До 5 додаткових переваг товару на картці
💡

Поєднуйте з діапазонами балів: різні діапазони → різні рекомендації (наприклад, бюджетний vs преміум товар).


Крок оплати#

Premium

Додайте крок оплати через Stripe Connect, щоб приймати платежі прямо у квізі. Підходить для платних оцінок, консультацій або міні-продуктів.

Підключення Stripe Connect

  • Налаштування → Інтеграції → Stripe → Підключити акаунт Stripe
  • Вас перенаправляють на Stripe Express onboarding — пройдіть KYC один раз
  • Після онбордингу акаунт активний і готовий приймати платежі

Налаштування кроку оплати

  • У конструкторі → Додати крок → Оплата
  • Вкажіть: назву продукту, опис, суму, валюту (USD / UAH / EUR)
  • Встановіть текст кнопки (наприклад, "Оплатити й отримати результат")
  • Після успішної оплати квіз продовжується автоматично
💡

Розмістіть крок оплати перед кроком результату, щоб обмежити доступ до результату оплатою. Stripe відповідає за PCI — Qwizoo не зберігає дані картки.


PDF сертифікати#

Premium

Автоматично генеруйте брендований PDF сертифікат для учасників, які пройшли тест або набрали достатньо балів. Сертифікат з'являється на кроці подяки і завантажується миттєво.

  • Конструктор → Функції → Сертифікат
  • Встановіть мінімальний % балів для отримання сертифіката
  • Налаштуйте: назву курсу, ім'я підписанта і посаду, URL логотипу, колір, текст підвалу
  • Виберіть стиль: Класичний, Сучасний або Мінімалістичний
💡

Сертифікати генеруються у браузері через @react-pdf/renderer — без звернення до сервера і без витрат на зберігання PDF.


Публічний каталог квізів#

Comfort+

Додайте квіз до публічного каталогу Qwizoo на qwizoo.com/quizzes. Квізи з каталогу індексуються пошуковиками і знаходяться новими користувачами.

  • Конструктор → Шаринг → Публічний каталог → увімкніть Показати в каталозі
  • Оберіть категорію (Бізнес, Освіта, E-commerce, Здоров'я тощо)
  • Додайте URL зображення для прев'ю — воно показується на картці каталогу
💡

Встановіть SEO-заголовок і SEO-опис (Загальні налаштування → вкладка SEO) — вони використовуються на сторінці каталогу в пошукових системах.


Чат / Розмовний режим#

Comfort+

Перемкніть квіз із карткового формату на режим чат-бота. Питання з'являються як повідомлення бота, відповіді — як репліки користувача. Вся логіка розгалуження, scoring та інтеграції працюють без змін.

  • Конструктор → Дизайн → Режим відображення → оберіть Чат
  • Задайте ім'я бота (за замовчуванням: «Qwizoo Bot») і опціональний URL аватара
  • Налаштуйте затримку набору тексту (мс) — паузу перед наступним повідомленням
💡

Чат-режим — лише візуальна зміна. Розгалуження, форми лідів, результати та інтеграції працюють ідентично картковому режиму.


Багатомовний квіз#

Comfort+

Показуйте один квіз кількома мовами без дублювання. Переклади зберігаються в кожному кроці і підставляються за мовою браузера або параметром ?lang= в URL.

  • Конструктор → Функції → Мови
  • Увімкніть багатомовність і оберіть мови (EN, UK, RU, DE, PL, FR…)
  • Задайте мову за замовчуванням — використовується як fallback
  • Оберіть спосіб визначення мови: браузер, URL-параметр або ручний перемикач
  • Увімкніть Показати перемикач мови — додає dropdown на публічному квізі
  • Переклади по кроках: у редакторі кроку відкрийте вкладку потрібної мови і заповніть перекладені заголовок, опис і варіанти відповідей
💡

Значення відповідей завжди зберігаються на вихідній мові — CRM та аналітика отримують консистентні дані незалежно від мови відвідувача.