Як вставити квіз на сайт (embed): 6 форматів і покрокова інструкція
Розмістіть інтерактивний квіз на своєму сайті за 2 хвилини — без програмістів, без коду вручну. Оберіть зручний формат вставки та запускайте збір лідів одразу після публікації.
Embed — це спосіб розмістити квіз на сайт безпосередньо на вашому сайті. Ви просто копіюєте готовий код у налаштуваннях конкретного квізу у вашому акаунті та вставляєте його в потрібне місце сторінки — квіз з’являється як рідна частина вашого сайту, а не як зовнішнє посилання.
Це критично важливо для конверсії: коли людина залишається на вашому сайті і заповнює форму там же — вона довіряє більше, ніж якщо її перекидають на сторонній ресурс. Вставлений квіз сприймається як частина сторінки, а не як реклама.
Як налаштувати embed-вставку квізу
Дивіться покрокову відеоінструкцію — від вибору формату до появи квізу на сайті.
Звичайна форма чи квіз: що краще конвертує?
6 форматів вставки квізу на сайт
AdsQuiz пропонує шість різних способів embed, кожен під свою задачу. Обираєте один — або комбінуєте кілька на різних сторінках.
Вбудована в сторінку
Квіз відображається прямо в тілі сторінки, як звичайний блок контенту. Ідеально для лендингів, де квіз є головним елементом конверсії.
Pop-up за тригером
Квіз з’являється поверх сторінки у вигляді модального вікна — за кнопкою, після затримки або при намірі вийти. Не заважає перегляду, поки людина не готова.
Чат-бульбашка в кутку
У нижньому куті сторінки з’являється кругла кнопка з іконкою. Клік — відкривається квіз. Виглядає як чат підтримки, але замість менеджера — автоматичний квіз.
Fullscreen-режим
Квіз займає весь екран — максимум уваги, нуль відволікань. Підходить для складних квізів з кількома кроками, де важлива концентрація користувача.
Фіксована панель знизу
Вузька смуга-панель фіксується внизу екрану. При кліку розкривається у квіз. Не займає місця на сторінці та завжди видима — навіть при скролі.
Слайдаут збоку
Квіз виїжджає збоку сторінки — праворуч або ліворуч. Не перекриває основний контент, але завжди доступний. Зручно для сайтів з довгими статтями.
Так виглядає формат вставки квізу у форматі «Кнопка чату».
Щоб налаштувати інтеграцію квізу на ваш сайт — перейдіть у налаштування потрібного квізу, введіть домен сайту, оберіть формат вставки, налаштуйте кольори та інші параметри і згенеруйте код для розміщення на сайті.
Детальна інструкція з налаштування
Відкрийте розділ «Поширити» у вашому квізі
Зайдіть у кабінет AdsQuiz, оберіть потрібний квіз та перейдіть в його налаштування, далі розділ — «Вставка квіза на сайт».
Вкажіть домен сайту
У полі «Домен» введіть адресу вашого сайту, наприклад mysite.com. Це потрібно для коректної роботи embed-коду та аналітики. Можна додати кілька доменів, якщо квіз розміщується на різних сайтах.
https:// — просто назва сайту.Оберіть тип вставки
Клікніть на потрібний формат з шести доступних: Стандартна, Спливаюче вікно, Кнопка чату, На весь екран, Зворотний зв’язок або Бічна панель. Кожен тип одразу показує превью того, як виглядатиме квіз на сайті.
🖥 Стандартна
Для головних лендингів та сторінок послуг — квіз у тілі сторінки.
💬 Кнопка чату
Для будь-якого сайту — ненав’язливий виклик квізу через іконку в кутку.
🪟 Спливаюче вікно
Для блогів та інтернет-магазинів — квіз з’являється за потрібним тригером.
📱 На весь екран
Для квізів з деталізованим підбором — повне занурення без відволікань.
Зворотний зв’язок
Фіксована панель знизу екрану — завжди видима при скролі, розкривається у квіз при кліку.
Бічна панель
Квіз виїжджає збоку сторінки. Не перекриває контент, але завжди доступний.
Так виглядає формат вставки квізу у форматі «Бічна панель».
Налаштуйте параметри відображення
Залежно від обраного типу, вам будуть доступні різні опції налаштування. Ось основні з них:
Розміри квізу
Ширина та висота у пікселях або відсотках. Для стандартної вставки — ширина 100% та висота 600–700px.
Пристрої відображення
Показувати на всіх пристроях, тільки на ПК або тільки на мобайлі — на ваш вибір.
Умови появи
Тригер відображення: через певний час, за кліком або exit intent (спроба закрити сайт).
Іконка виклику
Для «Кнопки чату» та «Зворотного зв’язку» — чат, питання, форма, телефон або кастомна іконка.
Скопіюйте код і вставте на сайт
Після налаштувань натисніть «Скопіювати код». Вставте його в HTML вашого сайту перед закриваючим тегом </body> або в спеціальне поле «Власний код» у конструкторі сайту (WordPress, Webflow, Wix та інші підтримують це «з коробки»).
Готові розмістити квіз на своєму сайті?
Зареєструйтесь в AdsQuiz, оберіть шаблон і отримайте embed-код за 2 хвилини — безкоштовно.
Як підвищити конверсію вставленого квізу
Правильно налаштований embed — це половина успіху. Ось що ще допомагає отримати більше заявок.
Розміщуйте вище лінії згортання
Квіз у першому екрані сторінки отримує в 2–3 рази більше взаємодій, ніж той, що нижче.
Налаштуйте затримку для pop-up
Pop-up після 15–20 секунд перебування на сторінці набагато менше дратує, ніж одразу при вході.
Один квіз — одна сторінка
Не ставте кілька embed на одну сторінку. Один чіткий CTA — вищий фокус і краща конверсія.
Підберіть іконку під стиль сайту
Для «Кнопки чату» оберіть іконку, яка схожа на елементи вашого дизайну — це підвищує клікабельність.
Підключіть пікселі аналітики
Налаштуйте передачу подій у Google Analytics або Facebook Pixel — так будете бачити реальну вартість ліда.
Зв’яжіть з вашою CRM
Налаштуйте передачу заявок у вашу CRM через вебхук — квіз буде автоматично передавати ліди без ручної роботи.
Приберіть вотермарку
За потреби вотермарку AdsQuiz можна вимкнути в налаштуваннях конкретного квізу.
Де найкраще працює embed-квіз
Нерухомість
Квіз-підбір квартири або будинку — на сайті забудовника або агентства. Клієнт відповідає на 4–5 питань і отримує персональну добірку.
Інтернет-магазин
Підбір товару за параметрами — бічна панель або pop-up. Замінює пошук і допомагає клієнту швидше знайти потрібне.
Освіта та курси
Тест «Підбери курс під свій рівень» вбудований прямо на лендингу школи — замість нудної форми реєстрації.
Медицина та клініки
Квіз-запис на консультацію або підбір лікаря. Стандартна вставка в нижній частині сторінки послуги.
Будівництво та ремонт
Калькулятор вартості ремонту або підбір матеріалів — відмінно працює на повний екран, замінює складні форми розрахунку.
B2B та послуги
Кнопка чату з квізом на корпоративному сайті — ненав’язливо збирає контакти потенційних клієнтів 24/7.
Кейси наших клієнтів
Реальні результати бізнесів, які використовують AdsQuiz
Квіз для ремонту під ключ: як отримати якісні заявки
Реальний кейс: квіз на сайті будівельної компанії замінив звичайну форму і підвищив якість лідів.
Quiz + Google Sheets + Meta CAPI: +30% до конверсії лідів
Як налаштувати передачу заявок з квізу в Google Sheets і підвищити конверсію через Meta CAPI.
Як квіз зменшив вартість заявки вдвічі в освітньому проєкті
Кейс: квіз-форма замість стандартної реєстрації — вартість ліда знизилась у 2 рази.
Приклад вставки квізу на сайт
Ось як виглядає реальна стандартна вставка квізу AdsQuiz на WordPress — прямо на цій сторінці.
7 помилок при вставці квізу на сайт
Не вказати домен у налаштуваннях
Без правильного домену embed-код може не відображатись коректно або блокуватись. Завжди заповнюйте поле «Домен» перед копіюванням коду.
Вставити код у <head> замість </body>
Скрипт квізу повинен розміщуватись перед закриваючим тегом </body>, а не в шапці сторінки. Інакше квіз може не завантажуватись або гальмувати сайт.
Фіксована висота не підходить для контенту
Якщо квіз має багато питань, а висота iframe зафіксована занадто маленькою — з’являється скрол всередині квізу. Ставте мінімальну висоту з запасом або використовуйте авторозтягнення.
Кілька pop-up на одній сторінці
Два спливаючих вікна одночасно — гарантований спосіб роздратувати відвідувача. Один embed-тип на сторінку, максимум.
Не перевірити відображення після публікації
Після вставки обов’язково відкрийте сторінку в браузері та на смартфоні. Іноді конструктор сайту змінює структуру коду при збереженні.
Вимкнути мобільний режим, коли квіз потрібен скрізь
Якщо ви вимкнули відображення квізу на мобільних, а більша частина трафіку — зі смартфонів, ви втрачаєте більшість потенційних лідів.
Не підключити CRM після розміщення
Квіз збирає заявки, але якщо не налаштувати передачу в вашу CRM або хоча б на пошту — ліди просто накопичуються у кабінеті і менеджери їх не бачать вчасно.
Питання та відповіді
Вставте свій перший квіз на сайт вже сьогодні
Зареєструйтесь в AdsQuiz, оберіть шаблон і отримайте embed-код за 2 хвилини. Без кредитної картки.
