Один из самых распространённых страхов: «Квиз — это сложно. Нужен разработчик». На самом деле — нет. Qwizoo генерирует готовый код для встраивания, и всё что нужно — скопировать и вставить его в правильное место.
В этой инструкции — 4 способа для разных платформ.
Если квиз ещё не создан — сначала разберитесь со структурой вопросов и результатов.
Способ 1: Прямая ссылка (самый простой)
Если вам не нужно встраивать квиз на сайт — просто используйте прямую ссылку.
Каждый квиз в Qwizoo имеет уникальный URL вида: qwizoo.com/q/your-quiz-id
Где использовать прямую ссылку:
- В рекламе (Google Ads, Facebook Ads, TikTok)
- В сообщениях клиентам
- В bio Instagram или Telegram
- В email-рассылках
- В описании видео на YouTube
Это самый быстрый способ — квиз живёт на отдельной странице Qwizoo и не требует никаких настроек на вашем сайте.
Способ 2: Inline-встраивание (iframe или скрипт)
Квиз отображается прямо на вашей странице — без переходов.
- Откройте квиз в Qwizoo → Публикация → Встроить
- Выберите тип: «Inline» (встроенный)
- Скопируйте код
- Вставьте в HTML вашего сайта в том месте, где должен появиться квиз
Код выглядит примерно так:
<div id="qwizoo-inline"></div>
<script src="https://www.qwizoo.com/embed.js"
data-quiz="your-quiz-id"
data-type="inline">
</script>
Как вставить на WordPress
- Откройте редактор страницы (Gutenberg или классический)
- Добавьте блок «Произвольный HTML» (Custom HTML)
- Вставьте скрипт Qwizoo
- Сохраните и проверьте
Если вы используете Elementor или Divi — есть аналогичные блоки для HTML.
Как вставить на Tilda
- Откройте редактор Tilda
- Добавьте блок T123 (HTML-блок)
- Вставьте скрипт
- Нажмите «Опубликовать»
Как вставить на Wix
- Откройте редактор Wix
- Добавьте элемент → Другое → HTML iFrame
- Вставьте код скрипта или iframe
- Сохраните и опубликуйте
Как вставить на Webflow
- Перейдите в Designer
- Добавьте элемент Embed
- Вставьте код
- Опубликуйте проект
Способ 3: Popup (квиз-окно)
Квиз открывается в модальном окне при нажатии на кнопку.
Идеально когда:
- Вы хотите разместить кнопку «Пройти тест» или «Подобрать услугу»
- Квиз не должен занимать место на странице
- Хотите сохранить дизайн лендинга без изменений
<!-- Кнопка-триггер -->
<button id="open-quiz">Подобрать услугу →</button>
<!-- Скрипт Qwizoo -->
<script src="https://www.qwizoo.com/embed.js"
data-quiz="your-quiz-id"
data-type="popup"
data-trigger="open-quiz">
</script>
Атрибут data-trigger привязывает popup к любому элементу на странице — кнопке, ссылке, картинке.
Способ 4: Float-кнопка (квиз в углу)
Плавающая кнопка в правом нижнем углу страницы — как чат-поддержка, только квиз.
<script src="https://www.qwizoo.com/embed.js"
data-quiz="your-quiz-id"
data-type="float"
data-position="bottom-right"
data-label="Подобрать тариф">
</script>
Float-кнопка:
- Видна на всех страницах сайта одновременно (если код в header/footer)
- Не мешает контенту — появляется при скролле
- Работает на мобильных устройствах
Проверка после встраивания
После того как вставили код — проверьте:
| Что проверить | Как проверить |
|---|---|
| Квиз отображается | Откройте страницу в браузере |
| Мобильная версия | Откройте DevTools → Mobile view |
| Лиды приходят | Пройдите квиз и проверьте дашборд Qwizoo |
| Интеграции срабатывают | Проверьте CRM или вебхук |
Хотите убедиться, что квиз лучше обычной формы? Читайте сравнение с реальными цифрами конверсии.
Частые вопросы
Квиз замедляет сайт?
Скрипт Qwizoo загружается асинхронно и не блокирует рендеринг страницы. Влияние на скорость минимальное.
Нужно ли вставлять код на каждую страницу?
Только для Inline-квиза. Для Float-кнопки — достаточно вставить код один раз в footer (он появится на всех страницах).
Что если у меня кастомный сайт на React или Vue?
Скрипт Qwizoo работает в любой HTML-среде. Для React рекомендуем Inline через div-контейнер.
