Поп ап окна, по мнению многих, вызывают раздражение у пользователей своей назойливостью. А некоторые и вовсе утверждают, что просто ненавидят их.
Из-за такого отрицательного отношения аудитории многие компании отказываются от всплывающих окон при планировании своей маркетинговой стратегии.
Но не спешите списывать их в утиль. Разве pop up окна настолько ужасны? Зачастую предвзятое отношение навязано стереотипами.
При правильном использовании они помогают конвертировать больше посетителей сайта в ценных лидов и клиентов, не ухудшая их впечатления от сайта.
В этой статье вы узнаете, почему поп апы жизненно необходимы для конверсии и вдохновитесь классной подборкой примеров поп апов.
Почему pop up окна так важны для конверсии?
Маркетологи, которые не отказываются от них в своей повседневной практике, считают, что всплывающие окна дают высокую конверсию. Основные факторы:
Максимальное количество просмотров
Когда pop up окно появляется на определенной странице, его видит каждый посетитель, который соответствует заданным условиям. Таким охватом не могут похвастаться другие маркетинговые каналы, например, социальные сети, email, поисковые системы или форма регистрации сбоку экрана.
Помимо того, что поп ап появляется прямо перед глазами посетителя, он всегда содержит одно предложение, которое можно прочитать за 30 секунд. Это исключает множественность выбора и, как следствие, неопределенность клиента.
Почему pop up окна так важны? Если на странице блога или лендинге есть формы регистрации, которые могут похвастаться высоким показателем конверсии, pop up окна увеличат этот показатель за счет более широкого охвата аудитории.
Контакты для таргетированного взаимодействия
Если вы все еще думаете, стоит ли запускать персонализацию в кампаниях email-маркетинга, то сообщаем вам, что это следовало сделать еще 5 лет назад. Сейчас время других инструментов.
Учитывая, что вы можете настроить появление всплывающих окон в зависимости от типа страницы, проведенного времени, степени прокрутки страницы и других факторов, очень просто привлечь лидов по интересам. Например, если посетитель указал свои данные в pop up окне, чтобы получить ценный контент, то вы можете автоматически добавить его в автоматизированные капельные email-кампании.
Таким образом вы можете добавлять лидов в персонализированные email-цепочки, которые повышают шанс их конверсии в покупателя.
Упрощенный запуск промоакций
Никто не скажет “нет” предложению товара, который они хотят купить.
Если размещать всплывающие окна на продуктовых страницах, вы приклекаете внимание посетителей к товарам, которые им по душе. Также промоакции в pop up окнах могут затрагивать весь сайт, если они касаются ассортимента всего магазина.
Обратная связь
Что посетители думают о вашем сайте? Почему потенциальные клиенты уходят? Какие продукты они не нашли на сайте? Что покупатели думают о недавно приобретенном товаре?
Размещая поп апы с запросом фидбека на правильных страницах, вы можете получить больше информации об аудитории, чтобы в дальнейшем улучшить маркетинговые кампании и услуги, и бизнес в целом.
Это пример pop up окна с запросом фидбека от Нейла Патела:
Типы pop up окон
В зависимости от условий появления pop up окон, они делятся на 5 типов:
Окна, всплывающие при выходе с сайта
Часто случается так, что посетители покидают страницу навсегда. Благодаря форме на выходе, вы сможете получить контактные данные посетителей до того, как они ушли, а то и вовсе завлечь их обратно с помощью интересного контента.
Формы на выходе снижают показатель ошибок доставки на продуктовых страницах. Окна появляются, когда указатель мыши начинает двигаться в сторону значка “х” в верхней части браузера.
Окна, всплывающие через определенное время (с задержкой)
Торговое предложение имеет большую отдачу, если адресовано вовлеченным пользователям. Ключевым показателем вовлеченности является время, которое пользователь провел на странице.
Окна с задержкой появляются в момент, когда пользователь провел на странице определенное (заданное) время.
Окна, всплывающие при прокручивании
По аналогии с затраченным временем, еще одним показателем вовлеченности является прокрутка страницы вниз. Если вы считаете, что посетитель, который прокрутил 50% страницы, с большой вероятностью откликнется на ваше предложение, то окно при прокручивании, которое появляется после прокрутки 50% страницы, поможет увеличить конверсию.
Окна, всплывающие после нажатия
В момент, когда пользователь нажимает на ссылку, он уже сформировал мнение о вашем предложении. По этой причине такие pop up окна эффективнее других типов.
Они появляются в момент нажатия на определенную ссылку на странице. В большинстве случаев с описанием продукта пользователь успел ознакомиться на веб странице, поэтому в поп ап окне не нужно дополнительных пояснений.
Приветственные всплывающие окна
Хотя приветственные всплывающие окна довольно редко встречаются, они отлично подходят для рекламы промоакций и в целом для интернет-магазинов. Как следует из названия, такие окна появляются через несколько секунд после того, как посетитель открыл страницу.
Кроме непосредственно приветствия пользователя вы можете добавить предложение чего-то ценного в обмен на эл. почту. Чтобы все сработало, предложение должно быть релевантно для пользователя. Пример от Джеффа Гоинса:
Возможно, вам будет интересно:
Как блог может помочь в привлечении email-подписчиков
15 примеров классного рекламного копирайтинга
43 способа собрать качественную подписную базу
Конечно, вы можете поэкспериментировать с разными типами поп апов и выбрать тот, который имеет лучшие результаты.
15 примеров всплывающих писем: почему они так хороши
1. CountryLiving
Описание: окно, всплывающее при выходе, которое обещает рецепты для тех, у кого нет сил на сложную готовку после рабочего дня.
CountryLiving – это американский журнал о стиле жизни и обустройстве дома. Это pop up окно релевантно для аудитории, поскольку появляется на странице с идеями рецептов с курицей.
Сложно ошибиться с выбором продукта для поп апа, если вы по-настоящему проникнетесь проблемами аудитории. Здесь сделан акцент на выгодах, которые получат пользователи. Ценностное предложение ясное и четкое.
Например, читатели ищут простые рецепты ужина, на приготовление которых не уйдет много времени после тяжелого рабочего дня, и в тексте есть такая информация. Картинка радует глаз и показывает конечный результат, который получит читатель.
Текст призыва к действию описывает конечную выгоду – посмотреть рецепты. Кроме того, окно можно легко закрыть, нажав на крестик или где угодно за пределами окна.
2. Social Triggers
Описание: окно, всплывающее при выходе, которое заманивает вернуться в обмен на заманчивое предложение: 5000 подписчиков бесплатно.
Social triggers – это блог о маркетинге SMM-эксперта Дерека Халперна. И это один из лучших примеров поп апов. Здесь использован простой текст, который очень привлекателен для аудитории. Приобрести 5000 подписчиков уже само по себе приятно, да еще и бесплатно! Вы явно не ослышались.
Также он обещает обучение на примерах из практики. Такая формулировка делает этот поп ап очень соблазнительным для аудитории. Кнопка призыва к действию заметная.
И хотя Social Triggers, скорее всего, выполнят свое обещание, у большинства маркетологов не получится это сделать. Если вы пообещаете меньшее количество подписчиков, тогда эффективность pop up окна возрастет. Особенно, если вы позаботитесь о красивом оформлении и если пользователь, который увидит всплывающее окно, не в первый раз находится на вашем сайте.
3. Tim Ferriss
Описание: окно, которое появляется через определенное время и обещает электронную книгу, которая перевернет вашу жизнь.
Тим Феррисс – это мастер методик самопомощи и автор книги “Четырехчасовая неделя”. В этом pop up окне простой, но мощный текст: только такой может произвести впечатление на людей, которые ищут способы изменить свою жизнь. Призыв к действию ясно описывает, что читатели получат.
Кроме этого, Тим добавил фото улыбающегося самого себя, что определенно прибавляет шарма. Окно подразумевает 3-ступенчатый процесс: чтобы получить доступ к книге, необходимо оставить адрес эл. почты. Под кнопкой призыва к действию нет раздражающего текста, а само окно легко закрыть. Это отличный пример поп апа, который поможет вам увеличить подписную базу, если вы являетесь создателем контента, консультантом или автором книг.
4. Misen
Описание: приветственное всплывающее окно, приглашающее поучаствовать в конкурсе.
Misen – это компания, производящая кухонную утварь и принадлежности. Для ее аудитории нет ничего лучше, чем выиграть бесплатный нож. Также Misen ясно описывает в тексте выгоды от участия в конкурсе.
Такая прямота и маркетинговая честность определенно находят отклик в сердцах аудитории. Лаконичный дизайн и простой шрифт. В верхней части окна изображение ножа с фирменным логотипом Misen и яркая кнопка призыва к действию. Заметили, что нет поля “имя”? Misen максимально упрощает взаимодействие с аудиторией.
5. Jeff Bullas
Описание: приветственное всплывающее окно, которое просит пользователей указать свои контактные данные.
Джефф Буллас – маркетолог и автор популярного блога о маркетинге. Вместо того чтобы обещать золотые горы, автор сконцентрировался на одном обещании: увеличить трафик. Учитывая специфичность темы, будет легко добавить подписчиков в капельную email-рассылку.
Кроме этого, в окне качественное изображение книги, которую получат подписчики. Дизайн изображения и цвет кнопки призыва к действию перекликаются с дизайном сайта. Форма, оформленая в контрастных цветах, цепляет взгляд и ее просто заполнить (всего два поля). Это отличный пример окна, которое привлечет (много) email-подписчиков.
6. Esquire
Описание: всплывающее окно, появляющееся через определенный промежуток времени, которое призвано поменять ваше отношение к документальным фильмам Netflix.
Esquire – это американский мужской журнал о моде, политике, культуре и пр. В этом pop up окне предлагается лид-магнит (лучшие документальные фильмы) в обмен на email посетителя.
Зеленая кнопка призыва к действию и текст хорошо заметны. Черно-белое изображение выглядит как кадр из документального фильма и разжигает любопытство посетителя. Окно можно легко закрыть, нажав на крестик или в любом месте за пределами окна.
Всего одно поле для заполнения упрощает вид формы и ускоряет сбор подписной базы.
7. Old Navy
Описание: приветственное всплывающее окно, которое дарит 20% скидку. Просто потому что вы ее достойны.
Old Navy – это компания по изготовлению одежды и аксессуаров для мужчин и женщин. В этой ситуации скидка как нельзя кстати. Даже если пользователь пока не собирается делать покупку, то все равно подпишется, чтобы получить скидку на будущее.
Текст короткий и описывает выгоды от подписки. Кроме скидки, Old Navy обещает и другие преимущества для подписчика: информация о новых поступлениях товара, акциях и промокодах, эксклюзивных распродажах и пр.
Это предложение релевантно для покупателя. На картинке изображены улыбающиеся девушки в одежде Old Navy. Кнопка призыва к действию яркая, а текст ясный и четкий.
Если у вас есть интернет-магазин, то вы определенно должны попробовать такие поп апы для сбора подписной базы.
8. BigCommerce
Описание: всплывающее окно, появляющееся через определенное время, которое приглашает зарегистрировать пробный аккаунт. Конечно, бесплатный.
BigCommerce – это ecommerce-платформа. Pop up окно рекламирует пост блога, посвященный дизайну интернет-магазинов.
В этом поп апе содержится ясное и простое предложение. Добавив “Кредитная карта не требуется”, авторы полностью лишают потенциальных клиентов каких-либо рисков. Изображение интернет-магазина визуализирует услугу, которую получат пользователи.
Данное окно выполняет несколько функций: увеличивает базу контактов и конверсии, что является одной из главных метрик в онлайн бизнесе.
9. Help Scout
Описание: всплывающее окно, появляющееся после прокрутки страницы, которое убеждает, что нет ничего плохого в одержимости.
Help Scout – это сервис (инструменты) для организации клиентской службы поддержки. Текст pop up окна короткий, но очень убедительный.
В Help Scout считают, что посетители должны быть «помешанными на качественном клиентском обслуживании», учитывая его важность. Поп ап максимально ненавязчивый (как для поп апа), поскольку практически не загораживает контент веб страницы.
В тексте приведено социальное доказательство: указано, сколько людей уже подписалось (251 101 человек).
Указание такого точного количества вселяет доверие и кажется правдивым. Обратите внимание на этот прием, если хотите разместить форму в блоге.
10. SmartBlogger
Описание: всплывающая форма для писателей-фрилансеров, которая появляется спустя определенное время.
Smartblogger – это популярный блог с советами для писателей и обучающими материалами для фрилансеров: писателей и блогеров. Текст незамысловатый и описывает преимущество, к которому так стремятся многие писатели: зарабатывать больше денег на писательстве.
Также текст характеризуется конкретикой: указана сумма, которую писатель может заработать за один пост (200 долл.). Слово «бесплатный» привлекает внимание, а желтый цвет делает его еще более заметным.
Синяя кнопка призыва к действию цепляет взгляд, а фраза «Научите меня» вписывается в контекст: Джон Морроу (основатель SmartBlogger) является профессиональным писателем.
Некоторые маркетологи считают, что в CTA-кнопке лучше писать текст от первого лица, чтобы установить доверительные, персональные отношения и сделать акцент на отношениях вас (как маркетолога) с пользователем.
Но перед тем как внедрять эту тактику, советуем провести А/В тесты, чтобы понять, что работает для вашей аудитории и положительно сказывается на подписной базе.
11. Chubbies
Описание: приветственное всплывающее окно, которое предлагает 5 долл. на покупки.
Chubbies – это интернет-магазин мужского белья. Здесь предлагается 5 долл. в обмен на регистрацию в программе лояльности. Всплывающее окно релевантное, поскольку появляется на продуктовой странице.
Присутствует ощущение срочности, поскольку посетителей приглашают использовать подарок сегодня, хотя нигде не написано, что это ограниченная по времени акция. Окно легко закрыть, нажав на крестик или в любом месте за пределами окна.
Дизайн приятный, здесь мы видим яркие цвета, четкий заголовок и призыв к действию, которые просто невозможно не знаметить.
Если вы собираетесь воспользоваться этим примером, то учтите, что скидка 5 долл. уместна в случае, когда товары стоят в пределах 20-50 долл., но будет проигнорирована, если товары стоят больше 200 долл.
12. Backlinko
Описание: всплывающее окно, которое появляется после нажатия на ссылку и дает доступ к эксклюзивному контенту.
Backlinko – один из лучших блогов на тему SEO. Брайан Дин (основатель Backlinko) использует закрытый контент для привлечения лидов. Для того чтобы получить такой контент, пользователь должен зарегистрироваться / оставить свои данные.
После нажатия на кнопку «Получить доступ сейчас» под закрытым контентом появляется pop up окно. Минималистический дизайн, а шрифты и зеленая расцветка перекликаются с оформлением сайта Backlinko.
Также есть изображение первых строк поста, доступ к которому пытается получить посетитель. Слово «эксклюзивный» дает подписчику возможность почувствовать себя особенным. Шкала прогресса подсказывает, что до завершения осталось совсем немного.
13. Revolve
Описание: приветственное всплывающее окно, которое обещает 10% скидку в обмен на email-адрес.
Revolve – это фирма из Лос-Анджелеса по производству одежды для мужчин и женщин. Для такого интернет магазина приветственное всплывающее окно хорошо себя зарекомендовало. В конце концов, кто будет недоволен поп апом, который предлагает скидку 10%?
Благодаря черному цвету кнопку призыва к действию можно найти без труда. Изображение пленит и очаровывает: именно так должен выглядеть идеальный образ по мнению посетителей.
Кроме всего этого, здесь позаботились и о персонализации. Revolve может высылать релевантные письма тем, кто выбрал тот или иной пол, тем самым увеличивая шансы конверсии лидов в покупателей.
Этот пример pop up письма также сработал бы в случае, если бы он появлялся в момент, когда посетитель покидает страницу (особенно если он бросил корзину). Такая тактика снижает количество брошенных заказов и повышает уровень конверсии.
14. Digital Marketer
Описание: приветственное всплывающее окно, предлагающее лид-магнит (онлайн-семинар) для привлечения digital-маркетологов.
Digital Marketer – это популярный сайт digital-маркетинга, где маркетологи могут получить ценную информацию и обучающие материалы. Учитывая специфику ресурса, такое всплывающее окно непременно привлечет внимание.
Потенциальные лиды намного выше оценят онлайн-семинар, чем очередной пост блога или электронную книгу. Более того, кнопка призыва к действию содержит слово «бесплатно». CTA-кнопка зеленого цвета контрастирует с синим фоном окна, что делает ее еще более заметной.
15. Loaded Landscapes
Описание: всплывающее окно, появляющееся после прокрутки страницы, на которое фотографы откликнутся с большой охотой.
Loaded landscapes – это сайт о пейзажной фотографии. Учитывая этот фактор, всплывающее окно релевантно для аудитории.
В тексте поп ап окна содержится информация о количестве бесплатных пресетов для подписчиков. Кнопка призыва к действию яркая, а текст ясно описывает выгоду для подписчиков.
Всплывающие окна: рекомендации для оптимальной конверсии
Ниже мы представляем 7 советов, которым вы обязательно должны следовать при создании pop up окна.
Подчеркивайте выгоду (преимущество) для аудитории
«Какая мне от этого польза?» – это важная концепция в маркетинге, которая также применима и к всплывающим окнам. Зачем посетителю раскрывать свои персональные данные? Pop up окно должно содержать ценностное предложение (например, лид-магнит), которое посетитель посчитает достаточно хорошим, чтобы указать взамен свои данные.
Популярные статьи
Лучшие лид-магниты для лидогенрации – комплексное исследование GetResponse
19 убойных лид-магнитов, которые завоюют любовь вашей аудитории
Лид-магнит и предложение руки и сердца – что у них общего?
25 лид-магнитов, которые реально работают
Правильное время
От довольного лида до раздраженного посетителя всего один шаг, поэтому важно запустить поп ап в правильное время. К сожалению, нет идеального времени для каждого типа всплывающего окна. Поэтому нужно тестировать.
Конкретный этап воронки продаж
С технической точки зрения pop up – это (всегда) помеха для посетителя. Чтобы сгладить (неприятные) впечатления, pop up должен вписываться в воронку продаж. Страница, где вы планируете разместить pop up, находится в самом начале, в середине или в конце воронки продаж? Эту особенность должен отражать pop up.
Например, всплывающее окно со скидкой (промокодом), которое появляется на странице информационного поста, не найдет отклика, поскольку посетитель, вероятнее всего, находится в самом начале воронки, а на страницах блога уместны электронные книги или чек-листы.
Эстетика бренда
Если у посетителя при взгляде на pop up окно возникает мысль «Это реклама другой компании?», то вы провалили дизайн. Оформление pop up окна должно перекликаться с цветом, шрифтами и голосом бренда.
Оптимизированный текст и CTA
В pop up окне у вас в распоряжении всего несколько слов, чтобы убедить читателей. Поэтому вы должны хорошо их обдумать, и послание должно быть максимально коротким.
Что касается CTA-кнопки, призыв должен привлекать внимание посетителя, а в тексте должна быть описана выгода для подписчика.
Цели и A/B тесты
Как вы определяете успех или провал поп апов? Правильно: сравниваете полученные результаты и маркетинговые цели. По аналогии с маркетинговыми кампаниями, вы должны постоянно экспериментировать с pop up окнами, чтобы улучшать результаты.
Проводите А/В тесты различных элементов, чтобы понять, какой вариант лучше себя показывает с точки зрения конверсии. Элементы, которые можно тестировать: текст и кнопка призыва к действию, текст, цвет, тип pop up окна и пр. Лучше всего тестировать один элемент одновременно, чтобы точно знать, что именно повлияло на результаты.
Ненавязчивость
По понятным причинам вам хотелось бы, чтобы все посетители стали лидами, но вы не можете принуждать их к этому. Любой посетитель, который ненавидит всплывающие окна или не заинтересовался предложением, должен иметь возможность закрыть окно. Сделать это можно путем нажатия на крестик в верхнем правом углу и (или) нажатия на любое свободное пространство страницы за пределами pop up окна.
Также старайтесь не писать под CTA-кнопкой фразы вроде «Нет, я не хочу сделать свою жизнь лучше». В случае мобильных всплывающих окон вы должны быть вдвойне осторожны.
Как создавать всплывающие окна в GetResponse
В GetResponse весь процесс создания всплывающих окон состоит всего из нескольких шагов.
Создание всплывающих окон для лендингов
Войдите в конструктор лендингов GetResponse.
Выберите шаблон лендинга, с которым будете работать.
С правой стороны находится вертикальная панель с различными иконками – нажмите на иконку Форма.
Откроются доступные формы. Нажмите Всплывающие формы.
После этого появится коллекция различных типов всплывающих форм: форма на выходе, форма при прокрутке, закрепленная форма и пр.
После выбора типа всплывающей формы можно приступать к редактированию шрифта текста, фона, эффектов, времени появления и пр.
После окончания настройки нажмите Сохранить. Чтобы форма соответствовала требованиям GDPR, включите поля согласия.
Создание всплывающих окон для сайтов
Этот вариант подойдет, если вы хотите, чтобы всплывающие окна появлялись на стороннем сайте (не созданном в GetResponse). Для начала откройте раздел Формы и опросы в главном меню
Нажмите Создать форму, затем выберите Формы-приложения.
Выберите тип формы и отредактируйте ее, чтобы она соответствовала брендингу сайта, после чего нажмите Сохранить.
Появится сообщение с кодом JavaScript, который нужно разместить на сайте, чтобы всплывающее окно могло появляться.
Если вы хотите добавить pop up окно на сайт WordPress, ниже мы приводим три варианта действий:
- Вставьте код JavaScript вручную в хедер (лучший вариант);
- Добавьте его через Менеджер тегов Google (для продвинутых пользователей);
- Установите его через сторонний плагин (наименее рекомендуемый вариант).
Вот и все! Pop up окно готово!
Заключение
Несмотря на не всегда позитивное отношение к всплывающим окнам, они остаются важным инструментом конверсии посетителей сайта в лидов. Поп апы, которые рекламируют товар и при этом не раздражают пользователей, удерживают лидов, которые в противном случае покинули бы сайт навсегда.
А вы используете всплывающие окна в своих маркетинговых кампаниях? Если пока только планируете, то какой тип предпочитаете? Поделитесь в комментариях ниже.
Автор: Самюэль Олюмайд является профессиональным контент-маркетологом, который помогает стартапам и агентствам digital-маркетинга привлекать лидов и клиентов с помощью digital-маркетинга.