Стратегія pop up: як збільшити конверсію та покращити взаємодію з користувачами

Спливаюче вікно або поп ап все ще вважають ефективним інструментом? Так! Вони можуть збільшити конверсії, збирати підписки на розсилку та покращити взаємодію зі споживачами: ось один із наших кейсів, де це класно спрацювало. Однак неправильне використання pop up може завдати шкоди користувацькому досвіду і навіть відштовхнути потенційних клієнтів. 

‍

У цій статті ми розглянемо, що таке попап, їхні цілі, переваги і недоліки, а також поділимося стратегіями та рекомендаціями від Head of UX/UI Promodo Антона Чеботаренко, щоб ви могли максимально ефективно використовувати цей інструмент на своєму сайті.

Що таке pop up?

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

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

Антон Чеботаренко

UI/UX Designer

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

Цілі спливаючих вікон

У Pop up можуть бути різні цілі, залежно від потреб і стратегій бізнесу:

‍

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

‍

Ось кілька прикладів, якими можуть бути такі вікна: 

‍

Pop up інформативний: 

Pop up додаткової дії:

Середній коефіцієнт конверсії для всіх спливаючих вікон становить 3,09%. Проте більшість таких popup дратують користувачів. Тому що на ринку існують хибні уявлення про те, якими вони мають бути. Також існує багато факторів, що впливають на створення успішного спливаючого вікна, тому навіть один помилковий крок може знизити коефіцієнт конверсії.

Переваги і недоліки поп ап

Переваги спливаючих вікон для бізнесу:

‍

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

‍

Недоліки:

‍

• Надмірна або неправильно налаштована поява Pop up може викликати роздратування і негативно вплинути на користувацький досвід.
• Якщо поп ап надто нав'язливий, це може призвести до збільшення кількості відмов.
• Не всі попапи оптимізовані для мобільних пристроїв, що може негативно вплинути на взаємодію мобільних користувачів з сайтом.

Стратегії використання спливаючих вікон

Щоб отримати найкращі результати від pop up, їх потрібно створювати відповідно до найкращих практик. Ці методи відокремлюють нав’язливі спливаючі вікна від тих, що привертають увагу та мають високу конверсію.

Кроки, які потрібно врахувати під час розробки та впровадження:

Крок 1: Враховуйте потреби вашої аудиторії. Головними мотивами для відвідувачів, які здійснюють покупку зазвичай є безкоштовна доставка, промокоди, знижки і відгуки інших клієнтів. Дізнайтеся, що найбільше можуть оцінити ваші відвідувачі й створіть pop up з урахуванням цього.

‍

Крок 2: Визначте чіткі цілі. Визначення цілі має вирішальне значення, оскільки це є орієнтиром для оцінки успіху кампаній.

1. Виберіть формат;
2. Створюйте зручні спливаючі вікна: ви повинні показувати конкретні спливаючі вікна в потрібний час відповідним людям.

Для цього варто визначити параметри націлювання, наприклад:

‍

• Місцезнаходження. Можна націлити або виключити відвідувачів із певної країни, регіону чи міста, це корисно для місцевих кампаній.
• Вартість кошика. Якщо вартість кошика відвідувача менше певної суми, спливаюче вікно з пропозицією безкоштовної доставки може спонукати досягти порогової суми.
• Нові відвідувачі або ті, що повернулися. Спливаючі вікна можуть «розпізнавати», чи є відвідувач новим чи повернувся, і відображати для нього спеціальну кампанію, наприклад, знижку для новачків.
• Відвідувач додає товар у кошик і збирається вийти. Це спливаюче вікно призначене для нагадування та/або стимулювання клієнтів завершити покупку.
• Відвідувач переглядає товар, якого немає в наявності. Pop up можете запропонувати відвідувачеві отримати сповіщення, коли товар знову стане доступним.

‍

Крок 3: Дизайн вікон має відповідати вашому сайту.

‍

Крок 4: Зробіть кнопку заклику до дії помітною.

‍

Крок 5: Напишіть короткий і чіткий текст.

‍

Крок 6: Зробіть спливаючі вікна цінними. Розпродаж, програма лояльності, персональна знижка, безкоштовна доставка тощо. 

‍

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

Крок 7: Використовуйте оригінальні візуальні матеріали.

‍

Крок 8: Зробіть спливаючі вікна зручними для мобільних пристроїв.

‍

Крок 9: Гейміфікуйте досвід.

Крок 10: Додайте зворотний відлік, щоб спонукати до дії.

‍

Крок 11: Перевірте свої спливаючі кампанії: використовуйте A/B тестування для визначення найбільш ефективних варіантів попапів.

Поради експерта

Head of UX/UI Promodo Антона Чеботаренко радить перед початком роботи над поп ап врахувати наступне::

‍

