Як з дитинства нас привчали до того, що трапезувати потрібно обов'язково з хлібом, так і в питаннях веб-дизайну нам навіяли, що спливаючі вікна - зло, яке дратує і відлякує наших дорогоцінних відвідувачів сайту. Але якщо в першому випадку ми подорослішали й усвідомили, що їжа без хліба набагато смачніша, та й корисніша, то щодо pop-up вікон ми продовжуємо свято вірити в те, що використовувати їх не можна в жодному разі. Але чи так це?
Для початку давайте розберемося, звідки взагалі пішло таке "неписане правило", як невикористання pop-up. А вся справа в тому, що спливаючими вікнами надто зловживали, причому інформація в них часто ніяк не була пов'язана з контентом самого сайту. Найчастіше це була реклама казино, іграшок, фінансових пірамід та іншого сміття веб-простору. Крім того, часто у користувача не було жодної можливості закрити нещасливе вікно, і в результаті вихід був один - покинути нав'язливий сайт.
Безумовно, подібний користувацький досвід змусив люто зненавидіти pop-up вікна. Здавалося б, чи може чекати на цей інструмент лідогенерації переродження й очищення репутації. Як показує досвід зарубіжних колег, то ще й як! Якщо ви прогуляєтеся західними сайтами, то зверніть увагу, як уміло там використовують поп-апи, закликаючи або підписатися на розсилку, або взяти участь в акції, або отримати безплатний корисний контент - причому роблять це вони ненав'язливо, і так коректно, що не залишити свій email просто незручно.
У сьогоднішній статті ми детально розглянемо, якими ж мають бути спливаючі вікна, що принесуть користь вашому веб-проекту. Адже за умови грамотного їх використання ви зможете поповнювати базу контактів для подальших email-маркетингових активностей.
Отже, пропоную 7 фішок, які дадуть вам змогу по-новому подивитися на поп-ап вікна, а також дадуть змогу ефективно використовувати їх на вашому сайті.
1 Покажіть pop-up не відразу
Показувати з перших секунд спливаюче вікно - це як під час знайомства з людиною моментально просити позичити грошей. Нав'язливо і малоефективно. Дайте відвідувачеві сайту спершу познайомитися з вами, хоча б хвилинку. Нехай він зрозуміє, що ви - класні хлопці. А потім запропонуйте підписатися на вашу розсилку.
Оптимальний час показу спливаючих вікон потрібно підбирати індивідуально. Адже залежно від сфери діяльності вашого бізнесу, а також від традиційних сценаріїв поведінки відвідувачів, час буде різним.
Для того, щоб спрогнозувати, через який проміжок часу після першого відвідування показувати поп-ап, зазирніть у веб-аналітику. Яка середня тривалість перебування на тій сторінці, на якій ви плануєте розмістити спливаюче вікно? Якщо це 30 секунд, отже, покажіть поп-ап трішки раніше, наприклад, на 28 секунді.
2 Запам'ятовуйте куки
Коли на кожному кроці нас переслідує одна й та сама реклама, це починає дратувати. Тому, запам'ятовуйте дію користувача з вашим поп-апом, і не показуйте йому повтори. Наприклад, якщо я вже підписалася на вашу розсилку через pop-up, то навіщо мені пропонувати це зробити знову? Запам'ятовуючи куки, ви зможете уникнути непотрібних дублів. І зберегти гарне ставлення до вас серед відвідувачів сайту.
3 Зв'яжіть pop-up з контентом
Зміст спливаючого вікна повинен бути логічним продовженням споживаного користувачем контенту. Читає статтю в блозі - запропонуйте підписатися на розсилку статей, читає огляд про телефон - закликайте стежити за новими оглядами, зайшов на сторінку акцій - запропонуйте підписатися на розсилку з акціями і дізнаватися про них першим.
Подумайте, що крім розсилки ви зможете запропонувати відвідувачеві сайту в обмін на його email. Доступ до безкоштовної демо-версії? Або ж курс відео-уроків? Важливо давати щось корисне, адже просто так свої контакти мало хто захоче залишати.
Приклад пов'язаного з контентом сайту спливаючого вікна від Quick Sprout:
4 Виділіть pop-up на сторінці
Спливаюче вікно має бути помітним і не зливатися з іншою інформацією на сторінці. Приміром, можна дещо затемнити тло, щоб поп-ап впадав у вічі і нічого не відволікало від його змісту.
Експериментуйте з місцем розміщення спливаючого вікна, а також з його розмірами. Є чудові приклади, коли pop-up гігантський, і з'являтися на весь екран. А для обережних компаній можна спробувати використовувати спливаюче вікно збоку сторінки.
Приклад спливаючого вікна на весь екран від Kissmetrics:
Приклад спливаючого вікна збоку від HubSpot:
5 Подбайте про юзабіліті
Навіть такий маленький елемент, як спливаюче вікно, має бути зручним для використання. На ньому мають бути розташовані такі елементи:
- текст, що дає зрозуміти, що ви пропонуєте і що ви хочете натомість
- місце для введення контактів (email та ім'я)
- CTA-елемент (кнопка із закликом до дії)
- хрестик, що дає можливість закрити вікно
- рядок "не показувати більше" (або "я вже підписаний")
- інформація про гарантії конфіденційності та захисту від спаму
- соціальний доказ (наприклад, 4500 осіб уже отримали нашу демо-версію)
Приклад зручного для користувача поп-апу:
6 Копірайтинг важливий
Заголовок поп-апу, що мотивує підписатися, невеликий текст, що описує переваги підписки, і навіть назва CTA-кнопки - все це має значення. У вас дуже обмежена кількість символів, щоб переконати людину віддати вам свій контакт. Тому сформулюйте вашу УТП максимально ємко. Якщо позиціонування дає змогу, можете використовувати гумор, це налаштовує на довірчі стосунки.
Експериментуйте з текстом на CTA-кнопці. Спробуйте назвати її не "Підписатися", а, приміром, "Прокачати себе" (згенеруйте 10 варіантів закликів до дії, пов'язаних із пропозицією у вашому поп-апі, обравши найзабійніший).
Приклад залучального копірайтингу для поп-апу від Groove:
7 Тестуйте!
Усі перераховані вище пункти потрібно тестувати. Через який час показувати pop-up? Який заголовок чіпляє? На яку кнопку краще клікають? У якому місці вища конверсія? Що можна прибрати, а що додати? Все потрібно тестувати, оскільки рецепта успіху спливаючих вікон немає, все дуже індивідуально. Тому, пробуйте, вимірюйте, шукайте той варіант, який буде працювати саме на вас.
