8 помилок попапів або чому ви вважаєте їх неефективними
Контент

8 помилок попапів або чому ви вважаєте їх неефективними

01 березня 2022 07 листопада 2024 ~ 8 хв читати 14052 перегляди
оцінити
Claspo Blog 8 помилок попапів або чому ви вважаєте їх неефективними

Чи дратують вас спливаючі вікна? 73% користувачів кажуть, що вони мають негативне ставлення до спливаючих вікон. Але це не заважає маркетологам продовжувати їх використовувати. Чому так? Відповідь досить проста — вони функціональні!

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

Спливаюче вікно з’явилося в середині 1990-х років за ініціативою дизайнера та програміста Ітана Цукермана, який працював у Tripod на той час. Він не мав уявлення, що розробив ефективну бізнес-модель, яка дозволила заробляти гроші шляхом показу онлайн-реклами без безпосереднього розміщення повідомлень на веб-сторінці. І, дивлячись на те, як нині використовується його дітище, Цукерман щиро кається: "Я перепрошую. Ми мали добрі наміри."

З того часу спливаючі вікна пройшли певний шлях модифікацій. Наприкінці 90-х та на початку 2000-х вони відкривались як окремі вікна браузера. Сьогодні це накладки, які перекривають частину контенту сайту.

8 помилок у використанні спливаючих вікон та анти-кейси

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

Використання накладок на сайт

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

mango shop example

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

cocacolanderland example

 

Найчастіше з цим форматом намагаються донести користувачам важливу інформацію про GDPR та використання файлів cookie. Але зазвичай це викликає протилежний ефект: користувачі не читають повідомлення і в поспіху закривають такі вікна, щоб якнайшвидше позбутися їх і продовжити перегляд сторінки.

Перевантаженість даними

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

hellobc example

Така форма підписки вимагає надто багато даних і не вміщується на одному екрані стандартного ноутбука, що робить її дратівливою. Найефективніші з точки зору конверсії поп-апи - це ті, що мають 1-2 поля; зайве поле може знизити рівень конверсії приблизно втричі. Якщо вам потрібно більше інформації, краще додати друге вікно після підписки. У цьому випадку ви принаймні не втратите контакт.

example adidas store

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

Недоречний час показу

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

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

1

thredup

oldnavygap

Дайте користувачеві час звикнути. І перед запуском поп-ап вікна проаналізуйте середню тривалість сесії. Без розуміння того, як користувачі взаємодіють з окремими сторінками сайту, неможливо визначити ідеальний час для показу форми підписки.

Перевантаження поп-апами

Існують кілька видів поп-апів:

  • пов'язані з конфіденційністю (запити про місцезнаходження, запити на відправлення повідомлень, інформація про cookie та інші дозволи);
  • пов'язані з маркетинговими активностями (підписки, реклами, чати тощо)
  • пов'язані з активністю браузера (наприклад, менеджери паролів).

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

приклад магазину пума

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

Дослідження показали, що мобільна версія спливаючих вікон конвертує краще, ніж десктопна версія, майже у 2 рази (5.8% проти 3.11%). Але зробити спливаючі вікна зручними для користувачів на мобільних пристроях непросте завдання. Через невеликий розмір екрану будь-яке спливаюче вікно займає відносно більше місця, ніж на ПК. Крім того, мобільні пристрої повинні використовуватись "на ходу", і будь-які елементи, що захаращують дисплей, лише заважають цьому.

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

приклад магазину пума на мобільному

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

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

приклад hsbc

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

Невідповідний дизайн спливаючого вікна

Велика помилка при налаштуванні спливаючого вікна - недооцінювати роль дизайну. Усі елементи на сайті повинні бути оформлені в одному стилі, включаючи спливаючі вікна.

приклад trendgalleryart

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

Крім того, цікаве спостереження після аналізу спливаючих вікон від Sleeknote - спливаючі вікна з картинками конвертуються набагато краще, ніж без них (3.8% проти 2.07%). Користувачі все більше й більше розпещені красивим і якісним контентом. Не недооцінюйте візуальну частину та єдність стилю на вашому сайті.

Обмеження вибору користувача

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

designer example

designer example mobile

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

Можливо завершити це непомітним хрестиком або дуже маленьким шрифтом, за прикладом нижче від sumo.com

