Як створити pop-up?
Контент

Як створити pop-up?

05 січня 2022 10 днів тому ~ 7 хв читати 5773 перегляди
оцінити
Claspo Blog Як створити pop-up?

Pop-up – набридлива реклама чи ефективний маркетинговий інструмент? З'ясуймо, для чого вони підходять і чого можна очікувати від їхнього використання. Ми не розглядатимемо конкретні програми для їх створення, а поговоримо про дизайн спливаючих вікон загалом і про те, як можна покращити їх ефективність. 

Зміст

  1. Що таке поп-ап?
  2. Навіщо використовувати поп-ап?
  3. Створення вашого першого pop-up
    1. Види pop-ups
    2. Заголовок і текст
    3. Зображення
    4. Деталі
    5. Поле введення email
    6. Кнопки CTA
    7. Таймінг
  4. Як оформити user-friendly pop-up
  5. Поради щодо налаштування pop-up
  6. Висновок

Що таке поп-ап

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

Загалом, поп-апи використовують, щоб зібрати лідів для email-розсилок. Однак це далеко не єдине рішення, яке вони пропонують: з їх допомогою можна поділитися своїми новинами, промокодами і запропонувати нові продукти.

Pop-up можна настроїти під конкретний сайт чи мету. Наприклад, ви можете:

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

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

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

Поп-апи забезпечують вас особистими контактами та зближують із клієнтом.

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

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

Створення вашого першого pop-up

З'ясуймо, як правильно зробити поп-ап, які елементи повинен у собі мати, й що потрібно враховувати при його створенні. 

Види pop-ups

Перш ніж перейти до деталей, не забудьте вибрати тип спливаючого вікна:

  • Pop-up на вході
  • Pop-up на виході
  • Pop-up, який з'являється по кліку
  • Pop-up із таймером
  • Інші види pop-ups

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

Заголовок і текст

Будьте максимально лаконічними. Чітко сформуйте думку та поміркуйте, яких саме дій чекаєте від користувача. Ось деякі приклади таких опцій:

  • Дізнатись про новий продукт
  • Отримати розсилку
  • Отримати знижки, бонуси, подарунки та ін.

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

Зображення

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

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

Деталі

Ви можете сегментувати своїх користувачів декількома способами, і ось деякі з них:

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

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

Поле введення email

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

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

CTA Кнопки

Створіть текст кнопки CTA, що базується на дії клієнта. Він має бути максимально коротким, але при цьому дуже простим для розуміння.

Найкращі приклади:

Як робити не можна

Як краще зробити

Підпишіться на нашу чудову розсилку

Підписатися

Завантажте цю безкоштовну кулінарну книгу

Завантажити

Таймінг

Дозвольте клієнтам переглядати ваш контент перед появою pop-up. Це не повинно займати багато часу; 15-20 секунд буде цілком достатньо.

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

Як оформити user-friendly pop-up

Існує кілька видів pop-up, які змусять роздратуватись будь-яку людину у світі. Ось вони:

  • Pop-up, який з'являється поверх контенту одразу після входу на сайт. Ви ще не зрозуміли, про що саме цей сайт, а власники вже намагаються вам щось продати. Більшість користувачів ніколи не залишать свої данні, якщо вони не знають, про що сайт, тому дайте їм час ознайомитися з вашим контентом.
  • Декілька pop-up одразу. Як тільки ви зайшли на сайт, вас бомбардують цілою купою різних речей: рекламою, відео, підписками, опитуваннями тощо. Швидше за все, користувач залишить сервіс одразу після другого pop-up.
  • Одні й ті ж самі pop-up, які час від часу показують ще раз. Якщо користувачі не зацікавляться з першого разу, вони не надто надихнуться після отримання десятого спливаючого вікна з тією ж пропозицією.

Але ви можете зробити поп-апи більш ефективними та екологічними!

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

Поради щодо налаштування pop-up

Отже, ось дуже стислий перелік того, як зробити поп-ап.

1. Оберіть час для показу кампанії, коли її не перекривають інші спливаючі вікна, наприклад, банер зі знижкою.

2. Запропонуйте подарунок за підписку, наприклад, безкоштовну доставку - це підвищить мотивацію.

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

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

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

Висновок

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

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

Вас також може зацікавити
Як створювати відео поп-апи
Як створювати відео поп-апи

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

30 грудня 2021 9 хв читати
Як використовувати анімаційні ефекти для попапів
Як використовувати анімаційні ефекти для попапів

Не бійтеся експериментувати із маркетинговими інструментами! Якщо ви хочете привернути більше уваги до різних видів поп-апів, просто спробуйте додати анімацію! Вона дійсно зачепить вашу цільову аудиторію. Розглянемо, як правильно використовувати анімацію та залучати користувачів. Зміст Визначення анімаційних ефектів для pop-up Коли використовувати анімацію Корисні поради щодо створення анімації для поп-апів  Висновки Визначення анімаційних ефектів для pop-up Анімаційні ефекти для поп-апів – звукові та/або візуальні елементи, які ви додаєте до pop-up для залучення відвідувачів. Привертайте увагу аудиторії всіма засобами, які маєте....

27 грудня 2021 11 хв читати
4 найкращих приклади попапів для блогів, щоб отримати більше підписників
4 найкращих приклади попапів для блогів, щоб отримати більше підписників

За даними Statista, у 2021 році понад 4,6 млрд людей використовують інтернет для читання, отримання контенту, спілкування та навчання. Це 59,5% від населення! І незабаром буде 100%. Але, як відомо, чим більше людей, тим більше різних тем їм подобається читати. Таким чином, унікальний контент на будь-яку тему має бути дуже корисним та цікавим. Тому в блогах та соціальних мережах так багато різних форматів, які ви зустрічаєте щодня. А поп-апи у блогах можуть допомогти залучити нових читачів. Сьогодні блоги — це...

21 грудня 2021 8 хв читати
Збір номерів телефону: 7 корисних порад
Збір номерів телефону: 7 корисних порад

Не знаєте, як підвищити ефективність SMS-маркетингу для свого бізнесу? Насправді він просто вимагає власної стратегії, як і будь-який інший маркетинговий інструмент. SMS-розсилка допоможе залучити більше людей, повідомити їх про нові товари або послуги та створити дружнє ставлення до вашого бренду. А вгадайте, як можна легко зібрати номери телефону клієнтів? Звісно за допомогою поп-апів! З таким підходом ви зможете: Залучати клієнтів на свій сайт за допомогою SMS Розсилати обмежені пропозиції та повідомляти про ексклюзивні розпродажі Отримувати зворотний зв'язок для розвитку вашого...

08 січня 2022 10 хв читати
5 порад щодо створення більш ефективних попапів
5 порад щодо створення більш ефективних попапів

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

11 січня 2022 8 хв читати
Поп-апи з таймером зворотного відліку: 5 ефективних прикладів
Поп-апи з таймером зворотного відліку: 5 ефективних прикладів

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

15 січня 2022 9 хв читати

Наверх