Контент

Що таке попапи: детальне керівництво з прикладами та кращими практиками

16 листопада 2021 ~ 17 хв читати 1001 перегляди
оцінити
Claspo Blog Що таке попапи: детальне керівництво з прикладами та кращими практиками

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

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

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

Що таке попапи: типи та приклади

Відповідаючи на запитання “що таке pop-up?”, більшість з нас, як і раніше, має на увазі класичну технологію exit-intent (при спробі залишити сайт). Насправді спливаючі вікна давно відійшли від цього. Визначення попапів кілька років тому і зараз зовсім різні. Залежно від формату, бажаної дії та правил відображення вони можуть мати різні види, мету та формати.

Типи попапів відрізняються за:

  • видом;
  • метою;
  • тригером. 

Давайте розглянемо найбільш популярні приклади кожної категорії. 

Попапи за видом

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

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

Приклад Lightbox

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

Приклад попапу “Так/Ні”

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

Приклад повноекранного pop-up

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

Приклад плаваючої панелі

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

Приклад спливаючої бічної панелі при прокручуванні сторінки

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

Приклад багатоступінчастого попапу

Попапи за метою

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

Збагачення профілю. Ця мета досягається за рахунок того, що відвідувачі сайту заповнюють спливаючі форми з особистою інформацією. Найпростіший приклад – запит email або номера телефону. Більш детальна інформація може бути отримана за допомогою відповідей на певні питання: стать, інтереси, сімейний стан, наявність дітей/домашніх тварин і т. д.

Приклад використання попапів для збагачення клієнтського профілю

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

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

Приклад попапу з покинутим кошиком

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

Приклад попап вікна з соціальним доказом

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

Приклад попап вікна на основі кампанії 

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

Приклад попапу для отримання зворотного зв'язку

Cookies & GDPR попапи є найпоширенішими прикладами спливаючих вікон, які зберігають конфіденційність клієнтів. Вони з'являються на початку шляху користувача і зараз є невід'ємною частиною будь-якого сайту.

Приклад попапу з файлами cookie

Попапи за тригером 

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

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

Приклад попапу, який спрацьовує після визначеного часу

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

Тригер на основі сторінок дозволяє додавати або виключати певні сторінки із правила відображення. Наприклад, щоб користувачі не відволікалися від замовлення, ви можете не показувати pop-up на сторінках із кошиком та деталями замовлення. 

Тригер на основі джерела — спосіб відображення попапів користувачам на основі джерел, з яких вони перейшли на вебсторінку. Наприклад, ви можете використовувати UTM мітки, щоб відокремити користувачів, які прийшли з певної електронної кампанії, і показувати попапи тільки їм. 

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

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

Приклад попапу при прокручуванні

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

Приклад попапу за кліком

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

Приклад при спробі залишити сайт

Попапи при спробі покинути сайт (exit-intent pop-ups) — класичний спосіб утримати користувача від виходу з сайту. Дія, яка активує тригер, — спроба користувача залишити вебсторінку, не виконавши бажаної дії, тобто не завершивши замовлення, не додавши адресу доставки або не надіславши реєстраційну форму.

Приклад попапу при спробі залишити сайт

Як створити хороший попап?

Для початку давайте відповімо на запитання — “Що таке хороший попап?” У більшості випадків під цим поняттям маркетологи мають на увазі спливаючі вікна на сайті, які конвертують. Під конверсією можуть розумітися різні дії, вчинені відвідувачем сайту. Насамперед вам потрібно розуміти, що ви ставите за мету, використовуючи pop-up. Це допоможе зрозуміти, що означає “хороший попап” у вашому випадку, а потім оцінити його ефективність. 

