10 главных правил использования всплывающих окон (pop-up)

Как повысить стоимость текстов
6 проверенных способов повысить стоимость своих текстов
11.04.2017
Контекстная реклама
Контекстная реклама: эффективный маркетинговый инструмент
11.04.2017
Использование всплывающих окон

social media concept

Всплывающие окна встречаются нам постоянно на самых разных сайтах. Чаще всего они используются для сбора базы e-mail и предлагают подписаться на рассылку или скачать полезный документ. Также это может быть: предложение вступить в группы в соцсетях, форма регистрации за пару шагов, акция или спецпредложение покупки товара или услуги, предложение обратного звонка и т.д.

У многих маркетологов складывается негативное мнение об этом инструменте. Низкая эффективность pop-up окон чаще всего связана с тем, что посетителей сайтов раздражает их навязчивость и отсутствие пользы. К тому же злоумышленники активно подрывают авторитет этого инструмента (уже сталкивались с активацией Windows по смс?). Неправильное использование всплывающих окон приводит к безвозвратному уходу пользователей и формированию негативного мнения о ресурсе.

Но может ли этот инструмент быть действительно полезным? Наш ответ – да. Если знать, как правильно использовать pop-up окна, можно значительно повысить конверсию, не влияя на впечатления пользователей (UserExperience).

10 главных правил использования всплывающих окон (Popup)
Правило №1. Внешний вид всплывающего окна должен привлекать пользователей

От оформления дизайна и текстовой части всплывающего окна во многом зависит, подпишется ли посетитель на рассылку. Правила, применяемые при создании popup, очень похожи на правила создания эффективной посадочной страницы (landingpage). Для окна подбирается хороший заголовок и идеальное расположение элементов, которые своим внешним видом призывают к целевому действию:

  • Оптимизация заголовка. Именно с создания уникального заголовка начинается оптимизация всплывающего окна. Необходимо, чтобы Headline отображал цель, для которой посетитель должен заполнить поле лид-формы. Он должен содержать уникальное предложение, от которого пользователь не сможет отказаться. К примеру, можно написать, что срок действия акции – всего 5 дней или, что рассылка сайта имеет полезные советы по увеличению посещаемости сайт.
  • «Неисчезающая» надпись. Обычно в поле лид-формы серым шрифтом вписана надпись«Введите адрес электронной почты». Когда человек пишет первую букву, то она пропадает. Это неправильно, потому как надпись должна оставаться до завершения написания электронного адреса. Лучше сделать так, чтобы она постепенно исчезала, становилась менее заметной.
  • Призывный текст сверху кнопки подписки. Важный текст должен содержаться только сверху кнопки подписки. Это связано с тем, что пользователь, увидевший кнопку «Подписаться», сразу же закрывает окно, не доходя к самому тексту. Нужно оформить окно так, чтобы сначала в глаза бросался текст, а потом уже кнопка, расположенная чуть ниже.

С отличным примером привлекательного и, в то же время, информативного pop-up вы можете познакомиться, если посетите интернет-магазин Madina.ru

Как мы видим, дизайн «поп-апа» нисколько не навязчивый, выполнен в модном сегодня минималистичном стиле. Цвета pop-up гармонируют с общей цветовой гаммой, в которой выполнен дизайн всего интернет-магазина. Всплывающее окно несет в себе действительно ценную и актуальную информацию (реальную скидку на покупку), причем пользователя не заставляют воспользоваться предложением, а рекомендуют просто обратить внимание на него.

Еще несколько удачных примеров использования pop-up:

Правило №2. Заметная кнопка закрытия окна

Кнопка закрытия окна должна выглядеть как «крестик», находиться в верхнем правом углу и быть заметной. Это привычно и удобно для пользователей. Многочисленные эксперименты и тесты доказывают, что, если вместо «крестика» сделать кнопку «спасибо, не интересно», конверсия упадет. А если сделать крестик незаметным, то вы узнаете, что такое «гнев пользователя» и потеряете доверие посетителей. Сравните два очень похожих pop-up на картинке. Какой вам будет проще закрыть?

Правило №3. Не используйте «окна приветствия»

Окна с приветствием посетителя на сайте являются совершенно бесполезными. Увидев такое окно, большинство просто закрывают его, не читая текст. А теперь скажите, много ли полезной информации вы почерпнете из такого приветственного окна?

