Продающие лендинги от отдела
дизайна LPgenerator

Используем технологии:
4U, AIDA, ХПВ, психология влияния Р. Чалдини, управление взглядом
  • 4U
  • AIDA
  • ХПВ
  • психологии влияния Р. Чалдини
  • управления взглядом
  • нейромаркетинг
Готовность от 7 дней

30 примеров конвертирующих Exit Pop-up

Редко кому нравятся всплывающие окна (pop-ups), выскакивающие перед глазами в самый неподходящий момент. А все потому, что компании забывают об опыте пользователя, придавая первостепенное значение своим целям, а приоритеты потенциального клиента/потребителя ставят на второе место. Однако если вы хотите преуспеть в интернет-маркетинге, вам необходимо думать прежде всего о своей аудитории и уже потом — о вашем бренде.

Всплывающие окна не так уж и плохи, если их правильно применять. Существует несколько секретов, способных помочь pop-ups добиться большей конверсии. Предлагаем вам ознакомиться с 30 примерами exit pop-ups, которые появляются при уходе пользователя со страницы, не вторгаясь при этом в его опыт, донося нужное сообщение и сохраняя уникальный дизайн.

1. CONVERSIONXL

CONVERSIONXL

«Овладейте основами оптимизации конверсии. Узнайте, как оптимизируют профи. Введите ваш электронный адрес. Получить бесплатную электронную книгу/Нет, меня устраивают мои средние навыки оптимизации»

 

На своем сайте conversionXL используют классическую стратегию — создание базы подписчиков с помощью предложения бесплатных услуг. Если вы взглянете на дизайн, то заметите, что внимание привлекает не только заголовок «Овладейте основами оптимизации конверсии», но и формулировка отказа — если вы не хотите становиться мастером оптимизации и вас устраивают ваши посредственные способности в этом деле, можете просто проигнорировать сообщение.

2. COOLMATERIAL

2. COOLMATERIAL

«CoolMaterial: Лучшие новинки моды и техники и отборные истории, поставляемые ежедневно. Электронный адрес. Присоединяйтесь бесплатно»

CoolMaterial использует простой, но мощный pop-up на выходе с сайта. Они обещают подписчикам присылать новости о модной одежде и устройствах каждый день, а также лучшие истории. Обратите внимание, как выделена кнопка призыва к действию (call-to-action, CTA).

Совет. Не забывайте сочетать ваш pop-up с общим стилем бренда.

3. SYEDBALKHI

SYEDBALKHI

«Набор инструментов (toolkit) для роста вашего онлайн-бизнеса. Введите имя, электронный адрес. Скачать сейчас»

Саид Балки (Syed Balkhi) — это создавший несколько компаний предприниматель и преуспевающий блогер. На своем сайте он предлагает набор средств, чтобы вы могли вырастить собственный онлайн-бизнес. Здесь особенно привлекает внимание яркость pop-up и обыгрывание графических элементов в слове «TOOLKIT».

Совет. Создавайте креативные pop-ups, которые остаются в памяти надолго.

4. CANVA

4. CANVA

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

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

Совет. В обмен на электронный адрес предложите своей аудитории что-нибудь ценное бесплатно.

5. HEIDI COHEN

5. HEIDI COHEN

«Получайте БЕСПЛАТНЫЕ практические советы по маркетингу прямо на вашу почту каждую неделю»

Данный пример взят с сайта другого замечательного блогера и оратора Хайди Коэн, работающей в области медиа-маркетинга. Прочитав ее статью, вы увидите предложение регулярно получать реализуемые на практике советы. Простой дизайн с приковывает внимание к двум основным вещам: заголовку и кнопке призыва к действию.

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

6. REEBOK

6. REEBOK

Русскоязычная версия сайта Reebok предлагает 10% скидку на все товары за подписку на новости. Пользователи, оставляющие свой электронный адрес, также вводят дату рождения и выбирают пол, что позволяет компании высылать точечную рекламу в дни рождения с увеличенной 15%-ной скидкой.

Совет. Включайте персонализированные скидочные предложения в ваш pop-up.

7. VULTURE

VULTURE

«Эксклюзивный контент только на iPad. Последний выпуск — со всеми прибамбасами. Исследуйте новые возможности, доступные только в приложении для iPad от журнала New York magazine. Загрузить приложение»

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