• Вибирайте стратегічні місця для показу поп ап, на сторінках продуктів або статті в блозі. Наприклад, на сайті Ельдорадо, як тригер для викликання поп апу використовується закриття сайту. У цей момент відкривається вікно, який нагадує клієнту, що в його кошику лежить товар і закликає до оформлення покупки. Під час А/В тестування перед впровадженням цього попапу, конверсія на сайті виросла на 7%. 
• Використовуйте зрозумілі і привабливі заклики до дії як в кнопках, так і в заголовках. Заголовок теж має бути СТА, тобто спонукати до виконання цільової дії, закладеної в поп ап.
• Поп ап повинні бути простими, лаконічними, естетично підходящими до стилістики вашого сайту.
• Переконайтеся, що попап добре виглядають на мобільних пристроях.
• Використовуйте файли cookie, щоб не показувати попапи занадто часто одному користувачу.

Раджу також використовувати у pop up достатньо великі та зручні кнопки для закриття вікна, щоб не злити ЦА та не зменшити конверсію основної цільової дії.

Антон Чеботаренко

UI/UX Designer

Елементи, що збільшують або зменшують конверсію pop up

Ось кілька важливих моментів, які варто зрозуміти:

‍

• Спливаючі вікна з найбільшою кількістю конверсій не з’являються відразу;
• Незрозумілість заголовка та пропозиції призведе до зниження рейтингу конверсії;
• Персоналізація та особиста історія створює інтерес;
• Спливаючі вікна не повинні з’являтися одразу після того, як відвідувач відкриває сайт;

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

Антон Чеботаренко

UI/UX Designer

• Заклики до дії мають відповідати пропозиції;
• Спливаючі вікна виходу потребують надзвичайно цінної пропозиції.

Важливий контекст

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

Контекст — це те, що передує появі pop up, він надає значення та краще розуміння повідомленню.

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

‍

Якщо зважати на контекст, можна отримати кращі результати. Ось кілька прикладів: 

‍

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

Відвідувачам потрібен час

Спливаючі вікна, які зʼявляються одразу після того, я користувач зайшов на сайт або конкретну сторінку — дратують. Перш ніж захотіти щось придбати або пізнатися більше, користувачу потрібно ознайомитися з товарами, інформацією, пропозицією тощо. Наприклад відвідувач переглянув книгу, а спливаюче вікно з’явилося через 15 секунд після того з пропозицією завантажити уривок або інформацією про безкоштовну доставку. У цьому випадку врахований і контекст, і час. 

Щоб зрозуміти, через скільки має зʼявитися спливаюче вікно, подивіться на середній час перебування на цій сторінці в Google Analytics. 

Зміст повідомлення має бути чітким

Спливаюче вікно з заголовком «Отримайте спеціальну пропозицію!» без додаткових деталей буде менш ефективним порівняно з заголовком «Отримайте 20% знижку на першу покупку!». Будьте конкретними у своїй пропозиції. 

Як створити pop up

Компанія може створити pop up власними силами або скористатися спеціалізованими сервісами. Останні дозволяють швидко налаштувати спливаючі вікна з різними дизайнами та функціями, як-от А/В-тестування та інтеграція з сервісами розсилок.

‍

Команда Promodo найчастіше користується такими сервісами, як: 

‍

• eSputnik
• Claspo
• Sendpulse

Якщо нам або клієнту не підходить функціонал сервісу або нема можливості платити за цей функціонал — наші розробники готують кастомний код за допомогою html/js та розміщуємо його в Google Tag Manager. 

Владислав Лобода

Team Lead Email Marketing в Promodo

Основні критерії вибору сервісу:

‍

• Які є варіанти розміщення pop up та умови його показу.
• Наявність шаблонів та можливості кастомізації дизайну.
• Інтеграція з системою розсилок.
• Вартість використання.

Сервіс, який ми зараз найчастіше використовуємо — Claspo. Якщо ви лише тестуєте спливаючі вікна на вашому сайті, цей сервіс дозволить створити 3 віджети безкоштовно, щоб випробувати функціональність. 

‍

Claspo має drag'n'drop редактор для створення віджетів:

‍

• Можна додати картинки, керувати налаштуваннями тексту та кнопками. 
• Елементи форми можна кастомізувати. 
• Доступно понад 700 шаблонів віджетів та фотосток.
• Форми вікон автоматично адаптивні для різних пристроїв.

Також сервіс дозволяє:

‍

• налаштувати частоту показу, тип пристроїв умови відображення попап;
• інтеграцію з ESP та CRM;
• проводити А/В-тестування;
• відстежувати ефективність за допомогою вбудованої аналітики і Google Analytics. 

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

Владислав Лобода

Team Lead Email Marketing в Promodo

Висновки 

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

ТАКОЖ НА ЦЮ ТЕМУ:

• Customer Journey Map: як бізнесу розумно інвестувати у клієнтський досвід.
• Censydiam: інструмент для вивчення мотивації споживачів і побудови позиціонування.
• Як бізнесу обрати блогера для співпраці в TikTok?
• Що таке креативний бриф, і як його заповнювати.
• Як підготувати ефективну пітч-презентацію: інструкція та рекомендації.