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