Що таке поп-ап для сайту і як його створити

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

Pop-up – буквально означає «виникати зненацька», саме так працюють ці елементи на сторінці, а от буде це в плюс чи в мінус залежить від різних моментів. Добре, коли спливаючі банери не дратують гостя, не викликають бажання миттєво закрити сайт і почистити кеш; коли вони надихають щось купити, затриматись на сайті, чи підписатися на розсилку.

Давайте проведемо міні-дослідження :

  • Яка структура є ідеальною для такого банеру?
  • Де краще розміщувати поп-апи?
  • Коли вони мають спливати?
  • Чи є програми для створення pop-up, що вміють і скільки коштують?

Як зробити класний поп-ап?

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

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

Основний меседж – це те, що точно повинно бути в поп-апі, лаконічний, в tone of voice компанії, хай він містить не тільки унікальну торгову пропозицію, але й заклик до дії. Загальноприйнята структура: назва бренду чи логотип, заголовок, підзаголовок, СТА, додатково можуть бути: поле для введення даних (контактів); дрібна приписка, що уточнює умови акції тощо. 

Трохи зупинимося на Call to Action, тут радимо вживати дієслово: записатись (на безкоштовний урок), протестувати (застосунок), отримати (знижку), дізнатися (про сервіс).

Pop-up в системі KeyCRM, цільова дія: підписка на соцмережі

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

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

Герой реклами для любителів спорту

Шрифти краще обрати ті ж, що на вашому сайті. Ідеальний розмір рекламного віконця – в межах 560 x 600 пікселів. Класно виглядає затемнення тла сайту чи темний фон самого поп-апу. І не забувайте, майже всі люблять котиків.

Котяча форма спливаючого вікна

Персоналізація (звернення на ім’я, або із згадуванням джерела входу «гість з Facebook») теж здатна потішити потенційного клієнта.

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

Ще одна можливість закрити поп-ап: посилання

Коли показувати pop-up?

Банер, що вискакує практично одразу після входу в інтернет-магазин (сайт з послугами) – номінант на звання «Провал року». Не робіть так! У гостя має бути час на те, щоб познайомитись з вашим майданчиком, зрозуміти куди він потрапив, сформувати своє перше враження.

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

Exit-intent поп-ап: працює на утримання

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

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

Цікавий варіант форми підписки, для тих, кого лякає спам

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

Де розмістити поп-ап?

Це ваша справа, більшість робить це ближче до центру, хтось внизу, головне – він не повинен заважати основним крокам: доступу до кошика, активації чат-боту чи набору телефонного номера, переходу на важливі розділи.

Програми для створення поп-апів

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

OptinMonster

Застосунок для лідогенерації, про який ми згадували у статті «Програми для інтернет-магазинів 2: як підвищити продажі», в ньому є функціонал поп-апи:

  • Різні види спливаючих вікон: класичні, з прокруткою, гральні колеса
  • Спецефекти: підсвітка, лайтбокси, плаваючі смуги
  • Бібліотека з понад 60 шаблонами
  • Програмування показів
  • Адаптація до екранів смартфонів
  • Опція персоніфікації поп-апів на основі таргетингу, в тому числі по гео-локації
  • Збір аналітики та A/B-тестування варіантів
  • Інтеграції з email, популярними платформами WordPress, Shopify, Magento, Prestashop та ін.
OptinMonster

Ціна: є різні пакети, в залежності від кількості сайтів, переглядів, включених функцій – 9 $, 19 $, 29$, 49$/місяць. Безкоштовного тріалу немає.

Popupsmart

Простий застосунок для створення поп-апів, доступний навіть тим, в кого немає навиків роботи з кодом. Всередині є все, що необхідно:

  • Готові блоки, які потрібно лише заповнити текстом
  • Сучасні та стильні шаблони спливаючих вікон
  • Тізерні поп-апи, що демонструють кампанії у міні форматі
  • Налаштування показів в залежності від таргетингу та поведінки відвідувача сайту
  • Персоналізація за допомогою смарт-тегів
  • Оптимізовані форми для збору даних
  • Інтеграції з CRM-системами, сервісами Google тощо.
Popupsmart

Ціна: є безкоштовна версія, що включає 1 сайт, 5 тисяч переглядів, 1 Popup, а далі в залежності від переглядів –  від 32,5 $ (до 100 тис. переглядів), і безлімітом по іншим пунктам.

SendPulse

Українська компанія, що надає різноманітні інструменти для автоматизації маркетингу та продажів, ми згадували про неї у огляді «Конструктори для чат-ботів Telegram». Допоможе:

  • Створити поп-апи за різноманітними сценаріями ( включено 22 готових)
  • Обрати потрібний шаблон із багатьох варіантів: спливаючі, перекриваючі, модальне вікно, з відео та віджетами чатів
  • Автоматично підлаштуватися під будь-які екрани: десктопи, мобільні
  • Налаштувати дії (покази) під користувача, за параметрами: час візиту, поведінка на сайті, джерело входу та ін.
SendPulse

Ціна: free-версія (0 грн.) включає в себе 10 тис. унікальних відвідувачів на місяць, 3 сайти, 10 поп-апів, компроміс – розміщення лого SendPulse. Стандартний план – від 264 грн. на місяць, більше відвідувачів, безліміт віконець та сайтів.

Крім згаданих вище програм, є вбудовані в конструктори та «двіжки» сайтів: WordPress Popup Builder, Wishpond Free Pop-up Builder for Shopify та багато інших. Їх можна знайти на маркетплейсах платформ.

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

Анна Горбатова
Маркетолог в KeyCRM. "За" автоматизацію бізнесу навіть на старті, щоб у всіх вистачало часу на книги та котиків 🙂