Всплывающие окна создаются для того, чтобы привлечь внимание к товару или услуге. Размещая их, следует учитывать предпочтения целевой аудитории. И нужно понимать — частое появление рекламы раздражает. Поэтому любые предложения следует показывать при активном действии пользователя или при его уходе с ресурса.
Зачастую сайты используют всплывающие окна, чтобы собрать подписчиков. Давайте подробнее узнаем о поп-апах и как их размещать на сайте.
Что такое поп-ап
Предположим, пользователь заходит на сайт посмотреть страничку и через пару минут экран темнеет и появляется сообщение, например, о новых скидках — это и называется поп-ап.
.png)
Блок скрывается и появляется по времени, что может вызвать раздражение посетителя. Хуже всего, когда кнопка «закрыть» отключена или не работает. Из-за этого получается отток посетителей. Пользователям легче закрыть страницу со статьёй, чем понять, как убрать рекламу.
Когда создали поп-ап
Код для открытия pop-up был написан в 1997 году. Это был первый шаг к тому, чтобы показать рекламу, при этом экономя место на сайте. Такая инициатива вызвала враждебность среди интернет-пользователей.
Новую технологию агрессивно использовали маркетологи, размещали рекламу, которая появлялась через несколько секунд после открытия странички. Так же этим инструментом злоупотребляли и мошенники. Они внедряли вредоносный код на сайт и при заходе на страницу появлялось сообщение, что ОС заблокирована, и нужно выслать деньги. Из-за этого о поп-апах сложилось плохое впечатление.
Зачем нужен поп-ап
Инструмент используют, чтобы собрать базу «теплых контактов» и предоставить клиентам интересное предложение, а также информировать о каких-то новостях — к примеру, о предстоящем вебинаре.
Насколько это полезно
По исследованию SUMO выяснилось, что конверсия от поп-ап составляет на 40 % больше, чем без поп-ап. При сборе данных проанализировано 2 млрд баннеров.
Другой сайт BlogMarketingAcademy утверждает, что при появлении всплывающих окон удалось поднять кликабельность. С поп-ап она стала выше, чем с другими форматами рекламы.
В данный момент мы активно используем поп-апы в панели управления наших сервисов: конструктора сайтов, регистратора доменов, сервиса для продажи билетов и сервиса для организации онлай-обучения. По каким поводам показываем: важные обновления и новости, акции, истекает тариф или домен, полезные рекомендации. Если говорить о пользе — однозначно полезно. По нашим оценкам, например, успех акции с подсвечиванием в поп-апе увеличивает продажи на 30–40%
Кто против
Как показывает исследование — 73 % посетителей относятся негативно к поп-апам. По информации Statista 25,8 % пользователей блокировали рекламу, и эта цифра будет только расти.
Примеры, где используется 👇
- Уменьшить процент отказов — при заходе на страницу пользователи просматривают статьи и если сайт плохого содержания, читатель закрывает страницу. Попытка этого избежать — это добавить всплывающее окно с текстом: «Уже уходите? Посмотрите наши новые статьи или подпишитесь».
- Увеличить количество подписчиков — используется для воронки продаж, чтобы прогреть аудиторию и получить покупателя. Сначала собирается база email-адресов, потом делается рассылка на бесплатные статьи и файлы и в конце поступает предложение о покупке товара. В качестве убеждающего фактора, предлагается, например, бесплатная книга или скидка. Для получения email-адресов используют всплывающее окно.
- Обратный звонок — этот способ встречается на сайтах поставщиков услуг. У пользователя появились вопросы. Чтобы получить ответы, нужно оставить номер телефона, по которому свяжется оператор и проконсультирует.
- Напоминание — если у вас интернет-магазин. Покупатель добавил товар в корзину, забыл про него и уже собирается уходить. Можно напомнить ему, что корзина не пуста, а в качестве стимула закончить оформление покупки предложить скидку 15 % или бесплатную доставку.
- Сегментация целевой аудитории — при оформлении подписки выбрать, какой товар присылать для мужчин или для женщин.
Способы появления блока 👇
- При клике на ссылку — при нажатии появляется поп-ап. Преимущество — экономит место на сайте и даёт возможность сделать удобный интерфейс. Недостаток — пользователю нужно совершить целевое действие.
Рекомендуется использовать для создания формы подписки которая будет вызываться при нажатии кнопки «Позвоните мне» или «Создать лендинг». Пример на картинке.
- Пролистывание страницы — поп-ап появляется, когда пользователь прокручивает от 50 до 70 процентов контента. Преимущество — можно показывать релевантные ссылки. Недостаток — читатель может промахнуться и пропустить промежуток появления поп-апа.
Использовать при показе других новостей или для ссылок поделиться. На Pinterest боковая панель появляется почти сразу, как пользователь начинает использовать скроллинг. Здесь предлагается зарегистрироваться.
- Временной поп-ап — временная отсрочка. Всплывает через некоторое время. Оптимальный вариант — 60 секунд после загрузки сайта. За это время пользователь успеет оценить сайт и принять решение остаться или уйти. Узнать самое эффективное время можно проведя A/B-тестирование, устанавливая разные значения — секунды. На картинке блок появляется по времени.
О создании хорошего поп-апа
Всплывающее окно должно решать поставленные задачи и при этом не раздражать. Вот несколько полезных рекомендаций по созданию поп-апов 👇
- Адаптивность — пользователи предпочитают просматривать информацию с мобильных устройств. Следует адаптировать под смартфоны.
- Понятный интерфейс — чтобы клиент быстро принял решения нужно позаботиться об удобстве. Кнопки и поля сделать крупными и заметными, чтобы проще было нажимать на телефоне.
- Окно не должно быть навязчивым — не следует открывать повторно форму после закрытия и рекомендуется добавить элементы «Я уже подписан» или «Не показывать больше».
- Чёткий призыв к действию — пользователь должен понимать, что от него хотят: «Читать статьи», «Подписаться» или «Перейти в каталог с товарами»
Побуждать клиента приобрести товар в настоящий момент без возможности отложить покупку на потом — именно та задача, с которой может помочь поп-ап Генератор клиентов за счёт того, что он:
— привлекает, а не раздражает внимание всплывающим баннером через 10-15 секунд после захода на сайт,
— влечет проявление интереса с помощью акций, скидок и спецпредложений,
— побуждает действовать «здесь и сейчас», за счёт ограничения по количеству времени через встроенный таймер
Полезна и фишка Генератора «Ловец на выходе», которая есть у поп-апа наших коллег в Envybox: эта функция отслеживает движение мыши и запускает всплывашку, когда курсор посетителя достигает области для закрытия страницы или изменения вкладок браузера.
В этом случае поп-ап можно показывать, когда посетители намерены покинуть сайт после добавления товаров в корзину, но не их покупки. А в качестве прочного стимула остаться послужит бесплатная доставка или дополнительная скидка — так и получается больше конверсий.
Как не следует делать pop-up
При создании всплывающего окна нужно соблюдать правила установленные организацией Coalition for Better Ads — это «коалиция за лучшую рекламу». Этих требований придерживается Google Chrome. Он принимает решения, какие сайты блокировать и как ресурс будет смотреться в глазах пользователя.
Согласно требованиям — нельзя:
- Встраивать в поп-ап видео.
- Создавать фиксированные окна с размером больше 30 % от всего экрана.
- Добавлять эффекты, которые могут раздражать. Динамическая смена цветов, мигающие элементы.
С полным текстом можно ознакомиться на странице сайта Coalition for Better Ads. Текст на английском. Там есть ссылки с подробным описанием и примерами.
3 совета о том, как не стоит делать поп-ап:
Правило первое: одно посещение — один показ поп-апа. Я в своей практике видел и то, как несколько окон показывалось одновременно, и то, как они выскакивали поочередно. Не нужно злить потенциальных клиентов. Правило второе: один поп-ап — одно требуемое от посетителя действие. Не нужно предлагать и подписку на рассылку, и скидку одновременно.
Правило третье: позаботьтесь о дизайне, шрифтах и цветах. Осторожно используйте красный цвет — он подходит для критически важных уведомлений, например, завтра сайт отключится в случае неуплаты
Какой способ показа выбрать
Выбор зависит от цели. Если хотите уменьшить процент отказа и увеличить вовлеченность, то подойдёт вариант с прокруткой.
Нужно провести анализ сайта: выявить самые просматриваемые статьи, узнать количество дочитываний. Этот показатель фиксирует среднюю длину сессии и прокрутку до конца. Когда требования выполнены, ставит отметку — «статья прочитана».
Предлагайте интересную статью для увеличения подписной базы. Например, тема: «Эффективное продвижение сайта — 5 лучших способов». Когда пользователь прочитает, предложите книгу за подписку «70 сервисов, где рекламировать сайт бесплатно». Сработает только на целевой аудитории, случайные пользователи пройдут мимо.
Другая ситуация — показ поп-апа по клику на кнопку. На странице добавляется кнопка «Забрать подарок», при нажатии появляется блок с описанием, какие действия надо предпринять взамен на подарок.
Стоит учитывать, что формирование подписной базы подпадает под закон о сборе информации о пользователях — поэтому с посетителей требуется получить разрешение. Достаточно опубликовать чекбокс со ссылкой на политику конфиденциальности и второй чекбокс — согласие на получение писем. Чаще всего на многих сайтах эти галочки стоят по умолчанию, но мы так делать не советуем: лучше всего, если согласие будет добровольным.
Если сайт собирает куки, здесь тоже нужно разрешение. В этом случае используется ненавязчивый поп-ап. Он крепится внизу экрана и сопровождается двумя кнопками «Ok» и «Cancel» или просто «Принять»
Поп-ап для пополнения базы подписчиков
Есть два типа всплывающих окон для сбора подписчиков:
- Появление сбоку, что не мешает просмотру контента.
- Открываются в центре, перекрывая текст. Закрыть можно только при совершении целевого действия. Нажатием на крестик или заполнением формы с отправкой.
Второй вариант навязчивый. Приходиться совершать лишние действия.
Поэтому, чтобы не вызвать раздражение, нужно показывать всплывающее окно по времени. Например, через 60 секунд после захода на сайт. За это время пользователь успеет посмотреть страницу ресурса.
Подписная форма создаётся для сбора подписчиков. Чтобы увеличить эффективность, прибегают к хитростям — предлагают книгу или обучающее видео. Форма должна состоять из нескольких элементов:
- Заголовок — название книги.
- Текст — описания, где вкратце рассказывается, про что содержание книги
- Два поля для заполнения — имя и email (иногда номер телефона). Почтовый ящик для рассылки, а имя при обращении к пользователю в письме. При исследовании было установлено, что пользователи чаще обращают внимания на письма, где указано его имя.
- Картинка — обложка книги, чтобы визуально видеть, что предлагают взамен на подписку.
- Чек-бокс — согласие на обработку данных.
Поп-апы отлично работают для пополнение базы подписчиков. Один из наших кейсов — мы показываем поп-ап с лид-магнитом в виде бесплатной книги о продвижении и таким образом набираем подписчиков в наш Telegram-канал
Примеры поп-апов
Приведем 7 примеров для бизнеса, где используется всплывающее окно.
- Лайтбоксы — самый распространенный вариант. Используется для сбора подписчиков. Суть в следующем появляется блок с формой, задний фон темнеет и все внимание сконцентрировано на содержание блока.
- Опрос — никаких навязчивых окон нет. Сайт одностраничник, вся страница посвящена книге, здесь описано, что входит в материал. Предлагается скачать бесплатно. При нажатии на кнопку, нужно пройти опрос, который состоит из 6 шагов. Последний шаг это оставить свои контакты. Таким образом, можно сегментировать целевую аудиторию и высылать материал по почте, узкому кругу пользователей.
- Апселлинг и Даунселлинг — на английский Upselling и Downselling.
Апселлинг — означает продать дороже. Покупатель присмотрел товар и добавил его к себе в корзину и тут появляется сообщение с предложением купить более дорогой товар с заманчивой скидкой.
Даунселлинг — аналогично предыдущему, только на продажу выставляется дешевый товар. Клиент смотрит каталоги и видит, что все дорого. При попытке уйти появляется сообщение приобрести такой же товар только по низкой цене.
- Подписка привязанная к нижней части браузера. При загрузке страницы появляется форма, где предлагается указать имя и email. По почте высылают промокод по которому дают скидку.
Преимущество: контент не блокируется и можно прокручивать даже с открытым блоком. Если мешает, есть кнопка «закрыть». Пример — ветеринарная клиника, где помимо лечения животных, продаются корма для кошек и собак. Достаточно один раз собрать подписчиков, и база клиентов сформирована. Хозяева регулярно покупают еду для своих питомцев.
- Полноэкранная — более агрессивная подача. Отличается от Лайтбокс тем, что окно занимает всю область браузера. На экране размещается предложение купить книгу или оставить email. Если пользователю не интересно, он может закрыть, нажав крестик. Такой способ продвижения в свое время использовал владелец сайта optimizemyairbnb.com. Подписная база выросла на 650 %.
- Exit-popup — один из лучших вариантов. Наибольший эффект можно получить, если выводить окно при уходе пользователя. Метод называется «намерение выхода». Скрипты на сайте фиксируют поведение курсора и показывают окно только тогда, когда пользователь решил уйти. Этот вариант менее навязчивый и отлично работает. RichPage испробовал этот метод и поднял конверсии на 316 %.
- Follow-up на сайте. Баннеры всплывают, основываясь на интересах пользователей. Возможности pop-up обширны, можно сделать таргетинговую рекламу и показывать её действительно заинтересованным лицам. В свое время эта стратегия помогла удержать 56 % клиентов в туристическом агентстве anywhere.com.
Чек-лист по созданию поп-ап
Всплывающие окна могут принести потрясающие результаты, если их правильно оформить. Оставляем чек-лист, как это сделать.
- Ознакомиться с требованиями по рекламе.
- Выбрать способ показа. Хороший результат дает полноэкранный режим и Exit-popup.
- Выбрать тип рекламы. Скидки, сбор подписчиков, опросы.
- Элементы крупных размеров. Кнопки и текстовые поля. Для удобства работы на телефоне.
- Адаптивность. Чтобы блок идеально смотрелся на всех цифровых устройствах.
Из чего должен состоять поп-ап:
- Текстовые поля.
- Кнопки.
- Описание.
- Картинка.
- Чек-бокс с политикой конфиденциальности, чтобы пользователь дал разрешение о сборе информации.
Поп-ап следует делать понятным, чтобы при одном взгляде пользователь понял, что нужно делать для получения подарка.
В заключении полезный совет — делайте A/B-тестирования, чтобы найти более эффективный способ применения всплывающего окна.