Совет. Если вы хотите, чтобы пользователи загружали ваше приложение, покажите им его пример в своей баннерной рекламе.

8. GQ

8. GQ

«GQ Daily. Не хотим показывать пальцем… но вам бы не помешал апгрейд имиджа. Советы по стилю, рекомендации, как носить костюмы, новости от инсайдеров, поставляемые ежедневно прямо на вашу почту»

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

Совет. Чтобы ваши подписчики не переживали из-за того, в каких целях может быть использован их email, вставьте ссылку на политику конфиденциальности в конце вашего pop-up, как это делает GQ. И не забывайте о юморе и интересных картинках.

9. RAFAL TOMAL

RAFAL TOMAL

«Присоединяйтесь к более чем 9 000 дизайнеров и получите бесплатный доступ к дизайнерским инструментам. Designers Area имеет бесплатную подписку, с помощью которой вы можете получить доступ к электронной новостной рассылке и всем моим эксклюзивным инструментам, наработкам и темам Genesis child. Получить бесплатный доступ сейчас»

Рафал Томал — главный дизайнер компании Rainmaker, автор блога, в котором он приводит советы и подсказки по созданию дизайна конвертирующих сайтов. У него есть и другие сторонние проекты — подписавшись на его новостную рассылку, пользователь получает доступ к «эксклюзивным дизайнерским инструментам, наработкам и темам Genesis child» от WordPress.

Совет. Расскажите пользователям, насколько велико ваше сообщество, как это сделал Рафал Томал («более чем 9 000 дизайнеров»).

10. SUMOME

10. SUMOME

«SumoMe. Бесплатные инструменты, работающие на любом сайте. Установите меньше чем за 1 минуту и начните расти быстрее уже сегодня!»

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

Совет. Сделайте ваш pop-up простым и эффективным за счет сообщения, подчеркивающего, что время пользователя имеет большое значение, и обещающего ежедневный рост.

11. WPMUDEV

11. WPMUDEV

«Получите скидку 60% на все темы и плагины в течение лимитированного времени. Подпишитесь на нашу новостную рассылку, и мы вышлем вам дополнительную скидку на новый вид членства WPMU DEV»

WPMuDev сделала интересный дизайн pop-up окна с супергероем, пытающимся удержать огромную скидку.

Совет. Если вы хотите обновить ваш pop-up, сделайте его дизайн более интересным, позволив вашей фантазии разыграться.

12. GNC

12. GNC

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

Совет. Сделайте ваш pop-up полезным и постарайтесь решить проблему пользователя.

13. JON LOOMER

13. JON LOOMER

«Получите бесплатную электронную книгу «Лидогенерирующие объявления на Facebook». Полное Имя. Электронный адрес. Получить!»

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

Совет. Дизайн pop-up должен быть емким и инкорпорирующим цвета вашего бренда. Простота и эффективность!

14. WPLIFT

14. WPLIFT

«Пришлите мне бесплатные материалы! Присоединяйтесь к нашей новостной рассылке, чтобы получить 6 бесплатных тем WordPress. Мы также будем присылать вам еженедельный дайджест новостей, полный новинок от WordPress. Мы бережно отнесемся к вашей почте и не станем спамить! Загрузить сейчас»

Многие разработчики и владельцы малого бизнеса знакомы с WPLift. Эти ребята в своем блоге каждый месяц рассказывают о трех лучших темах WordPress. Подписавшись на рассылку, пользователь сразу получает 6 бесплатных тем WordPress, а также еженедельный новостной контент.

Совет. Кнопка CTA должна выделяться по цвету, чтобы отличаться от основного дизайна.

15. HUBSPOT

15. HUBSPOT

«Присоединяйтесь к 300 000 профессионалов. Получайте маркетинговые советы от экспертов прямо на почту и становитесь более компетентным специалистом. Подписывайтесь на Маркетинговый Блог ниже. Подписаться/Мне пока не нужно»

Если частью вашей деятельности является входящий маркетинг, то вы не раз слышали о ресурсе Hubspot. Их pop-up содержит 6 простых элементов: заголовок «Присоединяйтесь к 300 000 своих коллег-маркетологов»; текст «Получайте маркетинговые советы от экспертов»; поле для ввода адреса электронной почты; большую оранжевую кнопку CTA; кнопку отказа «Нет, спасибо»; кнопку закрытия «Х». Это хороший пример того, как нужно создавать pop-ups с удачным дизайном и высоким показателем конверсии.

