Игровые механики

Игры превращают обычный попап в интерактивный опыт: пользователь крутит колесо, стирает карту или открывает коробку — и получает персональный приз. Это повышает вовлечённость и конверсию по сравнению с обычной формой.

Доступные игры

Колесо фортуны

Классика геймификации. Пользователь нажимает кнопку — колесо крутится и останавливается на случайном секторе. Вы задаёте призы и их веса.

Хорошо работает для: скидок, промокодов, подарков при подписке.

Скретч-карта

Пользователь стирает серый слой мышью (или пальцем на телефоне) и видит приз под ним. Эффект неожиданности удерживает внимание дольше, чем кнопка.

Хорошо работает для: розыгрышей, акций с ограниченным количеством призов.

Подарочная коробка

На экране — несколько коробок. Пользователь выбирает одну и открывает её. Подходит, если хочется дать ощущение выбора.

Хорошо работает для: e-commerce, тематических акций, праздников.

Как настроить призы

В настройках каждой игры есть список призов. Для каждого приза заполните:

Текст сектора — что увидит пользователь после победы. Например: «Скидка 20%», «Бесплатная доставка», «Промокод на 500 ₽».
Тип сектора — «Выигрышный» или «Проигрышный». Проигрышный сектор не отправляет форму и не открывает экран приза — для него показывается «Текст проигрыша».
Вес — насколько часто выпадает этот сектор. Чем больше число, тем чаще. Вес 3 выпадает втрое чаще, чем вес 1.
Параметры экрана победы — дополнительные данные приза: prizeValue (техническое значение для аналитики и интеграций) и свои параметры, например code со значением PROMO20.

[!TIP] Пример «джекпота»: приз «Скидка 5%» с весом 10 и приз «iPhone» с весом 1. Скидка выпадет в 10 раз чаще, чем iPhone. Веса не нужно суммировать в 100 — система сама пересчитывает шансы.

Переменные приза — используйте в тексте

После победы в игре название приза становится доступным как переменная {{prize}}. Её можно вставить в любой текстовый блок на любом экране попапа.

Пример: На экране победы добавьте текст:

Поздравляем! Ваш приз: {{prize}}

Пользователь, выигравший «Скидку 20%», увидит: «Поздравляем! Ваш приз: Скидка 20%»

Доступные переменные

Переменная	Что содержит	Пример
`{{prize}}`	Название приза	«Скидка 20%»
`{{prizeValue}}`	Значение приза	«PROMO20»
`{{имя_параметра}}`	Любой параметр приза	«PROMO20» (если параметр `code`)

Переменные работают в блоке Текст — просто вставьте {{prize}} прямо в поле текста.

Что происходит после победы

В настройках игры есть переключатель «После победы» с тремя режимами. Выберите тот, который подходит вашему сценарию.

Режим «Перейти на экран»

Пользователь побеждает → попап автоматически открывает нужный экран (например, экран с призом или экраном "Спасибо").

Используйте, если:

Вы хотите показать красивый экран с призом отдельно от игры.
Форма для сбора контактов находится на экране после игры ("сначала поиграй, потом оставь email").

Как настроить:

Создайте экран, на который хотите перейти после победы (например, "Экран с призом").
В настройках игры выберите режим «После победы» → «Перейти на экран».
В появившемся поле «После победы в игре» выберите нужный экран.

Режим «Отправить форму»

Пользователь заполняет форму, потом играет — при победе данные формы и приза отправляются вместе через интеграцию.

Используйте, если:

Форма и игра находятся на одном экране ("оставь email, потом крути").
Вам нужно сразу передать и email, и выигранный промокод в CRM или Telegram.

Как настроить:

Добавьте на экран поле ввода (Input) и игровой компонент.
В настройках игры выберите режим «После победы» → «Отправить форму».
Дополнительно включите «Проверять заполненность полей перед игрой» — тогда игра не запустится, пока поля не заполнены.
Создайте экран успеха — он откроется автоматически после отправки.

[!NOTE] В этом режиме данные отправляются через настроенные интеграции (Webhook, Telegram и др.). Убедитесь, что интеграция настроена — иначе данные нигде не сохранятся.

Режим «Показать приз»

Самый простой вариант: после победы прямо поверх игры показывается текст победы (настраивается в игре), без перехода на другой экран. Для проигрышного сектора показывается текст проигрыша.

Три сценария — пошагово

Сценарий A: Просто поиграть и показать приз

Подходит, если контакты собирать не нужно — только геймификация.

Основной экран (игра) → Экран «Ваш приз» (после победы)

На основном экране добавьте игру (Колесо / Скретч-карта / Подарочная коробка).
Добавьте новый экран — назовите его «Ваш приз».
На экране «Ваш приз» добавьте текст с {{prize}} и кнопку «Закрыть».
В настройках игры: режим «После победы» → «Перейти на экран», экран — «Ваш приз».

Сценарий Б: Сначала email — потом игра

Пользователь оставляет контакт, только потом получает право сыграть.

Основной экран (поле email + игра) → Экран «Спасибо»

На основном экране добавьте поле Input (тип email), затем — игру ниже.
В настройках игры: режим «После победы» → «Отправить форму» + включите «Проверять заполненность полей перед игрой».
Добавьте экран «Спасибо» с текстом и {{prize}}.
Настройте интеграцию (Webhook / Telegram), чтобы данные куда-то приходили.

[!TIP] Поставьте текст над игрой: «Введите email — и испытайте удачу!» — это объясняет пользователю, зачем нужно поле.

Сценарий В: Поиграть → оставить email → получить приз

Самый конверсионный сценарий: сначала вовлекаем игрой, потом предлагаем оставить контакт.

Основной экран (игра) → Экран «Заберите приз» (email + {{prize}}) → Экран «Спасибо»

На основном экране — только игра.
Добавьте произвольный экран «Заберите приз». Добавьте текст с {{prize}}, поле email и кнопку «Получить».
Добавьте экран «Спасибо».
В настройках игры: режим «После победы» → «Перейти на экран», экран — «Заберите приз».
На экране «Заберите приз» настройте переход после отправки формы → «Спасибо».

Проверка в режиме просмотра

Нажмите «Просмотр» в редакторе — откроется полноэкранный режим, где все переходы работают по-настоящему. Вы можете:

Сыграть и посмотреть, на какой экран попадёте после победы.
Проверить, что {{prize}} подставляется правильно.
Переключаться между экранами вручную через табы вверху — чтобы посмотреть любой экран без прохождения игры.

[!TIP] Всегда тестируйте все возможные исходы — особенно если у вас несколько призов с разными настройками.

Полезные советы

2–5 призов — оптимальное количество. Меньше двух выглядит неинтересно, больше пяти запутывает.
Пусть выигрывают почти все — по умолчанию делайте секторы выигрышными: «проигрыш» снижает конверсию и создаёт негатив. Проигрышные секторы используйте точечно и обязательно настройте «Текст проигрыша».
Промокод в параметре — если хотите показать разные промокоды для разных призов, добавьте параметр code к каждому призу и используйте {{code}} в тексте.
Мобильные пользователи — все три игры полностью адаптированы для сенсорных экранов.