Як створити спливаюче вікно "Pick a Gift"

Гейміфікація вебсайтів перейшла від модної тактики до перевіреної стратегії, яка може принести вам реальні результати. Наші дані показують, що елементи гейміфікації забезпечують до 400% збільшення конверсій і майже 30% зростання продажів. Однак, ми погоджуємося, що ключ до успіху полягає у створенні занурюючого та нагороджуючого досвіду. 

Інструменти, такі як обертання колеса, акції з обмеженим часом, інтерактивні вікторини та бали лояльності, створюють глибший зв’язок з користувачами, стимулюючи їх більше взаємодіяти та витрачати більше. У цьому уроці ми зосередимося на спливаючому вікні «виберіть подарунок» як на способі впровадження гейміфікації вебсайту у вашу маркетингову стратегію. 

Зробімо ваш наступний крок успішним 😉

Що таке спливаюче вікно "виберіть подарунок"?

Спливаюче вікно "виберіть подарунок" — це гейміфікований маркетинговий інструмент, часто використовуваний в електронній комерції для залучення відвідувачів та заохочення конверсій. Це вид інтерактивного спливаючого вікна, яке пропонує користувачам вибрати з набору опцій (зазвичай у вигляді коробок, конвертів або інших клікабельних елементів), щоб розкрити нагороду або пропозицію.

Ось як це зазвичай працює:

1. Спливаюче вікно "виберіть подарунок" з'являється, коли користувач відвідує сайт. Воно активується особливими умовами, такими як час перебування на сторінці, кількість відвіданих сторінок, глибина прокрутки тощо.  
2. Користувач запрошується "вибрати подарунок" з кількох варіантів або зіграти в гру, залежно від типу використаного гейміфікованого спливаючого вікна.
3. Щойно користувач робить свій вибір, він бачить нагороду. 
4. Користувача заохочують одразу діяти, щоб отримати нагороду, наприклад, завершити покупку, підписатися або перейти на вказану сторінку. 

Створення спливаючого вікна "виберіть подарунок" є простим за допомогою конструктора спливаючих вікон як Claspo. Великий вибір попередньо розроблених шаблонів і зручний редактор за принципом перетягування забезпечують швидке налаштування, без клопоту з кодуванням та витрат з тривалою розробкою, водночас створюючи простір для експериментів і економлячи ваші гроші на розробку. 

Завершивши з основами, давайте розглянемо деякі способи застосування спливаючих вікон "виберіть подарунок": 

1. Вітати нових відвідувачів інтерактивною пропозицією.
2. Мотивувати користувачів приєднатися до вашого списку електронної пошти.
3. Спонукати реєстрацію у вашу програму лояльності або винагород.
4. Зменшувати покинуті кошики, пропонуючи заохочення.
5. Заохочувати користувачів рекомендувати друзів чи родину.
6. Створювати ажіотаж навколо особливих подій.
7. Нагороджувати користувачів за особливі події, такі як ювілеї або дні народження.
8. Збільшувати обізнаність та ажіотаж для запуску продукту.
9. Гейміфікувати опитування, щоб заохотити користувачів надавати цінний зворотний зв’язок.
10. Запобігати виходу користувачів з вашого сайту без жодних дій.

Щиро кажучи, список можна продовжувати. З огляду на природу спливаючих вікон "виберіть подарунок", ви можете легко придумати власну унікальну ідею. 

Чому спливаюче вікно "виберіть подарунок" дійсно працює

«Pick a gift» спливаючі вікна— це чудовий спосіб поєднати інтерактивність, психологію клієнта та маркетинг, заснований на цінностях, у такий спосіб, який відповідає очікуванням сучасних споживачів. Вони роблять процес більш залученим і менш схожим на просту транзакцію. 

При стратегічному використанні в ваших кампаніях вони можуть залишити позитивне враження і заохотити клієнтів повернутися ще раз. Розглянемо три практичні приклади, щоб зрозуміти, чому цей тип спливаючого вікна працює.

Зростання вашого списку електронної пошти 

Одна з найкращих переваг використання спливаючого вікна «вибери подарунок» - це те, як воно допомагає збільшити ваш список електронної пошти через веселе, інтерактивне залучення. Сьогодні всі переповнені запитами підписатися або приєднатися, тому надання чогось в обмін на електронну адресу змінює гру. Замість простої транзакції, це перетворюється на приємний і винагороджуючий досвід. 

Коли користувачі отримують можливість вибрати віртуальний подарунок, це викликає момент захоплення та цікавості. Такий ігровий підхід пробуджує збудження від отримання нагороди, що веде до вищого залучення. 

Збільшення коефіцієнтів конверсії

Крім збору електронних адрес, «вибери подарунок» спливаючі вікна є чудовим способом отримати більше кліків, впроваджуючи вибір і сюрприз. Надання користувачам можливості вибрати свій подарунок дозволяє їм відчувати більший контроль над досвідом. 

Це відчуття автономії робить взаємодію більш особистою та цінною. Людям зазвичай подобається мати контроль над своїми виборами, тому це відчуття ініціативи може бути сильним мотиватором, спонукаючи їх завершувати дію та взаємодіяти з вашою пропозицією.

