poptimizer Docs

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

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

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

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

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

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

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

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

На экране — несколько коробок. Пользователь выбирает одну и открывает её. Подходит, если хочется дать ощущение выбора.
Хорошо работает для: e-commerce, тематических акций, праздников.

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

В настройках каждой игры есть список призов. Для каждого приза заполните:
  • Название — что увидит пользователь после победы. Например: «Скидка 20%», «Бесплатная доставка», «Промокод на 500 ₽».
  • Вес — насколько часто выпадает этот приз. Чем больше число, тем чаще. Вес 3 выпадает втрое чаще, чем вес 1.
  • Значение — технический идентификатор для аналитики. Обычно это промокод или внутреннее название.
  • Параметры — дополнительные данные приза (необязательно). Например, параметр code со значением PROMO20.
[!TIP] Пример «джекпота»: приз «Скидка 5%» с весом 10 и приз «iPhone» с весом 1. Скидка выпадет в 10 раз чаще, чем iPhone. Веса не нужно суммировать в 100 — система сама пересчитывает шансы.

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

После победы в игре название приза становится доступным как переменная {{prize}}. Её можно вставить в любой текстовый блок на любом экране попапа.
Пример: На экране победы добавьте текст:
Поздравляем! Ваш приз: {{prize}}
Пользователь, выигравший «Скидку 20%», увидит: «Поздравляем! Ваш приз: Скидка 20%»

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

| Переменная | Что содержит | Пример | | ------------------- | -------------------- | -------------------------------- | | {{prize}} | Название приза | «Скидка 20%» | | {{prizeValue}} | Значение приза | «PROMO20» | | {{имя_параметра}} | Любой параметр приза | «PROMO20» (если параметр code) |
Переменные работают в блоке Текст — просто вставьте {{prize}} прямо в поле текста.
🎥
Текстовый блок с переменной {prize} — как вставить и что увидит пользователь
Место для видео или скриншота

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

Есть два способа, как попап реагирует на выигрыш. Выберите тот, который подходит вашему сценарию.

Способ 1: Перейти на экран с призом

Пользователь побеждает → попап автоматически открывает нужный экран (например, экран с призом или экраном "Спасибо").
Используйте, если:
  • Вы хотите показать красивый экран с призом отдельно от игры.
  • Форма для сбора контактов находится на экране после игры ("сначала поиграй, потом оставь email").
Как настроить:
  1. Создайте экран, на который хотите перейти после победы (например, "Экран с призом").
  2. Нажмите ⚙️ в панели экранов внизу редактора.
  3. В разделе «После победы в игре» выберите нужный экран.
🎥
Настройки ⚙️ — раздел «После победы в игре», выбор экрана из списка
Место для видео или скриншота

Способ 2: Отправить форму вместе с победой

Пользователь заполняет форму, потом играет — при победе данные формы и приза отправляются вместе через интеграцию.
Используйте, если:
  • Форма и игра находятся на одном экране ("оставь email, потом крути").
  • Вам нужно сразу передать и email, и выигранный промокод в CRM или Telegram.
Как настроить:
  1. Добавьте на экран поле ввода (Input) и игровой компонент.
  2. В настройках игры включите «Отправить форму при победе».
  3. Дополнительно включите «Требовать заполнение формы» — тогда игра не запустится, пока поле не заполнено.
  4. Создайте экран успеха — он откроется автоматически после отправки.
[!NOTE] В этом режиме данные отправляются через настроенные интеграции (Webhook, Telegram и др.). Убедитесь, что интеграция настроена — иначе данные нигде не сохранятся.

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

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

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

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

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

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

Самый конверсионный сценарий: сначала вовлекаем игрой, потом предлагаем оставить контакт.
Основной экран (игра) → Экран «Заберите приз» (email + {{prize}}) → Экран «Спасибо»
  1. На основном экране — только игра.
  2. Добавьте произвольный экран «Заберите приз». Добавьте текст с {{prize}}, поле email и кнопку «Получить».
  3. Добавьте экран «Спасибо».
  4. В настройках ⚙️ поставьте «Заберите приз» в разделе «После победы в игре».
  5. На экране «Заберите приз» настройте переход после отправки формы → «Спасибо».
🎥
Схема трёх экранов: игра → email-форма с {prize} → спасибо
Место для видео или скриншота

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

Нажмите «Просмотр» в редакторе — откроется полноэкранный режим, где все переходы работают по-настоящему. Вы можете:
  • Сыграть и посмотреть, на какой экран попадёте после победы.
  • Проверить, что {{prize}} подставляется правильно.
  • Переключаться между экранами вручную через табы вверху — чтобы посмотреть любой экран без прохождения игры.
[!TIP] Всегда тестируйте все возможные исходы — особенно если у вас несколько призов с разными настройками.

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

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