Как настроить интерактивные элементы попапа
Конструктор попапов позволяет вам создавать умные попапы, которые показываются посетителям только по заданному сценарию. Используйте интерактивные элементы попапов для превращения сбора данных в игру и улучшения пользовательского опыта.
Вы можете выбрать готовый шаблон и использовать его в текущем виде или отредактировать под свои задачи. Разнообразные элементы конструктора позволяют создавать множество комбинаций и делать пребывание пользователей на вашем сайте более интересным.
В статье рассмотрим, как добавить и настроить интерактивные элементы попапов.
Начало работы
Чтобы добавить интерактивный элемент в попап, выберите проект из списка или нажмите Создать проект. Далее нажмите Добавить попап, выберите шаблон или создайте новый попап. В конструкторе выберите элементы Скретч-карта, Подарок, Игральные кости или Слот-машина.
Читайте также: Как создать умный попап.
Сначала выберите Переменную (Variable) для хранения данных о выигрыше и контакте клиентов или создайте новую. Далее настройте элемент попапа.
Скретч-карта
Добавляет зону, в которой пользователь должен ввести свои данные и очистить ее виртуальной монетой, чтобы получить промокод.
Настройте элемент в следующих секциях.
| Текст (Text) | Введите текст в зоне стирания. |
| Промокод (Promo code) | Введите промокод, появляющийся после стирания карты. Этот промокод пользователь сможет использовать на сайте для получения скидки или других предложений. Можно добавить несколько кодов, которые будут случайно распределены между пользователями. |
| Внешний вид (Style) | Выберите стиль скретч-карты. Вы можете выбрать прямоугольную или круглую зону стирания, золотистый или серебристый цвет. |
Подарок
Добавляет интерактивный подарок, который пользователь должен открыть*, чтобы получить промокод.
* Подарок с промокодом открывается после того, как пользователь заполнил Поле ввода. Поэтому дополнительно вам нужно добавить поле для сбора данных клиентов и сделать его обязательным.
Добавьте элемент Подарок (Pick a gift) и настройте его.
| Промокод (Promo code) |
Добавьте один или несколько промокодов. После того как пользователь откроет подарок, появится случайный промокод из вашего списка. Вы можете ввести промокод длиной до 20 символов. |
| Стиль (Style) | Выберите дизайн коробки среди предложенных. |
| Размер (Size) | Выберите размер подарочной коробки: маленький (S), средний (M) или большой (L). |
Кости
Добавляет интерактивные игральные кости, которые пользователь должен бросить, чтобы получить промокод.
Настройте элемент в следующих разделах.
| Текст на попапе (Pop-up text) | Введите текст под кубиками. Чтобы отформатировать текст, используйте набор инструментов в редакторе справа. |
| Количество кубиков (Number of dice) | Выберите количество кубиков на попапе. |
| Максимальное значение выигрыша (Maximum winning value) | Введите максимальное значение, которое может выпасть после броска. Пользователь не может получить большее значение.
Максимальное доступное значение зависит от количества кубиков. Для одного кубика это 6, для двух – 12, для трех – 18. |
| Текст после броска (Post-roll text) | Введите текст, отображаемый после броска кубиков. Можно редактировать текст для каждого отдельного результата. |
Вы также можете настроить внешний вид игровых кубиков. Выберите цвет граней (Face color) и точек (Pip color) или оставьте значение по умолчанию, устанавливаемое в настройках стиля попапа.
Слот-машина
Добавляет интерактивную слот-машину, которую пользователь должен крутить, чтобы получить промокод.
Настройте элемент в следующих секциях.
| Внешний вид (Style) | Выберите один из вариантов дизайна слот-машины. Выберите Воспроизводить со звуком, чтобы добавить к слот-машине звуковой эффект. |
| Количество вращений (Number of spin attempts) | Введите количество вращений, которые может выполнить пользователь. |
| Выигрышная комбинация (Winning combination) | Выберите выигрышную комбинацию: 2 или 3 одинаковых элемента в ряд. |
| Промокод (Promo code) | Введите промокод, который будет показан пользователю в случае выигрыша. Чтобы добавить несколько промокодов, нажмите Добавить промокод под полем ввода.
Промокоды будут раздаваться в случайном порядке. |
| Текст кнопки (Button text) | Введите текст на кнопке слот-машины. |
Далее добавьте тексты результатов.
| Текст перед вращением (Pre-spin text) | Введите текст, который будет показываться пользователю перед вращением. |
| Текст в случае выигрыша (Winning text) | Введите текст, который будет показываться пользователю в случае выигрыша. |
| Текст по окончанию попыток (Out-of-spins text) | Введите текст, который будет показываться пользователю в случае окончания попыток без выигрыша. |
Колесо
Добавляет к попапу рулетку, которую посетитель сайта может вращать и участвовать в розыгрышах.
Выберите или создайте переменную, куда будут храниться результаты вращения колеса. Добавьте сектора и настройте внешний вид. Установите вероятность выпадания секций, добавьте текст и выберите расположение колеса относительно попапа.
Читайте подробнее: Как настроить рулетку в попапах.
Обновлено: 12.03.2025
или