example

Неправильне цілеве налаштування

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

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

example puma

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

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

Можна доопрацювати варіант, де етикетка показується в посиланні.

Технічні помилки в реалізації спливаючих вікон

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

Наприклад, сповіщайте клієнта, якщо він робить помилку при заповненні поля е-мейл. Усі е-мейли повинні відповідати певним стандартам і це слід враховувати під час валідації, підсвітлюючи помилку користувачу (наявність @, використання дійсних символів на правильних позиціях тощо).

winesonline example

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

Висновок

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

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

Ще не є користувачем Claspo?
Популярні публікації

Вас також може зацікавити
10 Ефективних способів розширити свою базу email адрес в 2025 році
10 Ефективних способів розширити свою базу email адрес в 2025 році

В роботі маркетолога це завдання є напевно одним з найважливіших та найпріоритетніших, адже кожному з них зрештою доводиться зіштовхнутися з питанням, де і яким шляхом шукати email адреси для розсилки рекламних кампаній та інших матеріалів. Наведені нижче способи допоможуть Вам збільшити базу підписників використовуючи різноманітні дієві заходи: Створюйте виключно оригінальний контент Активно займайтеся соцмережами Створюйте відеоконтент Надавайте додаткові (бонусні) матеріали Проводьте вебінари Влаштовуйте розіграші  Пропонуйте прокомокоди, знижки, безкоштовну доставку тощо Не соромтесь просити фідбеки Співпрацюйте з блогерами та іншими інфлюенсерами...

25 лютого 2022 13 хв читати
Чи є кинутий кошик в роздрібній торгівлі ворогом, якого так довго ігнорували?
Чи є кинутий кошик в роздрібній торгівлі ворогом, якого так довго ігнорували?

Коли COVID-19 змусив людей купувати все онлайн, від медикаментів до улюблених полуничних круасанів, для всієї сфери e-commerce, зокрема роздрібної торгівлі, настав період розквіту, який запам’ятається як золотий час. Однак завжди є ложка дьогтю в бочці меду. Чому ж кинуті кошики є проблемою для ритейлерів? У міру зростання кількості відвідувачів зростає і кількість незавершених сеансів покупок. На перший погляд, ця тенденція здається нешкідливою. Але згодом ви усвідомлюєте обсяг потенційного доходу, який ви втрачаєте через відмови від кошиків. Також ви побачите, наскільки...

21 лютого 2022 25 хв читати
8 негативних наслідків кинутих кошиків
8 негативних наслідків кинутих кошиків

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

17 лютого 2022 18 хв читати
Що таке Floating Bar: 10 прикладів та поради щодо використання
Що таке Floating Bar: 10 прикладів та поради щодо використання

Що таке floating bar Floating bar — це pop-up, який закріплюється зверху або знизу сайту і залишається помітним при скролі сторінки. У Floating bar можна розмістити нагадування про закінчення розпродажу, форму передплати або направити трафік на певний лендинг.  Переваги використання floating bar Ненав'язливість Floating bar не відволікає користувачів від основного контенту сайту і не вимагає додаткових дій, щоб продовжити перегляд сторінки (наприклад, підписатися або закрити форму).  UX-friendly Floating bar містить мінімальну кількість контенту, який не закриває картки товарів, кнопки та...

05 березня 2022 9 хв читати
Pop-up: техніки, приклади та стратегії використання
Pop-up: техніки, приклади та стратегії використання

Що таке Pop-up Pop-up – це елемент інтерфейсу, який відображається поверх решти елементів у вікні браузера. Він може з'являтися без запиту користувача або за кліком на певний елемент сторінки. Приклад вітального поп-апу зі знижкою за реєстрацію на сайті онлайн-магазину magnolia.com: Для яких цілей використовують поп-апи: залучення нових підписників; збір даних про користувача (емейл, телефон, кукі та інше);  повідомлення про новини;  надання техпідтримки;  показ реклами;  збір заявок клієнтів; отримання зворотнього зв'язку (опитувальники).  Але все ж таки основна мета поп-апу – збір...

09 березня 2022 8 хв читати
Опитування про рівень задоволеності клієнтів: Визначення та приклади питань
Опитування про рівень задоволеності клієнтів: Визначення та приклади питань

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

15 березня 2022 11 хв читати

Наверх