13 задач pop-up окон и 22 правила их использования для роста конверсии (без раздражения посетителей)

Задача каждого размещенного в сети сайта – привлечь внимание посетителей.

И удержать их.

А затем конвертировать их в покупателей.

Или для начала хотя бы в подписчиков.

В числе других инструментов для этого используют всплывающие окна.

Они же pop-up (варианты, которые встречаются в сети – popup, поп-ап и даже попап).

Я – копимаркетолог и райтер. Работаю с текстами и тему рассматриваю со своей точки зрения.

А значит можно не опасаться – в этой статье совсем не будет сложной специфической терминологии (никаких behavior-based, hello-board, pop up stop и иже с ними) и практически не будет механики.

Зато будет попытка разобраться, как сделать так, чтобы использование pop-up окон не отпугивало посетителей сайта. А повышало его конверсию – за счет правильной политики их использования, качества и адекватности контента.

Почему я думаю, что использовать этот вид коммуникации важно?

Потому что всплывающие окна нещадно ругают, осуждают, признают самым раздражающим видом рекламы по результатам 2017 года…

Чтобы избавиться от них, пользователи устанавливают программы-блокировщики рекламы.

А браузер Google Chrome даже создал собственное встроенное приложение-блокиратор…

С ними борются безжалостно и беспощадно…

А они по-прежнему работают!

Совсем недавно компания SUMO провела исследования эффективности почти 2 миллиардов (!) pop-up окон, работающих на сайтах самой разнообразной тематики.

Результаты исследования опубликованы весной 2019 года, и они по-настоящему удивляют.

Оказалось, что часть всплывающих окон дает конверсию 9,28%, превращая 1 из каждых 10 посетителей сайта в покупателя или подписчика.

А средний коэффициент конверсии для pop-up окон по результатам исследования составил 3,09%, или 3 человека из каждых 100.

Если посещаемость сайта составляет 5000 уникальных посетителей в день, то с помощью всплывающих окон Вы сможете ловить в свои сети ежедневно 150 новых подписчиков – согласитесь, это не так мало, чтобы пренебрегать такой возможностью.

Что же такое pop-up, какие задачи решают всплывающие окна, и при каких условиях это «вселенское зло» может приносить владельцам сайта ощутимую пользу?

Если вы хотите увеличить конверсию сайта, напишите нам и мы сможем провести аудит юзабилити Ваших страниц для улучшения Call to Action форм.

Виды всплывающих окон

Поговорим о том, какие бывают pop-up окна.

Чем они отличаются и какие функции выполняют?

Приведем примеры: удачные и не очень.

Поговорим о классификации всплывающих окон с точки зрения пользователя, далекого от digital-технологий.

• Окна первого экрана. Такие окна называют приветственными, хотя они никого не приветствуют, а, скорее, отталкивают. Появляется приветственное pop-up окно в первые секунды после открытия сайта, когда человек еще толком не понял, куда он попал и насколько это ему интересно.

Наиболее человеколюбивый вариант такого окна скрывает небольшую часть экрана и оставляет возможность что-то на нем прочитать.

Грубый мизантропический вариант – окно, которое практически полностью закрывает контент и блокирует любые действия пользователя.

До тех пор, пока человек либо не выполнит то, чего от него хотят, либо не найдет заветный крестик, закрывающий приветственное окно.

Это оно – приветственное окно, полностью перекрывающее контент.

• Окна прокрутки. Они же – скроллинговые окна. Появляются по мере того, как пользователь прокручивает страницу. Время появления такого окна настраивается заранее: например, когда пользователь провел на сайте уже 1-2 минуты, или когда он просмотрел страницу до определенного экрана.

Скроллинговые окна могут предлагать ответить на вопрос, или, например, появляться после выполнения/невыполнения посетителем определенного действия – авторизации или заполнения любой формы.

Этот вид окон может использоваться для предъявления социальных доказательств востребованности продукта/услуги.

Так, популярны всплывающие окна с текстом вида «Сейчас страницу просматривают 127 посетителей», или «Последний заказ сделан 2 минуты назад пользователем Николаем М. из города Мариуполь».

Социальные доказательства способны подтолкнуть к покупке.