Заохочення повторних відвідувань і лояльності клієнтів

Сюрприз тут є ключовим. Неочікуваний характер винагород у «вибери подарунок» спливаючих вікна викликає збудження, яке часто пов'язано з викидом дофаміну. Цей позитивний досвід стає пов’язаним з вашою маркою, роблячи клієнтів більш ймовірно завершити свої покупки. 

Це узгоджується з «правилом пікового кінця» — психологічним принципом, який передбачає, що люди запам’ятовують найбільш інтенсивні та остаточні моменти досвіду. Бізнеси можуть зменшити відмову від кошика і підвищити дії клієнтів шляхом перетворення процесу оформлення замовлення на момент відкриття та радості.

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

Коли користувачі отримують можливість долучитися до ексклюзивних святкових заходів, це посилює їхній емоційний зв’язок з вашою маркою. Ці спливаючі вікна не лише роблять клієнтів частиною чогось особливого, але й створюють відчуття традиції. Це може мотивувати користувачів повертатися для нових пропозицій або отримувати додаткові нагороди протягом всього сезону.

Як створити конверсійно-ефективний «вибери подарунок» спливаюче вікно

Пройдемо через етапи створення ігрового спливаючого вікна в Claspo. Спочатку вам потрібно створити обліковий запис. Потім відкрийте наш безкоштовний конструктор спливаючих вікон, натисніть "Новий Віджет" і виберіть "Бібліотека Шаблонів".

На панелі зліва, у розділі "Use Case", виберіть "Gamification". Ви побачите всі шаблони ігрової механіки.

Оберіть той, який вам подобається. Ми скористаємося цим шаблоном для демонстрації.

Використати цей шаблон

Тепер, давайте налаштуємо це спливаюче вікно з подарунковою коробкою для сайту. Одним із перших кроків є зміна винагород. Ви можете додати або зменшити кількість подарунків. Клацніть елемент подарунку, і на правій панелі, у розділі "Стиль", ви побачите "Кількість коробок".

Ми залишимо три коробки для цього шаблону, але знайте, що у вас є така опція. Тепер, вам потрібно налаштувати призи, які ви хочете запропонувати. Перейдіть у "Загальні", і ви побачите налаштування призів.

Клацніть кнопки Змінити винагороди та додайте свої винагороди.

За замовчуванням є три знижки. Ви можете встановити свої значення знижок, а також шанси на виграш. Або ви можете видалити стандартні винагороди та додати свої винагороди. Для цього виберіть "Індивідуальна винагорода" зі спадного списку. Зараз ви можете додати текстові винагороди, такі як безкоштовна доставка, безкоштовні зразки тощо. 

Отже, винагороди налаштовані. Шаблон також має таймер. Давайте його також налаштуємо. У Claspo, ви можете налаштувати таймер так, щоб він починався незалежно для кожного відвідувача. Ми це називаємо відносним таймером. Це гарантує, що кожен відвідувач має шанс скористатися пропозицією і перетворитися з відвідувача на лід.

Щоб використовувати відносний таймер, в налаштуваннях виберіть з початку відображення у налаштуваннях. Зверніть увагу, що відносний може бути скинуто після закінчення часу. Оскільки це пропозиція на Кіберпонеділок, ми вимикаємо цю опцію. 

Тепер, давайте додамо поле для користувачів, щоб ввести своє ім'я і перейти на наступну сторінку. 

Оверлеї спливаючих вікон мають сторінку реєстрації та три додаткові сторінки: Успішно, Існуючий, та Помилка. Внесемо кілька змін на сторінку Успішно. Оскільки у формі реєстрації є поле для імені та мітка з промокодом, ми можемо додати відповідні теги злиття для персоналізації повідомлення про успіх. Просто встановіть курсор будь-де в тексті та вставте тег злиття (ви знайдете його на лівій-правій панелі).

Отже, коли користувач заповнить форму, він побачить наступне: 

Це набагато краще за текст шаблону! До речі, це попередній перегляд віджета. Використовуйте його для тестування дизайну та перевірки, чи такі елементи, як теги злиття, працюють правильно. 

Якщо ви збираєтеся показувати спливаюче вікно "Обрати подарунок" на мобільному пристрої, перейдіть в режим мобільного перегляду, щоб переконатися, що елементи добре вирівняні та доступні. 

Ми закінчили з дизайном. Перейдемо до налаштувань відображення. Вони неймовірно важливі, оскільки допомагають донести ваше повідомлення до потрібної аудиторії найкращим чином. Параметри відображення за замовчуванням налаштовані, щоб дати користувачам час перегляду перед показом спливаючого вікна. 

Правила в Claspo надають вам безліч можливостей для максимально точного таргетингу. Наприклад, вкажіть сторінки, на яких повинно з'являтися спливаюче вікно. Вкажіть країну або навіть місто (чому б не створити окремі спливаючі вікна для кількох локацій з адаптованими нагородами?). Ви можете таргетувати відвідувачів, використовуючи UTM-параметри, щоб зробити спливаюче вікно природним продовженням більшої кампанії. 

