Редко кому нравятся всплывающие окна (pop-ups), выскакивающие перед глазами в самый неподходящий момент. А все потому, что компании забывают об опыте пользователя, придавая первостепенное значение своим целям, а приоритеты потенциального клиента/потребителя ставят на второе место. Однако если вы хотите преуспеть в интернет-маркетинге, вам необходимо думать прежде всего о своей аудитории и уже потом — о вашем бренде.
Всплывающие окна не так уж и плохи, если их правильно применять. Существует несколько секретов, способных помочь pop-ups добиться большей конверсии. Предлагаем вам ознакомиться с 30 примерами exit pop-ups, которые появляются при уходе пользователя со страницы, не вторгаясь при этом в его опыт, донося нужное сообщение и сохраняя уникальный дизайн.
1. CONVERSIONXL
«Овладейте основами оптимизации конверсии. Узнайте, как оптимизируют профи. Введите ваш электронный адрес. Получить бесплатную электронную книгу/Нет, меня устраивают мои средние навыки оптимизации»
На своем сайте conversionXL используют классическую стратегию — создание базы подписчиков с помощью предложения бесплатных услуг. Если вы взглянете на дизайн, то заметите, что внимание привлекает не только заголовок «Овладейте основами оптимизации конверсии», но и формулировка отказа — если вы не хотите становиться мастером оптимизации и вас устраивают ваши посредственные способности в этом деле, можете просто проигнорировать сообщение.
2. COOLMATERIAL
«CoolMaterial: Лучшие новинки моды и техники и отборные истории, поставляемые ежедневно. Электронный адрес. Присоединяйтесь бесплатно»
CoolMaterial использует простой, но мощный pop-up на выходе с сайта. Они обещают подписчикам присылать новости о модной одежде и устройствах каждый день, а также лучшие истории. Обратите внимание, как выделена кнопка призыва к действию (call-to-action, CTA).
Совет. Не забывайте сочетать ваш pop-up с общим стилем бренда.
3. SYEDBALKHI
«Набор инструментов (toolkit) для роста вашего онлайн-бизнеса. Введите имя, электронный адрес. Скачать сейчас»
Саид Балки (Syed Balkhi) — это создавший несколько компаний предприниматель и преуспевающий блогер. На своем сайте он предлагает набор средств, чтобы вы могли вырастить собственный онлайн-бизнес. Здесь особенно привлекает внимание яркость pop-up и обыгрывание графических элементов в слове «TOOLKIT».
Совет. Создавайте креативные pop-ups, которые остаются в памяти надолго.
4. CANVA
«Научитесь создавать запоминающийся и привлекающий внимание дизайн. Подпишитесь на новостную рассылку и получите бесплатную копию нашего гида по брендингу и дизайну»
Canva каждую неделю предлагает превосходный контент в своем проекте дизайнерской школы. После того как вы прочитали их статью и собираетесь покинуть страницу, Canva напоминает, что вы можете оставаться в курсе их последних новостей, подписавшись на новостную рассылку. Подписавшись, вы получаете бесплатную книгу с инструкциями по дизайну и созданию бренда для новичков. Зеленая кнопка призыва к действию выделяется на фоне остального pop-up.
Совет. В обмен на электронный адрес предложите своей аудитории что-нибудь ценное бесплатно.
5. HEIDI COHEN
«Получайте БЕСПЛАТНЫЕ практические советы по маркетингу прямо на вашу почту каждую неделю»
Данный пример взят с сайта другого замечательного блогера и оратора Хайди Коэн, работающей в области медиа-маркетинга. Прочитав ее статью, вы увидите предложение регулярно получать реализуемые на практике советы. Простой дизайн с приковывает внимание к двум основным вещам: заголовку и кнопке призыва к действию.
Совет. Предлагая что-либо бесплатно, убедитесь, что пользователь знает, что он получит, и понимает, какие действия ему нужно совершить для подписки. Используйте простую цветовую схему в pop-ups.
6. REEBOK
Русскоязычная версия сайта Reebok предлагает 10% скидку на все товары за подписку на новости. Пользователи, оставляющие свой электронный адрес, также вводят дату рождения и выбирают пол, что позволяет компании высылать точечную рекламу в дни рождения с увеличенной 15%-ной скидкой.
Совет. Включайте персонализированные скидочные предложения в ваш pop-up.
7. VULTURE
«Эксклюзивный контент только на iPad. Последний выпуск — со всеми прибамбасами. Исследуйте новые возможности, доступные только в приложении для iPad от журнала New York magazine. Загрузить приложение»
Vulture создала более насыщенный pop-up на выходе, предлагающий пользователям загрузить их приложение, с помощью которого можно просматривать фото и видео, слушать музыку и читать дополнения к статьям. Заголовок направлен на владельцев iPad. Креативный подход отражается в подборе графических элементов и цветовой гамме. Плюс сам pop-up показывает, как журнал будет выглядеть на iPad.
Совет. Если вы хотите, чтобы пользователи загружали ваше приложение, покажите им его пример в своей баннерной рекламе.
8. GQ
«GQ Daily. Не хотим показывать пальцем… но вам бы не помешал апгрейд имиджа. Советы по стилю, рекомендации, как носить костюмы, новости от инсайдеров, поставляемые ежедневно прямо на вашу почту»
Журнал GQ использует pop-up в своем блоге, прибегая к юмору и убеждающему визуальному оформлению. Многие мужчины захотят подписаться на советы по стилю от GQ, чтобы не выглядеть как среднестатистический обыватель.
Совет. Чтобы ваши подписчики не переживали из-за того, в каких целях может быть использован их email, вставьте ссылку на политику конфиденциальности в конце вашего pop-up, как это делает GQ. И не забывайте о юморе и интересных картинках.
9. RAFAL TOMAL
«Присоединяйтесь к более чем 9 000 дизайнеров и получите бесплатный доступ к дизайнерским инструментам. Designers Area имеет бесплатную подписку, с помощью которой вы можете получить доступ к электронной новостной рассылке и всем моим эксклюзивным инструментам, наработкам и темам Genesis child. Получить бесплатный доступ сейчас»
Рафал Томал — главный дизайнер компании Rainmaker, автор блога, в котором он приводит советы и подсказки по созданию дизайна конвертирующих сайтов. У него есть и другие сторонние проекты — подписавшись на его новостную рассылку, пользователь получает доступ к «эксклюзивным дизайнерским инструментам, наработкам и темам Genesis child» от WordPress.
Совет. Расскажите пользователям, насколько велико ваше сообщество, как это сделал Рафал Томал («более чем 9 000 дизайнеров»).
10. SUMOME
«SumoMe. Бесплатные инструменты, работающие на любом сайте. Установите меньше чем за 1 минуту и начните расти быстрее уже сегодня!»
Sumome создала приложение для блогеров, помогающее делиться контентом в соцсетях. Всплывающее при выходе со страницы окно предлагает установку приложения менее чем за 1 минуту в обмен на электронный адрес.
Совет. Сделайте ваш pop-up простым и эффективным за счет сообщения, подчеркивающего, что время пользователя имеет большое значение, и обещающего ежедневный рост.
11. WPMUDEV
«Получите скидку 60% на все темы и плагины в течение лимитированного времени. Подпишитесь на нашу новостную рассылку, и мы вышлем вам дополнительную скидку на новый вид членства WPMU DEV»
WPMuDev сделала интересный дизайн pop-up окна с супергероем, пытающимся удержать огромную скидку.
Совет. Если вы хотите обновить ваш pop-up, сделайте его дизайн более интересным, позволив вашей фантазии разыграться.
12. GNC
Русская версия сайта производителя и дистрибьютора спортивного питания GNC предлагает помощь нерешительным покупателям. Если пользователю интересно получить персональную рекомендацию, он может ответить на пару несложных вопросов, после чего сайт направит его на страницу с товарами, соответствующими выбранному образу жизни. Кроме того, в правой части окна возникает мини-чат, в котором в обмен на email можно получить помощь консультантов.
Совет. Сделайте ваш pop-up полезным и постарайтесь решить проблему пользователя.
13. JON LOOMER
«Получите бесплатную электронную книгу «Лидогенерирующие объявления на Facebook». Полное Имя. Электронный адрес. Получить!»
Если вы занимаетесь продвижением бренда в Facebook, вам наверняка известно имя Джона Лумера. Являясь специалистом по маркетингу в соцсетях, он пишет отличные статьи на данную тему. В его блоге, решив покинуть сайт, вы увидите pop-up, предлагающий бесплатную книгу тем, кто согласится, чтобы его внесли в лист рассылки.
Совет. Дизайн pop-up должен быть емким и инкорпорирующим цвета вашего бренда. Простота и эффективность!
14. WPLIFT
«Пришлите мне бесплатные материалы! Присоединяйтесь к нашей новостной рассылке, чтобы получить 6 бесплатных тем WordPress. Мы также будем присылать вам еженедельный дайджест новостей, полный новинок от WordPress. Мы бережно отнесемся к вашей почте и не станем спамить! Загрузить сейчас»
Многие разработчики и владельцы малого бизнеса знакомы с WPLift. Эти ребята в своем блоге каждый месяц рассказывают о трех лучших темах WordPress. Подписавшись на рассылку, пользователь сразу получает 6 бесплатных тем WordPress, а также еженедельный новостной контент.
Совет. Кнопка CTA должна выделяться по цвету, чтобы отличаться от основного дизайна.
15. HUBSPOT
«Присоединяйтесь к 300 000 профессионалов. Получайте маркетинговые советы от экспертов прямо на почту и становитесь более компетентным специалистом. Подписывайтесь на Маркетинговый Блог ниже. Подписаться/Мне пока не нужно»
Если частью вашей деятельности является входящий маркетинг, то вы не раз слышали о ресурсе Hubspot. Их pop-up содержит 6 простых элементов: заголовок «Присоединяйтесь к 300 000 своих коллег-маркетологов»; текст «Получайте маркетинговые советы от экспертов»; поле для ввода адреса электронной почты; большую оранжевую кнопку CTA; кнопку отказа «Нет, спасибо»; кнопку закрытия «Х». Это хороший пример того, как нужно создавать pop-ups с удачным дизайном и высоким показателем конверсии.
Совет. Предоставьте пользователям альтернативную возможность на случай, если они не хотят подписываться на вас или загружать бесплатный контент. Не забудьте про значок «Х» или сообщение вроде: «Мне пока не нужно». В данном примере снова упоминается количество подписчиков — это может убедить аудиторию, что компании можно доверять.
16. CRAZYEGG
«Так быстро уходите? :) Оставайтесь на связи и получайте ежедневные советы для взрывного увеличения коэффициента конверсии! Введите ваш электронный адрес. Подписаться/Звучит неплохо, но я предпочитаю еженедельный апдейт»
Бывает, что вы пришли в гости и вам нужно уйти пораньше, а друзья считают, что это слишком рано, и говорят: «Ты так быстро уходишь?». Эту фразу компания CrazyEgg включила в свой pop-up, и она создает эффект близкого знакомства. Кроме этого, был использован смайл, также намекающий на создание дружеских отношений.
Совет. «Так быстро уходите?» — это довольное сильное послание, так как оно говорит пользователям, что компания дорожит их визитом на сайт.
17. DIGIDAY
«Новости из Великобритании и Европы. Прямо на ваш ящик. Введите ваш email. Получить новостную рассылку/Спасибо, мне не интересно»
В данном pop-up особенно выделяется черная кнопка с простым текстом «Получить новостную рассылку».
Совет. Простая структура всплывающего окна смотрится профессионально и оказывает положительный эффект на конверсию. Несложная компоновка трех: цветов, белого, черного и желтого — довольно убедительная комбинация для рекламы.
18. LA REDOUTE
Pop-up на сайте модного интернет-магазина La Redoute предлагает подписчикам бонус в размере 500 рублей и бесплатную доставку на первую покупку. Для этого необходимо ввести свои имя и email — и скидка активируется.
Совет. Помогайте вовлечению: предложите выгодные условия.
19. JONATHAN FIELDS
«Вас не нужно подкупать, чтобы вы стали меня читать. На этом месте вы не увидите никаких светящиеся кнопок, обещаний первоклассных материалов и других заманух. Это просто приглашение… Приходите и вступайте в игру. Я буду путешествовать по миру, создавать предприятия, писать, творить (не слишком умело), фотографировать и стараться быть хорошим отцом и мужем на протяжении всего пути. Раз или два в неделю вы будете получать апдейты со всеми главными моментами, снимками, идеями и выборками. Так что вперед, оформите наши отношения… Введите здесь свой email. — Я за!»
Не только компании, но и независимые блогеры прибегают к pop-ups для расширения своего списка рассылки. Если посмотреть на блог Джонатана Филдса, вы увидите всплывающее окно с большим количеством текста, в котором он приглашает пользователей узнать о нем и его путешествиях больше. Этот пример интересен по двум причинам. Во-первых, длинный pop-up отличается от других и создает контекст между автором и аудиторией, а во-вторых, обращает на себя внимание CTA-кнопка с простым «Я за!».
Совет. Не бойтесь рассказать свою историю, даже если она займет много места. Те, кого вам удалось заинтересовать, останутся. Берите качеством подписчиков, а не их количеством!
20. QUICK SPROUT
«Дайте мне три месяца, и я открою врата безостановочно прибыльному трафику вашего веб-сайта. Показать мне как — НЕМЕДЛЕННО»
Это пример старого pop-up из блога Quick Sprout Нила Пателя (Neil Patel). Свои услуги он продает, используя элементы персонального бренда и показывая читателю, что именно он стоит за проектом Quick Sprout. В заголовке Нил жирным шрифтом выделил 2 важных для его аудитории момента: «три месяца», что значит «время», а время в наши дни ценится и ассоциируется с деньгами, а также «прибыльный трафик», поскольку трафик без конверсии ничего не значит в мире маркетинга. Фраза на кнопке CTA «Показать мне как — НЕМЕДЛЕННО» создает ощущение срочности предложения и стимулирует пользователя нажать на нее.
Совет. Если у вас есть сильный персональный бренд, вы можете использовать свое изображение для создания доверительных отношений с пользователями.
21. INSTAPAGE
«Получайте свежий контент из блога Instapage. Вы уже почти закончили процесс: пожалуйста, заполните до конца эту форму и нажмите на кнопку внизу для мгновенного доступа»
Instapage также создает великолепный контент и может рассчитывать на то, что читатель захочет стать получателем рассылки.
Совет. Прежде чем просить пользователя о чем-либо, предложите ему что-нибудь интересное и бесплатное взамен. Если вы хорошо известны, используйте простой подход, подобный тому, что выбрали в Instapage.
22. SEARCH ENGINE JOURNAL
«Наш следующий вебинар «Реальное наращивание ссылочной массы в 2016 году: соизмеряя человеческие усилия». Среда, 20 января, 13 часов. Вебинар будут вести Коди Кахилл и Эми Мерилл, менеджеры проекта Page One Power. Присоединяйтесь к Коди Кахиллу, Эми Мерилл из Page One Power, а также Лорен Бейкер из SEJ, чтобы понять стратегии наращивания качественной ссылочной массы. Узнайте об эффективных подходах линкбилдинга для ваших SEO и видимости в поисковиках. Зарегистрироваться»
Поп-ап на сайте SEJ (блог для СЕО-специалистов), анонсировавший очередной вебинар, имел интересный дизайн. Окно вмещало в себя довольно много информации — тема семинара, его содержание, ведущие, приобретаемые навыки, — но выглядел при этом аккуратно.
Совет. Используйте pop-ups для продвижения ваших вебинаров — это хороший инструмент для оповещений посетителей о грядущих событиях.
23. OPTIMONK
«Ой! Вы уходите с сайта. Более 80% ваших посетителей именно это и делают и уже никогда не возвращаются. Но вы можете изменить их намерение ДО ТОГО, как они покинут ваш сайт, используя Внутренний ретаргетинг. Загрузите книгу «Дзен-искусство внутреннего ретаргетинга» бесплатно»
У вас есть статистика, интересная пользователям? Включите ее в pop-up на выходе, а также в краткой форме предложите электронную книгу, в которой можно найти еще больше полезного материала по теме.
Совет. Если у вас есть электронная книга с привлекательной обложкой, просто покажите ее во всплывающем окне. Это поможет быстро создать позитивный контакт с вашими пользователями.
24. LPGENERATOR
LPgenerator также использует всплывающее окно для сбора данных о посетителях блога, которые заинтересовались предложенными материалами и хотели бы подписаться на ежедневную рассылку. Всего два поля — имя и адрес электронной почты — отделяют вас от полезного и увлекательного контента :)
Совет. Дайте понять потенциальному клиенту, что вы дорожите его временем. Создайте простую лид-форму и пообещайте нечто ценное в обмен на телефон или электронный адрес.
25. NEWSCRED
«Подпишитесь на нашу новостную рассылку, чтобы получать самый лучший контент прямо на ваш электронный ящик! Присоединитесь к 42 983 специалистам в области контент-маркетинга, которые уже работают над своим профессиональным ростом с помощью блога NewsCred»
Как было сказано выше, важно, чтобы рекламные окна отражали ваш бренд. Вы можете, например, рассказать о своем сообществе подписчиков, о том, сколько человек оно включает, как это сделали в Newscred.
Совет. Обратите внимание на красный цвет кнопки. А теперь попробуйте найти другие красные элементы в данном pop-up. Не можете? То-то и оно! Используйте особый цвет для своей кнопки CTA.
26. GLEAM
«Эй! Прежде чем вы уйдете… Нравятся наши посты? Получайте уведомления на почту»
Если вы не мастер слова, пишите кратко. Будьте ближе к пользователям, сделайте ваш pop-up заметным, чтобы люди читали ваше сообщение и подписывались на электронную рассылку.
Совет. Используйте простые слова в призывах к действию, которые можно быстро прочитать.
27. MARKETIZATOR
«Подождите! Вот, что вы получите, если подпишетесь: А/Б тестирование, персонализацию, опросы. Начать (100% бесплатно)/Я отказываюсь! (Мне достаточно тех клиентов, что у меня уже есть.)»
Если вы не хотите быть слишком фамильярными и открытыми в вашем pop-up или если вышей целью не является мотивировать посетителей загрузить электронную книгу, просто объясните, что они получат, подписавшись на вашу рассылку. Marketizator утверждает, что с помощью подписки пользователь сможет получить 3 конкретные вещи. Ну, а если кто-то не захочет вводить свой email, наверное, ему не нужно больше клиентов.
Совет. CTA кнопка на данном сайте имеет очень удачный конвертирующий цвет, в то время как кнопка отказа окрашена в серый, и она меньше заметна на общем фоне всплывающего окна.
28. ALIEXPRESS
Всплывающее окно на русскоязычной версии сайта AliExpress дублирует баннер в верхней части страницы и содержит минимум элементов: приуроченную к чемпионату мира по хоккею 2016 фоновую картинку, заголовок «Распродажа», сообщение о начале акции и кнопку «Купить сейчас».
Несмотря на эффектность послания, CTA-элемент не совсем точно выражает призыв к действию — пользователь не может знать, что именно ему предлагают купить, до того, как нажмет на кнопку.
Совет. Придерживаясь минималистичного стиля оформления, убедитесь, что ваш поп-ап ясно доносит смысл сообщения.
29. TIM FERRIS
«От автора бестселлера «Как работать по 4 часа в неделю...» — новая инструкция «12 простых правил изучения иностранного языка». Узнайте, как вы можете выучить новый язык в рекордное время с помощью гида Тима Ферриса. Разблокировать гид/Нет, спасибо, мне не интересно»
Тим Феррис верит в силу pop-up с хорошим дизайном, появляющегося в нужное время в нужном месте. Так происходит и с всплывающим окном на его сайте. Перед тем как вы захотите закрыть блог, вам предлагается выучить иностранный язык с рекордной скоростью.
Совет. Элементы вашего pop-up не обязательно должны быть вписаны в прямоугольник. Будьте креативными и выходите за рамки правил и pop-up окна!
30. WORLD CLASS
Сеть фитнес-клубов World Class в своём pop-up использует старый трюк: котята, дети и красивые женщины хорошо конвертируют. Вы же не откажетесь оставить свой телефон симпатичной, загорелой и, конечно же, спортивной девушке?
Совет. Используйте в pop-ups проверенные временем образы, привлекающие внимание пользователей и создающие положительные эмоции.
Выводы
Вы увидели 30 примеров того, как нужно создавать и преподносить pop-ups с отличным дизайном, способные конвертировать и увеличивать вашу аудиторию. Никогда не забывайте об этих простых правилах:
1. Думайте в первую очередь о ваших пользователях и уже затем о своем бренде.
2. Предложите что-нибудь на бесплатной основе, прежде чем спрашивать email.
3. Сделайте так, чтобы ваш pop-up появлялся в правильное время в правильном месте.
4. Предоставьте посетителям сайта удобную возможность закрыть окно, если они не захотят стать частью вашего сообщества.
5. Не забывайте включать в pop-up характерные для вашего бренда компоненты.
6. Используйте цвета для кнопки CTA и текста на ней, отличные от основной палитры окна.
Высоких вам конверсий!
По материалам: bannersnack.com