• Сопровождающие окна. Pop-up – что это в данном случае? Это окна, которые появляются либо сразу при открытии, либо в первые секунды пребывания на сайте. Но они не перекрывают контент, не меняют своего положения при прокручивании страницы, и находятся чаще всего справа от текста. Пример – приглашение подписаться на обновления блога LPgenerator, которое будет сопровождать пользователя все время пребывания на странице. Практически всегда постоянно сопровождают пользователя и окна онлайн-чатов.

Окно-подписка на обновления не меняет положения при прокрутке страницы.

• Возвращающие окна. Они же – признанные ловцы лидов. Это поп-ап окна, появляющиеся в тот момент, когда человек собирается покинуть сайт, не заполнив при этом ни одну форму (т.е. не совершив конверсионного действия). В этот момент человеку делают предложение, которое действительно только здесь и сейчас, пока он не закрыл это окно. Это может быть скидка, бонус, подарок, тестовый период или полезная бесплатная информация ― все это в обмен на его почту. Возвращающие окна – еще одна, последняя, попытка удержать человека и получить его контакты для дальнейших маркетинговых касаний. И она часто бывает успешной. Так, конверсия ресурса WP-Beginner после запуска такого окна выросла… в 600 раз!

Хороший пример возвращающего поп-ап окна.

Вот такое окно обеспечило взрывной рост конверсии.

Задачи, которые решают pop-up окна

Подписка на рассылку и информация о новинках…

Получение обратной связи и заказ обратного звонка…

Информирование о скидках и акциях…

Все эти задачи Вам помогут решить pop-up окна!

Задач у всплывающих окон вагон и маленькая тележка.

Они очень разные – от будильника для «заснувшего» пользователя, не проявляющего активности на сайте, до классического сбора подписной базы и рекламы новинок компании.

Вот что чаще всего всплывающие окна предлагают пользователям:

1. Подписаться на рассылку. Пожалуй, самая популярная форма, которая есть на 99% блогов из 100%. Есть она и здесь, причем небанальная: чтобы закрыть окно, нужно нажать не на традиционный крестик, а на текст «Мне не нужно больше трафика».

Вот такую форму Вы увидите на нашем сайте.

2. Разрешить сайту присылать уведомления. Как пользователь я отношусь к таким pop-up окнам с большой осторожностью, так как дав однажды разрешение сомнительному сайту, потом очень сложно избавиться от навязчивых и многочисленных сообщений.

Подписываться на push-уведомления можно только на известных сайтах, которым Вы доверяете. Иначе…

…можно замучиться закрывать сомнительные сообщения.

3. Воспользоваться скидкой. Всегда приятно получить индивидуальную скидку, даже если эта индивидуальность очень условная.

Скидка – хороший аргумент!

4. Не забыть о сроке окончания акции. Если в компании проходит акция, до ее завершения осталось 3-5 дней и/или акционные товары заканчиваются, всплывающее окно успешно донесет эту информацию до посетителя в считанные секунды.
5. Оценить качество услуг. Такое всплывающее окно поможет решить сразу две важные задачи – и обратную связь получить, и лояльность посетителей усилить. На повышение лояльности в этом случае влияет то, что мнением человека поинтересовались, подчеркнули свою заинтересованность в нем – это любому приятно.
6. Пройти опрос. Мини-опрос, который нужен для формирования индивидуального коммерческого предложения или расчета чего-либо – вполне рабочий вариант.
7. Узнать новости. Popup-окно сообщит о том, что завтра повысятся цены, появится новый дизайн сайта, будет запущен новый сервис, появится новый продукт. Или о том, что завтра компания вообще не работает.
8. Разобраться во взаимодействии с сайтом. Всплывающие подсказки объяснят, как заполнить форму, и какое действие совершить прямо сейчас, чтобы получить желаемый результат.

Своевременная подсказка может быть полезной.

9. Связаться с представителем компании. Онлайн-чаты сегодня очень популярны. Жаль только, что в основном на вопросы пользователей в них отвечают боты, которых к тому же весьма легко распознать.
10. Заказать обратный звонок. Всплывающие окна, призывающие заказать обратный звонок – явление весьма распространенное. Иногда это бывает удобно; например, если Ваш телефон по каким-то причинам работает только на вход. Всплывающие окна в этом случае могут представлять собой как совсем небольшую кнопку, так и крупную форму с текстом в стиле «А хотите, мы перезвоним вам в ближайшие 35 секунд?».

