Як налаштувати інтерактивні елементи попапа
Конструктор попапів дає вам змогу створювати розумні попапи, які показуються відвідувачам лише за заданим сценарієм. Використовуйте інтерактивні елементи попапів, для перетворення збору даних на гру та покращення користувацького досвіду.
Ви можете вибрати готовий шаблон і використовувати його у такому вигляді або відредагувати під свої завдання. Різноманітні елементи конструктора дають можливість створювати безліч комбінацій та урізноманітнювати перебування користувачів на вашому сайті.
У статті розглянемо, як додати та налаштувати інтерактивні елементи попапів.
Початок роботи
Щоб додати інтерактивний елемент до попапу, виберіть проект зі списку або натисніть Створити проект. Далі натисніть Додати попап, виберіть шаблон або створіть новий попап. У конструкторі виберіть елементи Скретч-карта, Подарунок, Гральні кубики або Слот-машина.
Читайте також: Як створити розумний попап.
Спочатку виберіть Змінну (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
або