Квиз для магазина на Tilda — встроенный QZ101 или внешний виджет

Квиз для Tilda магазина решается одним из двух способов: встроенный блок QZ101 закрывает большинство простых задач — 4–6 вопросов, экран результата, отправка в почту. Когда нужна разветвленная логика для подбора одного SKU, привязка к Каталогу и передача лида в Bitrix24/AmoCRM — берут внешний виджет и встраивают его через блок T123. Установка занимает 10–15 минут на любой странице Tilda.

Как работает встроенный квиз Tilda QZ101 и его ограничения

QZ101 появился в Tilda как блок «Квиз» в группе «Формы». Доступен на платных тарифах. Возможности:

• до 12 шагов с одним вопросом и вариантами ответов;
• картинки или иконки к вариантам;
• финальный экран с текстом, форма контактов;
• передача результатов в почту, на webhook, в популярные CRM.

Чего нет:

• многоуровневое ветвление с условиями типа «если шаги 1+3 = X+Y → шаг 5»;
• выбор конкретного товара из Каталога Tilda по результатам ответов;
• персонализация финального экрана картинкой и ценой товара из каталога;
• A/B-тест разных версий квиза;
• сегментация показа квиза по UTM или поведению;
• хранение прохождений и сегментация лидов в одной системе.

Для лендинга-однодневки QZ101 работает. Для магазина с задачей «подобрать конкретную модель» — упирается в потолок.

Когда хватает QZ101, а когда нужен внешний сервис

QZ101 хватает, если:

• квиз нужен для квалификации лида: бюджет, сроки, ниша;
• продукт один или два, на финале вы просто оставляете заявку;
• ветвление линейное или не нужно вообще;
• лиды уходят в почту или одну CRM.

Внешний виджет нужен, если:

• в каталоге 30+ позиций и квиз должен довести пользователя до конкретного товара;
• финальный экран должен показать карточку с ценой, кнопкой «В корзину» и фото;
• логика ветвления зависит от комбинаций ответов;
• лиды надо разводить по менеджерам или CRM-воронкам;
• нужна аналитика прохождений по шагам и A/B-тесты.

Как сделать квиз на подбор товара для магазина на Tilda через Нотифлоу

В кабинете на cp.notiflow.ru зайдите в «Виджеты → Создать → Квиз». Дальше:

1. Соберите шаги вопросов. Для каждого варианта ответа — картинка и подпись.
2. Настройте ветвление: для каждой комбинации ответов задайте, какой SKU показать на финале.
3. Подключите каталог. Нотифлоу читает выгрузку YML вашего магазина — товары с фото, ценой и остатками подтягиваются автоматически.
4. Добавьте кнопку «Купить» — она открывает карточку товара на Tilda или сразу добавляет в корзину через API.
5. Настройте передачу лида в Bitrix24, AmoCRM или Telegram-уведомлением.

Скрипт виджета вставляется в Tilda через блок T123 один раз. Изменения в квизе применяются мгновенно, без переиздания страницы.

Как встроить виджет на Tilda через блок T123

Блок T123 — «HTML-код» в группе «Другое». Доступен на платном тарифе Tilda Personal или выше. На бесплатном тарифе HTML-блока нет, и вставить внешний квиз нельзя.

Шаги:

1. В Нотифлоу скопируйте код виджета — обычно одна строка <script src="https://...">.
2. На странице Tilda добавьте блок T123 в нужное место.
3. В настройках блока вставьте скопированный код.
4. Опубликуйте страницу.

Виджет загружается асинхронно и не замедляет страницу больше, чем на 50–100 мс при первом визите. Дальше скрипт кешируется браузером.

Как связать квиз с каталогом и корзиной Tilda

Каталог Tilda хранит товары с уникальными ID (SKU). Связка с квизом строится так:

• в Нотифлоу для каждой комбинации ответов указывается SKU;
• на финальном экране квиза подтягивается карточка товара (фото, название, цена, остаток);
• кнопка «Купить» вызывает API корзины Tilda — tcart — и добавляет товар;
• параметры выбора пользователя сохраняются в сессии, чтобы не сбрасывались при переходе на карточку.

Для добавления в корзину используется JS:

tcart__addProduct({
  uid: 'SKU-12345',
  name: 'Название товара',
  amount: 1,
  price: 4990
});
tcart__reDraw();

Это типовое решение, оно работает на всех тарифах с включенной Корзиной Tilda. Нотифлоу генерирует этот код автоматически по SKU из каталога.

Как передать лид из квиза в CRM

Bitrix24 — через REST API или вебхук. В Нотифлоу при сохранении лида срабатывает заранее настроенный коннектор: создается сделка с полями «Имя, Телефон, Email, Источник: квиз, Ответы». Менеджер видит карточку с контекстом, не задает лишних вопросов.

AmoCRM — аналогично через интеграцию или вебхук на пользовательский endpoint.

Telegram — простой вариант для маленьких магазинов: уведомление в чат менеджера с резюме ответов и контактами клиента.

Email — стандартная функция, шлет письмо на указанный адрес с темой «Квиз: [категория] [бюджет]».

В Нотифлоу все четыре канала настраиваются параллельно — один лид одновременно уходит в Bitrix24, на email и в Telegram, ничего не теряется.

Сравнение QZ101 vs Нотифлоу vs Marquiz vs Madtest

QZ101 — бесплатно с тарифом Tilda Personal (от 750 ₽/мес). Работает «из коробки», но без сложного ветвления и без связки с конкретными SKU.

Marquiz — отдельная подписка от 590 ₽/мес. Сильное ветвление, шаблоны, но интеграция с Каталогом Tilda — через ручной маппинг ID.

Madtest — от 990 ₽/мес. Конструктор геймифицированных квизов с вариативными результатами. Связка с каталогом — через webhook.

Нотифлоу — от 850 ₽/мес. Фокус на e-commerce: автозагрузка YML-каталога, готовые рецепты для Tilda, передача в Bitrix24 и AmoCRM из коробки. На одном тарифе — квиз, попапы, чек-листы, чат на сайте.

Если у вас один квиз на лендинге — берите QZ101 или Marquiz. Если несколько виджетов на сайте — выгоднее одна подписка на универсальный сервис.

Как замерить эффект квиза на Tilda

Через Нотифлоу в кабинете автоматически считаются:

• посетители, увидевшие квиз;
• начавшие прохождение и дошедшие до финала;
• добавления в корзину с финального экрана;
• доля сделок в CRM, пришедших из квиза.

В Tilda Cobalt (родная аналитика) этих разрезов нет — придется настраивать UTM и цели в Яндекс.Метрике. На QZ101 базовые цифры собираются вручную через данные форм.

Часто задаваемые вопросы

Собрать квиз для Tilda-магазина с привязкой к каталогу можно в Нотифлоу за 1–2 часа — регистрация на cp.notiflow.ru. Базовая теория есть в «Как сделать квиз на сайте». Универсальный гайд — «Квиз на подбор товара для интернет-магазина». Подробнее о виджете — страница «Квиз».