Вот так многие сайты обыгрывают обратный звонок.

11. Заполнить заявку. Популярный вариант, когда за заполнение заявки (например, на консультацию) человек получает дополнительно что-то ценное – толковый тематический лид-магнит в виде чек-листа, памятки, подборки рекомендаций.
12. Познакомиться с вышедшими новинками компании. Всплывающее окно может содержать призыв посмотреть новую коллекцию одежды, смартфонов, посуды – продукта, продаже которого посвящен сайт. Или, например, ознакомиться с новым тарифом сотового оператора.

Заказываете продукты? Посмотрите новинку из раздела «Гигиена».

13. Почитать похожий контент / посмотреть похожий товар. Своевременное предложение в стиле «Вам может понравиться…» или «Вам может быть интересно…» вполне способно привлечь пользователя.

С точки зрения владельца сайта взаимодействие с любыми popup-окнами увеличивает время, проведенное посетителем на странице, что улучшает показатели «глубина просмотра» и «время на сайте» и нравится поисковикам.

Рекомендуем для чтения:

1. Юзабилити коммерческого сайта: чек-лист самопроверки
2. Что такое история сайта и как ее узнать

Убираем негатив – повышаем конверсию

Конечная задача всплывающих окон – повысить конверсию сайта.

Но чтоб добиться этой цели, важно сначала учесть нюанс.

Необходимо снять негатив пользователей по отношению к pop-up окнам.

Вот несколько нюансов, которые помогут снять пользовательский негатив по отношению к pop-up окнам и выжать из этого инструмента максимум конверсии.

Общая тенденция такова: меньше агрессии и навязчивости – больше заботы и пользы.

Убираем негатив…

1. Воздержитесь от демонстрации pop-up окон в первые секунды пребывания человека на сайте. Дайте ему хотя бы 10-15 секунд, чтобы понять, куда он попал и что здесь предлагают.

Исключение: Небольшие аккуратные окна, предлагающие подтвердить локацию. Это часто полезно для пользователя, если он ищет товар, услугу или работу именно в своем городе.

Выбор локации, как правило, предлагают сделать в самом начале просмотра сайта.

2. Не делайте приветственное окно (если уж Вы его планируете) агрессивным. Особенно раздражают такие приветственные окна, которые сразу требуют подписки, регистрации, заявки или предлагают сделать расчет. Как можно подписаться, если еще не понимаешь, на что именно?

Человек только зашел – а ему уже предлагают какое-то ГБО.

3. Не перегружайте сайт всплывающими окнами. Например, делать на одном сайте отдельные pop-up окна для приветствия, подписки, скидки, пролистывания до окончания статьи, выхода, возвращения с другой вкладки, социальных доказательств и информирования об акциях – это точно будет too much. И наверняка отпугнет часть посетителей.

А это тянет на рекорд! Сразу 4 pop-up окна на экране одновременно.

4. Не скрывайте кнопку или значок-крестик для закрытия окна. Когда эта функция спрятана, а найти ее – целый квест – во-первых, это моветон, а во-вторых, очень раздражает.
5. Не делайте всплывающих окон с автоматически включающимся звуком. Это способно отпугнуть (напугав в прямом смысле слова до икоты) даже самую лояльную аудиторию.
6. При использовании счетчика времени до окончания акции делайте его небольшим, аккуратным и ненавязчивым. Не нужно крупных форм и бьющих по глазам шрифтов!

Такой счетчик точно раздражает и отталкивает…

…а такой уже меньше.

7. Давайте нативную полезную информацию. Так, если доставка в компании бесплатна при заказе от 3000 рублей, можно ненавязчиво напомнить об этом в небольшом всплывающем окне: «До бесплатной доставки вам осталось 370 рублей». Это полезно пользователю, так как помогает сэкономить на доставке, и выгодно продавцу, потому что побуждает увеличить сумму заказа.

Полезная информация делает человека более лояльным.