Совет. Предоставьте пользователям альтернативную возможность на случай, если они не хотят подписываться на вас или загружать бесплатный контент. Не забудьте про значок «Х» или сообщение вроде: «Мне пока не нужно». В данном примере снова упоминается количество подписчиков — это может убедить аудиторию, что компании можно доверять.

16. CRAZYEGG

16. CRAZYEGG

«Так быстро уходите? :) Оставайтесь на связи и получайте ежедневные советы для взрывного увеличения коэффициента конверсии! Введите ваш электронный адрес. Подписаться/Звучит неплохо, но я предпочитаю еженедельный апдейт»

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

Совет. «Так быстро уходите?» — это довольное сильное послание, так как оно говорит пользователям, что компания дорожит их визитом на сайт.

17. DIGIDAY

17. DIGIDAY

«Новости из Великобритании и Европы. Прямо на ваш ящик. Введите ваш email. Получить новостную рассылку/Спасибо, мне не интересно»

В данном pop-up особенно выделяется черная кнопка с простым текстом «Получить новостную рассылку».

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

18. LA REDOUTE

LA REDOUTE

Pop-up на сайте модного интернет-магазина La Redoute предлагает подписчикам бонус в размере 500 рублей и бесплатную доставку на первую покупку. Для этого необходимо ввести свои имя и email — и скидка активируется.

Совет. Помогайте вовлечению: предложите выгодные условия.

19. JONATHAN FIELDS

19. JONATHAN FIELDS

«Вас не нужно подкупать, чтобы вы стали меня читать. На этом месте вы не увидите никаких светящиеся кнопок, обещаний первоклассных материалов и других заманух. Это просто приглашение… Приходите и вступайте в игру. Я буду путешествовать по миру, создавать предприятия, писать, творить (не слишком умело), фотографировать и стараться быть хорошим отцом и мужем на протяжении всего пути. Раз или два в неделю вы будете получать апдейты со всеми главными моментами, снимками, идеями и выборками. Так что вперед, оформите наши отношения… Введите здесь свой email. — Я за!»

Не только компании, но и независимые блогеры прибегают к pop-ups для расширения своего списка рассылки. Если посмотреть на блог Джонатана Филдса, вы увидите всплывающее окно с большим количеством текста, в котором он приглашает пользователей узнать о нем и его путешествиях больше. Этот пример интересен по двум причинам. Во-первых, длинный pop-up отличается от других и создает контекст между автором и аудиторией, а во-вторых, обращает на себя внимание CTA-кнопка с простым «Я за!».

Совет. Не бойтесь рассказать свою историю, даже если она займет много места. Те, кого вам удалось заинтересовать, останутся. Берите качеством подписчиков, а не их количеством!

20. QUICK SPROUT

20. QUICK SPROUT

«Дайте мне три месяца, и я открою врата безостановочно прибыльному трафику вашего веб-сайта. Показать мне как — НЕМЕДЛЕННО»

Это пример старого pop-up из блога Quick Sprout Нила Пателя (Neil Patel). Свои услуги он продает, используя элементы персонального бренда и показывая читателю, что именно он стоит за проектом Quick Sprout. В заголовке Нил жирным шрифтом выделил 2 важных для его аудитории момента: «три месяца», что значит «время», а время в наши дни ценится и ассоциируется с деньгами, а также «прибыльный трафик», поскольку трафик без конверсии ничего не значит в мире маркетинга. Фраза на кнопке CTA «Показать мне как — НЕМЕДЛЕННО» создает ощущение срочности предложения и стимулирует пользователя нажать на нее.

Совет. Если у вас есть сильный персональный бренд, вы можете использовать свое изображение для создания доверительных отношений с пользователями.

21. INSTAPAGE

21. INSTAPAGE

«Получайте свежий контент из блога Instapage. Вы уже почти закончили процесс: пожалуйста, заполните до конца эту форму и нажмите на кнопку внизу для мгновенного доступа»

Instapage также создает великолепный контент и может рассчитывать на то, что читатель захочет стать получателем рассылки.

Совет. Прежде чем просить пользователя о чем-либо, предложите ему что-нибудь интересное и бесплатное взамен. Если вы хорошо известны, используйте простой подход, подобный тому, что выбрали в Instapage.

