Умные Квизы (Опросники)
Готовые скрипты квизов, увеличивающие конверсию до 30%. Протестируйте механику (3-5 шагов) прямо здесь.
Мы скоро свяжемся с вами.
Универсальный B2B (4 шага)
Светлый корпоративный стиль. Идеально для агентств, юристов, консалтинга и IT-услуг.
<h3>Какая услуга вас интересует?</h3>
<button onclick="nextStep(2)">Создание сайта</button>
<button onclick="nextStep(2)">SEO-продвижение</button>
</div>
Бьюти & Медицина (3 шага)
Мягкая розовая тема. Идеально для салонов красоты, косметологов, клиник и частных мастеров.
<input type="text" id="client_name" required>
<button onclick="sendToTelegram()">Записаться на сеанс</button>
Авто и СТО (4 шага)
Брутальный темный дизайн. Опросник для расчета стоимости ремонта или подбора автозапчастей.
<input type="text" placeholder="Марка авто">
<button class="submit-btn">Расчет цены</button>
</div>
Недвижимость & Ипотека
Премиальный Navy-Gold дизайн. Сбор контактов за счет подборки квартир или расчета ипотеки.
<button class="gold-btn" onclick="nextStep()">До 1 млн ₽</button>
Фитнес & Диетология
Спортивный темный дизайн с оранжевым акцентом. Сбор email базы за лид-магнит (план тренировок).
<h3>Ваш уровень?</h3>
<button class="neon-orange-btn">Новичок</button>
</div>
Школы & Инфобизнес
Приятная фиолетовая гамма. Квиз для онлайн-школ, языковых курсов и продажи наставничества.
<button class="edu-btn-outline" onclick="nextStep()">Beginner</button>
<button class="edu-btn-outline" onclick="nextStep()">Advanced</button>
Как интегрировать квиз на ваш сайт
Шаг 1. Распаковка архива
После успешной оплаты вас перенаправит на скачивание ZIP-архива. Внутри находится файл quiz-code.txt с готовым скриптом.
Шаг 2. Настройка Telegram (Опционально)
Откройте файл в блокноте. В самом начале кода (между тегами <script>) найдите переменные TELEGRAM_BOT_TOKEN и CHAT_ID. Вставьте туда данные своего бота, чтобы получать заявки с ответами прямо в мессенджер.
Шаг 3. Добавление блока на сайт
В редакторе Тильды нажмите "Добавить блок", перейдите в раздел "Другое" и выберите блок T123 (HTML-код).
Шаг 4. Публикация
Вставьте весь скопированный код в блок, сохраните изменения и опубликуйте страницу. Квиз автоматически появится на вашем сайте!
Шаг 1. Получение кода
Распакуйте скачанный архив и скопируйте всё содержимое из текстового файла с кодом квиза.
Шаг 2. Настройка Telegram-уведомлений
Найдите в верхней части кода строки с настройками Telegram-бота и впишите свои токены. Это обеспечит доставку лидов.
Шаг 3. Вставка через Elementor
Если вы используете Elementor, добавьте виджет "HTML-код" на страницу и вставьте туда скопированный текст. Квиз появится в редакторе.
Шаг 4. Вставка через стандартный редактор
В редакторе Gutenberg нажмите "+" и выберите блок "Произвольный HTML". Вставьте код и нажмите кнопку "Обновить страницу".
Шаг 1. Подготовка
Откройте файл index.html вашего сайта в любом удобном редакторе (VS Code, Notepad++).
Шаг 2. Вставка кода
Скопируйте наш код из скачанного файла и вставьте его внутри тега <body> в то место, где вы хотите отображать квиз.
<section id="quiz-section">
<!-- ВСТАВИТЬ КОД КВИЗА СЮДА -->
</section>
Шаг 3. Редактирование вопросов (По желанию)
Прямо в HTML-коде вы можете легко найти тексты вопросов (например, "Какая услуга вас интересует?") и заменить их на свои собственные. Скрипт подхватит изменения автоматически.
Помощь по скриптам квизов
ИИ-инженер подскажет, как добавить новый вопрос или поменять дизайн.
Нужен сложный квиз с ветвлением логики, калькулятором внутри или интеграцией с CRM?
Связаться с менеджером