Добавляем чуть-чуть информативности в всплывающее окно приветствия и получаем уже более эффективный вариант:

Как видим, с помощью этого окна сайт не просто «приветствует» пользователя, но и предлагает ему выбрать приоритетную цель использования ресурса. Для многих такая помощь окажется кстати и поможет быстрее сориентироваться на новом сайте.

Правило №4. Делайте информацию максимально содержательной

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

К примеру, на многих сайтах можно увидеть окно CallBackHunter, в котором написано о том, что посетитель пробыл на сайте определенное время и спрашивается, нашел ли он то, что искал. При нажатии на кнопку появляется возможность запросить звонок менеджера. Но спросите себя: как часто вы видели это окно, и как часто им пользовались. Такой pop-up не несет никакой выгоды для пользователя, поэтому пропорция будет примерно 100 к 0 не в пользу Колбэкхантера.

Еще один пример неудачного pop-up–навязывание пользователю необходимости регистрации, когда она ему не нужна.

А теперь несколько примеров того, как превратить избитые интернет-штампы в интересные предложения для пользователей:

  • фразу «подпишитесь на наши новости» меняем на «узнайте первыми о…»;
  • «недорогие клининговые услуги» меняем на «уборка помещений под ключ от 200 руб. за м2, немецкие моющие средства Solclean и техника Karcher»;
  • «продадим вашу квартиру быстро и с минимальной комиссией» меняем на «продадим вашу квартиру за 3 месяца или не возьмем комиссионные за свою работу».
  • «увеличим ваши продажи» меняем на «увеличим ваши продажи с помощью контекстной рекламы и «белого» SEO с оплатой только за целевые переходы».
  • «мониторы со скидкой 10%» меняем на «мониторы в Москве со скидкой 10%, только до 1 ноября!».

Текстовую часть pop-up можно улучшать до бесконечности, главное при этом руководствоваться принципами уникальности, полезности, прицельности и срочности предложения.

Правило №5. Разные послания для разной аудитории

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

Правило №6. A/B – тестирование

A/B тестирование – это одно из маркетинговых исследований, которое состоит в сравнении изменения роли некоторых факторов на целевые показатели. Например, можно исследовать влияние изменения цвета или размеров всплывающего окна на показатели конверсии. Специалист тестирует две практически идентичные странички, в которых разный только один элемент. И на основе этого тестирования выбирается наиболее эффективный вариант.

Правило №7. Размеры и фиксация popup

Окно должно быть заметным для посетителя, но не слишком большим. Нельзя фиксировать размещение окна относительно страницы. Если человек прокручивает ее вниз, то окно пропадает. Оно должно быть привязанным к пользователю, а не к веб-странице. Так у него есть только один выход из ситуации: подписаться либо закрыть окно.

Также вы гарантированно потеряете клиента, если всплывающее окно:

  • Выскочит сразу же после загрузки сайта (идеальное время для появления pop-up–незадолго для предполагаемого закрытия страницы пользователем).
  • Закроет своей площадью весь экран.
  • Ураганом выскакивает на середину экрана, прерывая для пользователя процесс чтения интересной статьи или изучения характеристик заинтересовавшего товара. Лучше всего, когда Pop-up будет появляться на странице плавно, желательно из нижней ее части, нанося функционалу сайта минимум потерь.
  • Будет сложно или долго закрываться.

А вот и небольшой тест для вас. Как вы думаете, можно назвать этот Pop-up удачным или нет?

А вот симпатичный, ненавязчивый поп-ап в нижней части страницы:

Правило №8. Не забываем про геотаргетинг

Пользуется популярностью использование всплывающих окон, привязанных к месту расположения человека. Например, на сайте Билайна и Яндекса можно выбрать свой регион. Затем сервисы предлагают полезные услуги в конкретном регионе, информацию о нем и другие полезности.

Правило №9. Не будьте фамильярны

Чего точно нельзя делать – это грубить посетителю сайта, считать его клиническим идиотом, пытаться угадать мотивацию его поведения и выбора. Надписи типа «нет, я предпочитаю переплачивать за покупки в 2 раза» автоматически превращаются для пользователя в идею «я предпочитаю не иметь с вами никаких дел», и он практически сразу уходит с сайта.

Правило №10. Создайте ощущение личного контакта

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

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