Навіщо використовують попапи? 

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

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

  • Невідповідний час показу. Попапи працюють, коли вчасно «ловлять» відвідувача сайту. Тому перш ніж запускати спливаючу рекламну кампанію, постарайтеся проаналізувати, як користувачі взаємодіють з певними типами контенту на вашому сайті, і дійте відповідно.
  • Неналежне розташування попапа на сайті. Хороше спливаюче вікно не заважає користувачеві взаємодіяти з ключовими елементами вебсайту, такими як меню, мовні налаштування тощо. Переконайтеся, що ваш pop-up не перекриває важливу частину сторінки і його легко згорнути або закрити.
  • Незрозумілий заклик до дії. Що ви бажаєте, щоб ваші відвідувачі робили? У більшості випадків спливаючі вікна повинні доносити певний заклик до дії. Це може бути поле, призначене для збирання email або кілька варіантів товарів для додавання у кошик, або кнопка перенаправлення — що б це не було, всі ваші зусилля будуть марними, якщо заклик до дії виглядає двозначно або не відповідає бажаній дії користувача.
  • Нав'язливий вміст спливаючого вікна. Якщо ваші попапи мають на меті комерційну вигоду, навряд чи хтось із відвідувачів сайту сприйме їх позитивно. Хороше спливаюче вікно — це елемент, який балансує між спрощенням досвіду користувача і досягненням вашої бізнес-мети.

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

Рекомендації щодо використання попапів

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

Цілі – прості, заклики до дії – зрозумілі

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

Приносьте реальну цінність

У середньому відвідувач сайту отримує близько 3-4 попапів при першому його відвідуванні: повідомлення про файли cookie, попередження про політику конфіденційності, вікно "Підписатися" та вікно "Дозволити використовувати ваше місцезнаходження". Подумайте двічі перед тим, як змусити користувачів побачити та натискати на ще більше попапів. Можливо, вони просто зайшли подивитися на ваш сайт! І те, як ви ставитеся до відвідувачів через свої попапи, може вплинути на те, чи залишаться вони на сайті або назавжди забудуть ваше доменне ім'я. Переконайтеся, що ви показуєте попапи тільки тоді, коли вони є доречними, і постарайтеся, щоб вони були зручними для користувача. 

Сегментація і таргетинг

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

  • геотаргетинг (показ різних повідомлень для користувачів із різних регіонів);

Приклад попапів на основі геотаргетингу:

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

Персоналізація

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

Оцініть ефективність роботи попапу та внесіть корективи

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

  1. насамперед, проаналізуйте, як попапи впливають на конверсію вашого сайту в цілому та на конверсію кожної сторінки окремо;
  2. якщо у вас є багатоетапна pop-up кампанія або ви використовуєте кнопку дзвінка, виміряйте кожен із кроків окремо: порахуйте кількість кліків та дзвінків та кількість цільових дій;
  3. проведіть A/B, A/A/B тестування, щоб зрозуміти, як певні фрази, форми, зображення та заклики до дії сприймаються відвідувачами сайту;
  4. створюйте різні кампанії для настільних та мобільних користувачів і виміряйте їх окремо, щоб отримати достовірні результати. 

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

Як виміряти ефективність попапів?

Більшість інструментів для спливаючої реклами пропонують вбудовані параметри вимірювання. Як правило, це дашборди, які надають аналітичне відображення поточних та минулих спливаючих кампаній. Ви можете виміряти: 

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

Існує набагато більше метрик та варіантів налаштування, ми перерахували лише основні.

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

 

Вас також може зацікавити
Frame 2018 (1).png
49 видів попапів для вашого бізнесу

Щойно попапи з'явилися в Інтернеті, вони стали популярним інструментом лідогенерації. До того ж, існує безліч підходів до їхнього використання, крім збору особистої інформації або повідомлення про акції. Ми вважаємо, що попапи дозволяють більше дізнатися про ваш бренд. Ви можете збирати важливу інформацію про досвід користування або отримувати відповіді на інші питання, що стосуються ваших бізнес-цілей.  Багато маркетологів помилково вважають, що попапи — універсальний механізм, щоб залучити більше користувачів. Насправді існує багато видів попапів для різних цілей. Загальновідомий факт — що...

23 листопада 2021 25 хв читати
Frame 2022 (1).png
Email Popup: повне керівництво з 15 чудовими прикладами

Email Popup — це невелика частина інформації, що відображається поверх основного контенту сайту. Попап допоможе вам отримати нових потенційних клієнтів, підписників на розсилку, відгуки або підвищити ефективність ваших електронних кампаній. Форма підписки призначена для залучення користувача та додаткової уваги до конкретної інформації чи пропозиції. Як правило, попапи містять заклик до дії, що спонукає відвідувачів виконати певну дію — залишити email, щоб створити список користувачів, зацікавлених у вашому продукті чи послугах. Чи ефективні попапи? Так, якщо все зроблено правильно. Форма підписки...

09 листопада 2021 20 хв читати