Ви, можливо, також помітили, що є ще три тригери, які можна використовувати. Перший - це лаунчер. Лаунчер - це маленький значок, що знаходиться в нижньому кутку сторінки та викликає спливаюче вікно при натисканні. Лаунчери можна створити пізніше або увімкнути на першому етапі створення спливаючого вікна. Вони корисні, якщо ви хочете дати користувачам трохи більше контролю над тим, коли спливаюче вікно з’являється.

Тригери на основі HTML-кліків дозволяють використовувати практично будь-який елемент сторінки для відображення спливаючого вікна. Наприклад, спливаюче вікно може з'явитися, коли відвідувачі натискають на зображення, кнопку або посилання в тексті. 

Нарешті, тригери спливаючих вікон на основі API надають більше програмного контролю над тим, коли та як спливаючі вікна відображаються. Це може значно поліпшити гнучкість, інтеграцію з іншими сервісами та досвід користувача. Однак цей метод вимагає певних глибших технічних знань. 

Ми майже закінчили 😌

Все, що залишилося зробити, це підключити Claspo до інших інструментів, таких як CRM або постачальник послуг електронної пошти. Таким чином, інформація, зібрана вашим спливаючим вікном "обери подарунок," може миттєво передаватися для створення лідів у вашій CRM або запуску email-кампаній. 

Claspo працює з багатьма популярними програмними рішеннями. Оберіть усе, що вам потрібно, і не забудьте прив'язати поля, щоб переконатися, що інформація записується правильно. 

Ми завершили з дизайном і налаштуваннями! Тепер підключіть ваше спливаюче вікно до вашого сайту, і ви будете готові почати збирати ліди.

Що робить спливаючі вікна "обери подарунок" ефективнішими 🎁

Ціннісна пропозиція та чітке повідомлення

Серце вашого спливаючого вікна — це пропозиція 🎁 Переконайтеся, що користувачі одразу розуміють, що вони отримають в обмін на взаємодію зі спливаючим вікном. Використовуйте просту мову та дотримуйтеся короткого повідомлення.

Час, таргетинг та пропозиції

Час допомагає уникнути переривання користувацького досвіду у невідповідний момент, а таргетинг гарантує, що пропозиція є актуальною, збільшуючи конверсії.  

Не запускайте спливаюче вікно відразу після завантаження сторінки. За даними VWO, спливаючі вікна, що з’являються з затримкою, мають на 13% вищий показник конверсії, ніж ті, що з’являються одразу. Саме тому в Claspo за замовчуванням встановлено затримку в 20 секунд. Навіть якщо це є вітальною пропозицією, дайте користувачам час для взаємодії з контентом спочатку.

Альтернативно, ви можете використовувати спливаюче вікно "обери подарунок", щоб запобігти виходу з вебсайту. Це може допомогти відновити деякий трафік, який був би втрачений. 

Щодо таргетингу, пропонуйте різноманітність. Залежно від сегмента користувачів, відкоригуйте варіанти подарунків. Наприклад, повторним відвідувачам можна запропонувати ексклюзивну пропозицію для зміцнення лояльності.

Адаптивність на мобільних пристроях

Перевірте дизайн вашого спливаючого вікна на різних розмірах екранів. Хоча Claspo автоматично підбирає розмір, макет та текст для різних розмірів екранів, краще ще раз перевірити. 

Використовуйте великі кнопки, що легко натискаються, для мобільних користувачів та переконайтеся, що між клікабельними елементами достатньо простору, щоб уникнути випадкових натискань. Зробіть спливаюче вікно легким для закриття на мобільних пристроях — не робіть так, щоб користувачі почувалися в пастці через складне для закриття спливаюче вікно. 

A/B тестування та персоналізація

Тестуйте кілька версій вашого спливаючого вікна, щоб побачити, які з них працюють краще. Спліт-тестування дозволяє вам дізнатися, які пропозиції або тригери працюють краще. Замість проведення послідовних кампаній, налаштуйте спліт-тест і отримаєте відповіді швидше. Крім того, за допомогою Claspo спліт-тестування займає кілька кліків. 

Ми також маємо шаблон, який допоможе вам записати та проаналізувати ваші тести, який ви можете завантажити безкоштовно нижче. 

Підсумовуючи

Додавання спливаючого вікна "обери подарунок" до вашої загальної стратегії може значно вплинути на результати. Ці спливаючі вікна допоможуть привернути увагу ваших відвідувачів, подарувати їм щось цікаве або винагороду у відповідь, і спонукати їх до дії — будь то підписка, покупка або повернення на сайт у майбутньому.

Claspo пропонує вам гнучкість в дизайні та таргетингу, дозволяючи адаптувати цю тактику до будь-якої стадії шляху клієнта. А можливість A/B тестування та персоналізації гарантує, що ви постійно покращуєте та оптимізуєте для максимальних результатів. 

🧡 Найкраще? Ви можете зареєструватися безкоштовно та використовувати безкоштовний план без жодних обмежень на функціональність.