Как сделать квиз в Тильде и проверить ответы формы

Квиз в Тильде собирается из стандартного блока QZ101: два шага с вариантами ответа, затем шаг «Формы контактов» и один приёмщик заявок. Подключите приёмщик, опубликуйте страницу и проверьте, что в заявке сохранились оба ответа и email. Если вам нужно понять, как сделать квиз в Тильде без ветвления и консультанта, этот маршрут подходит: он укладывается в один блок и одну форму.

Границы маршрута: два вопроса без условий видимости, без оценочной шкалы, без Zero Block, Vibe Block, калькулятора и виртуального консультанта. Блок BF919 в этой инструкции не используется. Рост конверсии здесь не обещается: проверяем отправку и состав заявки.

Добавьте блок квиза

Откройте Библиотеку блоков → раздел «Форма» → выберите блок QZ101 или одну из его вариаций (QZ101A—QZ101F). Вариации отличаются преднастроенным дизайном, наличием консультанта и преднастроенным ветвлением в ответах — ^[1].

Для простого маркетингового квиза берите базовый QZ101. Вариации с консультантом и ветвлением выходят за рамки задачи.

Что проверить до настройки вопросов:

• Расположение. Квиз-форма может занимать часть экрана, растягиваться на весь экран или открываться в попапе; это настраивается в настройках блока → Основные настройки — ^[1].
• Панель консультанта. В основных настройках указывается, будет ли дополнительная панель с консультантом — ^[1]. Для нашего маршрута её выключаем.
• Автопереход. В основных настройках есть чекбокс «Включить автоматический переход к следующему вопросу» — ^[1]. С ним посетитель не нажимает кнопку между вопросами; на проверку отправки это не влияет, но меняет число действий.

Стиль квиз-формы (скругление, обводка, фон карточки, индикатор прогресса, счётчик шагов) настраивается отдельно во вкладке «Стиль квиз-формы» — ^[1]. К сбору ответов это отношения не имеет, оформление можно отложить до проверки логики.

Настройте вопросы и контактный шаг

Шаги настраиваются в Контенте блока с квиз-формой → вкладка «Шаги квиз-формы» — ^[1]. Шаг — это каждый экран квиза.

Типы шагов, которые нужны в нашем маршруте:

Тип «Вопрос с вариантами ответа» — основа квиза, его интерактивная часть: в нём задаётся вопрос и даются варианты ответа — ^[1]. Тип «Формы контактов» создаёт экран с формой сбора контактов посетителя; в него можно добавить произвольные поля с данными и настроить общее сообщение или сообщение от консультанта — ^[1].

Порядок действий:

1. В списке шагов оставьте два шага типа «Вопрос с вариантами ответа» и один шаг «Формы контактов» последним.
2. В каждом вопросе заполните текст вопроса и варианты ответа.
3. На шаге «Формы контактов» оставьте поле email и уберите лишние поля, которые не нужны для заявки.
4. Не открывайте «Еще: условия видимости, вид, консультант» — эта ссылка внизу настроек поля ведёт к условиям видимости и сообщению консультанта — ^[1]. Условия видимости и есть ветвление: настройка показывает или не показывает поле в зависимости от значений в других полях — ^[1]. Для двух вопросов без ветвления она не нужна.

Ветвление разбирается отдельно, если понадобится показывать разные шаги под разные ответы: ветвление в квизе.

Подключите сбор данных и проверьте

Прежде чем передавать ответы во внешний сервис, определитесь с составом данных. В заявку из квиза попадают ответы на вопросы и контакты посетителя. Передавайте только то, что нужно для обработки заявки: ответы и рабочий email. Не отправляйте во внешний сервис лишние поля, которых нет в вашем сценарии, и не подключайте приёмник, пока не решили, кто и как будет обрабатывать заявки.

Схема подключения приёмщика общая для сервисов: в настройках сайта выбираете один (или несколько) из 24 сервисов, заполняете необходимые поля и активируете сервис; переходите на страницу сайта, добавляете блок с формой, в настройках блока выбираете сервисы и сохраняете; публикуете страницу — ^[2].

Отправленные данные хранятся в разделе «Заявки»; по умолчанию заявки хранятся в течение месяца, срок меняется в Настройках сайта → Формы → Общие настройки форм — ^[2]. Экспорт заявок сохраняет их за установленный срок в файл .csv — ^[2].

Проверка после публикации:

1. Пройдите квиз на опубликованной странице по одному маршруту.
2. Откройте раздел «Заявки» и сверьте состав: оба ответа и email на месте.
3. Проверьте тот же приёмник, который выбрали в настройках блока.
4. После подключения сторонних сервисов рекомендуется протестировать, что заявки отправляются и доходят до сервисов приёма данных — ^[2].

Сервисы приёма данных из форм работают только при активной подписке — ^[2]. Если сайт экспортирован на собственный сервер и подписка Тильды больше не оплачивается, нужен собственный скрипт для приёма данных из форм — ^[2].

Как проверить качество самой формы и не потерять заявку на стыке полей — проверка формы.

Учебный пример короткого квиза

Учебный пример

Сценарий: квиз «Какой аудит нужен». Два вопроса без ветвления, затем контактный шаг. Один приёмщик уже подключён в настройках сайта; его выбираем в контенте квиза. Адрес учебный, писем на него не отправлять.

Входы целиком:

Маршрут прохождения: Лендинг → Позже → demo@example.com.

Ожидаемая заявка:

Условий видимости, баллов, оценочной шкалы и консультанта в примере нет. Блок — QZ101 по официальной документации.

Проверка результата по тем же полям и условиям:

• В заявке из раздела «Заявки» стоит «Лендинг» в ответе на первый вопрос.
• В заявке стоит «Позже» в ответе на второй вопрос.
• В заявке стоит demo@example.com.
• Заявка пришла в тот приёмщик, который выбран в настройках блока.
• В квизе нет шагов с условиями видимости и панели консультанта.

Если хотя бы один пункт не сошёлся, проверьте порядок шагов и выбранный приёмник до повторной отправки. Состав заявки — единственный результат, который этот маршрут подтверждает; влияние квиза на конверсию здесь не измеряется.