8. Не включайте во всплывающие окна дополнительные эффекты. Например, откажитесь от раздражающего эффекта мигания.
9. Не старайтесь обходить блокировщики рекламы, если они стоят на компьютере пользователя. Покажите человеку, что уважаете его выбор – это повышает лояльность и в конце концов идет Вам на пользу.

Вот это – цивилизованное общение с пользователем.

…Повышаем конверсию

10. Не перегружайте pop-up окна текстом. Остановитесь на понятном, четком и привлекательном заголовке и очень краткой расшифровке, если она нужна. Лучше ориентироваться на то, чтобы человек, едва взглянув на такое окно, уже понимал, зачем оно здесь и что ему предлагают. Pop-up окна ничего не продают, а предлагают совершить конкретное действие – чтобы подвести к нему, достаточно минимума слов. Особенно если текст всплывающего окна максимально релевантен содержимому страницы. Например, на странице с обувью Вы можете предложить посмотреть средства по уходу за кожей и замшей, а на странице косметики – органайзер для тушей-кремов-кистей-помад.

Такой текст pop-up окна дочитают не все.

11. Проверяйте текст всплывающих окон на орфографические и – особенно – фактические ошибки. Они очень снижают доверие пользователей. И если орфографическую ошибку часть аудитории просто не заметит, то фактические всегда бросаются в глаза.

Перепутать город со страной – грубая ошибка.

12. Используйте классические маркетинговые приемы. «Бесплатно», «только сейчас», «ограниченное предложение», «осталось всего 3 места» – да, все это вполне банально, но в тексте всплывающего окна работает.
13. Не пренебрегайте социальными доказательствами. Например, в тексте поп-ап окна, предлагающего подписаться на рассылку, можно разместить строчку «с нами уже 100500 подписчиков». Это вызывает доверие.
14. Не забывайте показать пользователю, что он получит, выполнив действие, к которому призывает конкретное pop-up окно. Например, «заполните форму – и вы будете первым получать информацию о наших акциях и скидках».
15. Не будьте навязчивы и не общайтесь «свысока». Никому не понравится принуждение – разговаривайте с пользователем на равных. Лучше добавить немного юмора!

Этот пример сетевого юмора получил широкую известность. Конверсия достоверно неизвестна.

16. При оформлении pop-up окна выбирайте шрифты и общий стиль основной страницы. Это поможет всплывающему окну не выглядеть чужеродным, не имеющим отношения к тематике сайта элементом.
17. Не забывайте о всплывающих окнах-благодарностях. После того как человек подписался на рассылку или обновления блога, заказал консультацию, обратный звонок или прошел опрос – поблагодарите его и покажите, что действие успешно завершено.

Пример «благодарственного» pop-up окна.

18. Добавляйте Вашему предложению ценности. Например, предлагая подписаться на рассылку, предложите скидку 5% на услуги компании. Это точно будет выглядеть намного привлекательнее!
19. Работайте с теми, кому сайт уже интересен. Если человек провел на сайте 2 минуты – значит, тема ему точно близка, он нашел что-то важное для себя и уже лоялен к ресурсу. Самое время показать ему pop-up окно с привлекательным предложением.
20. Запоминайте действия пользователя! Если он уже подписался на обновления блога, не нужно предлагать сделать это снова и снова. Во-первых, это бессмысленно, а во-вторых, раздражает и злит.
21. Поясняйте свои действия, если это уместно. Например, если Вы просите человека подтвердить локацию, объясните, для чего это нужно – причем нужно ему, а не Вам.

Хорошо показана ценность предложенного действия.

22. Дайте пользователю свободу выбора. Для этого можно разместить в теле всплывающего окна кнопку «Больше не показывать» – и действительно не показывайте его человеку. Так Вы повысите лояльность посетителей сайта и улучшите имидж компании.

ИТОГО

Слухи о том, что поп-ап окна не работают на конверсию, а только вызывают раздражение, сильно преувеличены.

При правильном маркетинговом подходе и наличии чувства меры всплывающие окна могут быть эффективным инструментом, который дает ощутимую отдачу – ведь они могут отвечать на вопросы или предлагать информацию, своевременную и выгодную для посетителей.

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

Используйте pop-up окна с умом, и они точно принесут пользу Вам и Вашему проекту!