22. SEARCH ENGINE JOURNAL

22. SEARCH ENGINE JOURNAL

«Наш следующий вебинар «Реальное наращивание ссылочной массы в 2016 году: соизмеряя человеческие усилия». Среда, 20 января, 13 часов. Вебинар будут вести Коди Кахилл и Эми Мерилл, менеджеры проекта Page One Power. Присоединяйтесь к Коди Кахиллу, Эми Мерилл из Page One Power, а также Лорен Бейкер из SEJ, чтобы понять стратегии наращивания качественной ссылочной массы. Узнайте об эффективных подходах линкбилдинга для ваших SEO и видимости в поисковиках. Зарегистрироваться»

Поп-ап на сайте SEJ (блог для СЕО-специалистов), анонсировавший очередной вебинар, имел интересный дизайн. Окно вмещало в себя довольно много информации — тема семинара, его содержание, ведущие, приобретаемые навыки, — но выглядел при этом аккуратно.

Совет. Используйте pop-ups для продвижения ваших вебинаров — это хороший инструмент для оповещений посетителей о грядущих событиях.

23. OPTIMONK

23. OPTIMONK

«Ой! Вы уходите с сайта. Более 80% ваших посетителей именно это и делают и уже никогда не возвращаются. Но вы можете изменить их намерение ДО ТОГО, как они покинут ваш сайт, используя Внутренний ретаргетинг. Загрузите книгу «Дзен-искусство внутреннего ретаргетинга» бесплатно»

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

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

24. LPGENERATOR

24. LPGENERATOR

LPgenerator также использует всплывающее окно для сбора данных о посетителях блога, которые заинтересовались предложенными материалами и хотели бы подписаться на ежедневную рассылку. Всего два поля — имя и адрес электронной почты — отделяют вас от полезного и увлекательного контента :)

Совет. Дайте понять потенциальному клиенту, что вы дорожите его временем. Создайте простую лид-форму и пообещайте нечто ценное в обмен на телефон или электронный адрес.

25. NEWSCRED

25. NEWSCRED

«Подпишитесь на нашу новостную рассылку, чтобы получать самый лучший контент прямо на ваш электронный ящик! Присоединитесь к 42 983 специалистам в области контент-маркетинга, которые уже работают над своим профессиональным ростом с помощью блога NewsCred»

Как было сказано выше, важно, чтобы рекламные окна отражали ваш бренд. Вы можете, например, рассказать о своем сообществе подписчиков, о том, сколько человек оно включает, как это сделали в Newscred.

Совет. Обратите внимание на красный цвет кнопки. А теперь попробуйте найти другие красные элементы в данном pop-up. Не можете? То-то и оно! Используйте особый цвет для своей кнопки CTA.

26. GLEAM

26. GLEAM

«Эй! Прежде чем вы уйдете… Нравятся наши посты? Получайте уведомления на почту»

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

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

27. MARKETIZATOR

27. MARKETIZATOR

«Подождите! Вот, что вы получите, если подпишетесь: А/Б тестирование, персонализацию, опросы. Начать (100% бесплатно)/Я отказываюсь! (Мне достаточно тех клиентов, что у меня уже есть.)»

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

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

28. ALIEXPRESS

28. ALIEXPRESS

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

Несмотря на эффектность послания, CTA-элемент не совсем точно выражает призыв к действию — пользователь не может знать, что именно ему предлагают купить, до того, как нажмет на кнопку.

Совет. Придерживаясь минималистичного стиля оформления, убедитесь, что ваш поп-ап ясно доносит смысл сообщения.

29. TIM FERRIS

29. TIM FERRIS

«От автора бестселлера «Как работать по 4 часа в неделю...» — новая инструкция «12 простых правил изучения иностранного языка». Узнайте, как вы можете выучить новый язык в рекордное время с помощью гида Тима Ферриса. Разблокировать гид/Нет, спасибо, мне не интересно»

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

Совет. Элементы вашего pop-up не обязательно должны быть вписаны в прямоугольник. Будьте креативными и выходите за рамки правил и pop-up окна!

30. WORLD CLASS

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 

17 мая 2016

LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней
blog comments powered by Disqus
copyright © 2011–2017 by LPgenerator LLC. Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "ЛПгенератор".