Перейти до вмісту

33 приклади попапів та 5 важливих висновків щодо спливаючих вікон

33 приклади попапів

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

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

Давайте уявімо наступний сценарій…

Ви власник магазину велосипедів.

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

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

Якби, наприклад, з’явилося спливаюче вікно з пропозицією 10% знижки на його першу покупку, ви мали б шанс отримати його емейл або телефон та перспективу продовження розмови про купівлю фетбайка далі.

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

Переконались у необхідності попапу для вашого сайту? Тоді для вас неймовірна добірка із 33 попапів для натхнення:

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

Провокаційний попап

2. Ось таке яскраве спливаюче вікно із зворушливим настроєм

Попап

3. Попап на тлі темного вікна виглядає контрасно. Завдяки яскравим кольорам та деталям хочеться розглядати візуал

приклад попапа

4. Іноді яскраві попапи займають весь екран монтітора

приклад попап5. Якщо товар викликає приємні асоціації, на цьому треба робити акцент. Це можна зробити за допомогою кольорового тла вікна, контрастного до основного інтерфейсу

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

приклад попапа

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

приклад попапа

8. Прості та яскраві попапи вдалий варіант для пропозиції знижок чи подарунків – у них клієнта має зацікавити саме інформація

приклад попапа

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

приклад попапа

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

приклад попапа

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

приклад попапа

12. Лаконічний попап орієнтований на користь для потенційного клієнта з містким CTA та соціальним доказом

приклад попап

13. Яскравий та водночас лаконічни попап у футері привертає увагу, але не відволікає від вмісту сайта

приклад попапа

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

приклад попапа

15. Попап для покинутого кошика дозволяє підвищити конверсію у покупку та зменшити відсоток відмов від покупки

приклад попапа

16. Показ промокода на попапі мотивує потенційних покупців не залишати сайт, а продовжити покупки

Приклад попапа

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

приклад попапа

18. У цьому попапі магазин показує відвідувачу його покинутий кошик та використовує вічливий але дещо зухвалий тон спілкування

приклад попапа

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

приклад попапа

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

приклад попапа

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

приклад попап

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

приклад попап

23. На цьому попапі бізнесмен вдало використовую значок “Кращий трейдер”. Адже авторитет є потужним механізмом максимізації конверсії.

приклад попап

24. Спливаюче вікно на весь екран. Бренд вдало використовує візуал, червона кнопка із CTA (заклик до дії) привертає увагу відвідувачів, добре видно розмір знижки. До тогож попап на весь еркан складно ігнорувати. Але краще не захоплюватися такими попапами

приклад попапа

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

приклад попап

26. Це спливаює вікно має всі складові для високої конверсії: знижка, відчуття спільності, CTA (заклик до дії), опис переваг підписки та відмінне візуальне оформлення у стилі бренду

приклад попапа

27. Попап з контрастніми кнопками. Червона кнопка погодження на підписку на темному тлі привертає увагу відвідувачів сайту та мотивує натиснути саме її, адже бліда кнопка відмови не кидається до ока.

приклад попапа

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

приклад попапа

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

приклад попапа

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

приклад попапа

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

приклад попапа

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

приклад попапа

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

приклад попапа

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

Висновок #1. Лід магніт має бути ціннім для цільової аудиторії. Попапи можуть стати потужно складовю у вашій маркетговій стратегії. Але при цьому важливо визначити цінність пропозиції для клієнтів.  Якщо лід-магніт недостатньо привабливий для ваших потенційних покупців то ви не отримаєте бажаного результату.

Висновок #2. Стратегія показу спливаючого вікна має значення. Налаштування таргетингу (сторінки, час та географія тощо) показу вашого попапу мають відповідати вашим бізнес-цілям. У вас інтернет-магазин і ви плануєте збільшити обсяги продажів? Розмістіть спливаюче вікно на першій сторінці сайту, щоб ваші покупці знали яка акція зараз діє.

Клієнти додають товари до кошика та покидають сайт? Налаштований попап для показу клієнтам, що намагаються покинути сайт знизить кількість покинутих кошиків на 3-10%.

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

Доречно показане спливаюче вікно конвертує у 5 разів ефективніше ніж цільова сторінка.

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

Проводьте А/В тести щоб визначити найвдаліші зврнення до своїх клієнтів.

Висновок #5. Чіткій CTA (заклик до дії) творить дива. CTA або call to action має містити зрозумілий для вашої цільової аудиторії заклик до дії та давати зрозуміти що станеться далі. Наприклад, “Отримати знижку”, “Відправитись у подорож”, “Стати учасником клубу”, “Завантажити книжку” тощо.

Вам потрібні яскраві та оригінальні попапи із вискокю конверсією? Звертайтеся за послугами до фахівців Aurim!