Что такое попап в яндекс почте
Перейти к содержимому

Что такое попап в яндекс почте

  • автор:

Что такое попап, примеры всплывающих окон и сервисы для их создания

Попап (Pop Up) — это элемент интерфейса, который может вызываться по клику или всплывать без запроса пользователя поверх основной страницы сайта в браузере, простыми словами — это всплывающие окна на сайте.

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

Попап-окна считаются слишком агрессивными, раздражающими, отталкивающими посетителей элементами сайта. Происходит это по трем основным причинам:

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

Однако при грамотном дозированном применении попап-окна приносят пользу и бизнесу, и посетителям сайта. В первую очередь, конечно, бизнесу.

Так, в 2019 году компания SUMO проанализировала почти 2 миллиарда всплывающих окон и выяснила, что их конверсия может достигать 9,28 %, а средняя конверсия составляет 3,09 %, что тоже совсем неплохо. SUMO за 2 года собрала с помощью pop-up огромную базу контактов потенциальных и действующих клиентов: 23 645 948 адресов электронной почты.

Присоединяйтесь к нашему Telegram-каналу!

  • Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
  • Для этого вам необходимо подписаться на наш канал.

В целом попапы решают три глобальные задачи:

  1. Лидогенерация — сбор контактов заинтересованных пользователей для дальнейшей работы.
  2. Увеличение времени посещения сайта и глубины просмотра — важных для SEO-продвижения поведенческих факторов.
  3. Повышение конверсионности сайта — и вот это уже совсем серьезно, потому что про деньги.

Читайте также:
Продвижение молодого сайта с нуля — как выйти в ТОП и не слить бюджет на SEO

Давайте рассмотрим на примерах, как используются попапы на сайтах.

Попап-окна: примеры практического применения

Попап-окна всегда предлагают посетителям сайта совершить какие-то действия, направленные на решение этих задач. Мы насчитали как минимум 18 вариантов таких действий. Вот что часто предлагают пользователям:

  1. Подтвердить права на аккаунт. Это один из вариантов обеспечения безопасности аккаунтов пользователя и предотвращения их использования мошенниками. Обычно для подтверждения прав просят ввести номер телефона, а затем полученный SMS-код
  2. Подписаться на рассылку и следить за новостями сайта/компании . Вспомнив о результате компании SUMO, можно с уверенностью сказать, что механика работает. Одно из многочисленных предложений подписаться на рассылку
  3. Разрешить сайту присылать уведомления . Хороший вариант дать человеку выбор, а не навязывать уведомления от сайта в браузере. В pop-up можно объяснить, чем человеку будут полезны уведомления
  4. Получить скидку. Хороший, понятный и работающий вариант побудить человека совершить какие-то действия на сайте. Финансовая мотивация всем понятна
  5. Принять участие в акции . Можно просто напомнить человеку о конкретной акции, а можно. . предложить перейти в раздел, где собраны все актуальные акции
  6. Оценить качество товаров или услуг . Фактически это сбор отзывов непосредственно на сайте: так можно получить оперативную обратную связь и подчеркнуть важность мнения конкретного человека. Последнее неплохо для поддержания лояльности аудитории. Компания поинтересовалась у пользователя, как можно улучшить сайт
  7. Поучаствовать в опросе. Такой мини-опрос пригодится для подготовки индивидуального коммерческого предложения.
  8. Разобраться во взаимодействии с сайтом . Попап-окна с подсказками помогут понять, как заполнить форму, как связаться с представителями компании или что сделать, чтобы получить скидку.
  9. Заказать обратный звонок . В окне, которое появляется по клику на кнопку обратного звонка, можно ввести номер телефона. Это выглядит логично и понятно
  10. Не бросать корзину . Нередкая ситуация: неавторизованный пользователь зашел на сайт, положил несколько товаров в корзину и собрался уходить. В этом случае уместно напомнить ему, что для сохранения корзины на сайте необходимо авторизоваться. Для бизнеса это возможность в дальнейшем настроить на такого пользователя ретаргетинг и напоминать ему о незавершенном заказе.
  11. Поделиться контентом . Репосты контента — золото блогов. Рационально продемонстрировать пользователю окно с предложением поделиться контентом. Поделиться контентом должно быть просто: один клик — и все готово
  12. Связаться с менеджером компании . Возможность быстро получить ответы от представителей компании — большая ценность, особенно если отвечает не бот, а живой человек, эмпатичный и владеющий информацией. Впрочем, для ответов на стандартные вопросы годится и чат-бот.
  13. Получить персональный промокод . Классическая мотивирующая механика — промокод на скидку или получение подарка в дополнение к заказу. При такой работе важна именно персонализация, эффект личного общения с посетителем сайта. К посетителю обратились по имени, показали, что помнят адрес, и предложили скидку
  14. Перейти в более удобный канал коммуникации . Времена меняются, меняются адреса электронной почты и предпочтения человека. Попап-окна помогут не потерять пользователя. . а перейти на новый уровень общения
  15. Полнее использовать функционал сайта . Если какие-то функции появились недавно или используются неактивно, можно сообщить о них. Так соцсеть «Одноклассники» продвигает возможность слушать музыку на сайте
  16. Узнать о поступлении товара или о снижении его цены . Эта механика повышает комфорт для пользователя и может позитивно повлиять на объемы продаж. Пример pop-up с предложением узнать о поступлении товара
  17. Посмотреть новинки . В интернет-магазинах можно увидеть всплывающие окна с предложением посмотреть новые коллекции одежды, обуви, сумок и косметики. В блогах — с предложением почитать новые статьи.
  18. Получить полезный лид-магнит . Популярный вариант, когда в обмен на контактные данные пользователя он получает тематическую информацию, которая может быть ему полезна. Например, на сайте застройщика это может быть памятка по выбору квартиры

Создание сайтов

  • Разработка эффективных сайтов для продаж в интернете.
  • Создаем сайты с нуля любой сложности, от сайтов визиток до интернет-магазинов и крупных порталов.

Выбор попапа для сайта

Попап-окна делятся по условиям показа, целям и количеству касаний с пользователями.

    Приветственное окно, или entry pop-up . Появляется сразу после перехода пользователя на страницу. Может демонстрироваться только тем, кто зашел на сайт впервые или в режиме инкогнито, а может появляться при каждом посещении.

Эти окна точно привлекают внимание (но не обязательно в позитивном ключе), блокируют доступ к контенту сайта и остаются открытыми до тех пор, пока посетитель не совершит конверсионное действие или не закроет попап принудительно.

Если такое окно перекрывает практически весь контент сайта, оно называется page-stop.

Вот так может выглядеть page-stop

Приветственный page-stop считается одним из наиболее агрессивных и раздражающих видов всплывающих окон.

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

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

Вариант сегментации: от выбора пользователя зависит, какой полезный материал он получит

Также приветственные окна могут быть персонализированными и демонстрировать максимум внимания к пользователю.

Простое попап-окно с обращением по имени вызывает доверие и повышает лояльность
Окно пролистывания, или scroll pop-up. Появляется после того, как пользователь пролистал определенную часть контента: обычно это от 40 до 70 %. Окно пролистывания можно использовать, чтобы попросить поделиться контентом, донести информацию об акциях. . или же предложить подписаться на рассылку

А еще с помощью попап-окон пролистывания можно приглашать заинтересованных пользователей.

. поучаствовать в закрытой распродаже

Окно с отсрочкой по времени, или timed pop-up. Вариант окна пролистывания, но привязанный не к просмотру контента, а ко времени пребывания посетителя на сайте. Хорош тем, что можно проанализировать маркетинговые данные, понять, какое время в среднем проводят на сайте пользователи, и показывать попап близко к этому времени.

Здесь можно предложить заказать обратный звонок, перейти в другой раздел сайта, посмотреть новые поступления, получить демо-доступ к онлайн-сервису или.

. получить особые условия. Например, особую цену

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

. а зайти через интерес к конкретному товару и выгоду пользователя

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

Вот так выглядит механика «хочу дешевле» — привлекательный вариант!

Выезжающие окна, скроллбоксы или pop-out. Они выезжают сбоку, сверху или снизу экрана при совершении конкретного действия. Но не обязательно: скроллбоксы могут быть закреплены в определенном месте экрана — справа или слева, снизу или сверху.

Используются такие попап-окна для подсказок пользователям.

. например, о том, как получить помощь по подбору товара

Можно использовать скроллбоксы и для сбора подписной базы.

Например, вот таким способом

Еще возможный вариант использования — как pop-up для обратной связи.

Такой попап закреплен внизу экрана, перед самым подвалом

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

Click pop-up можно использовать для показа формы обратной связи, для подсказок по работе с интерфейсом сайта…

. или для напоминания о товаре, по описанию которого кликнул посетитель

Попап-окна с появлением по клику логично использовать и для заказа обратного звонка.

. или для звонка в компанию прямо с сайта

Возвращающие окна, или exit pop-up . Их также называют «ловцами лидов» — они появляются в момент, когда человек уже готов покинуть сайт, не совершив ни одного нужного владельцу сайта действия. В каком-то смысле это попап последней надежды, он всегда ориентирован на удержание пользователя.

В exit pop-up можно предложить…

. подарок или демо-доступ к сервису

Часто в возвращающих попап-окнах пользователям предлагают и скидки. Можно предложить также авторизацию для тех, кто заполнил корзину, но не завершил оформление заказа.

Это позволит напомнить человеку в рассылке об отложенных товарах

Можно использовать возвращающие попап-окна для получения быстрой обратной связи.

Например, предложив оценить удобство / информативность / интерфейс сайта с помощью смайлов

Еще один вариант — предложить пользователю пройти небольшой опрос.

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

Читайте также:
Что такое лид в продажах и лидогенерация

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

для дополнительной сегментации аудитории и последующей работы с ее отдельными группами

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

Используют многошаговые попап-окна и для тестирования.

. которое поможет подобрать оптимальный товар

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

Можно предложить человеку помочь Деду Морозу — кто же от такого откажется?

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

. или подарок-приз, который он получит

Продвижение сайта по лидам

  • Никаких абстрактных показателей эффективности SEO.
  • Оплата продвижения только за совершенные целевые действия: заявки, звонки, оформление заказа, регистрация.

Создание попапа: подборка российских сервисов

Leadgenic

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

Можно пользоваться сервисом бесплатно, и за 690 рублей в месяц. далее возможны варианты

  • Бесплатные возможности : есть полностью бесплатный тариф с ограниченным функционалом.
  • Стоимость: от 23 рублей в сутки в зависимости от масштабов и задач бизнеса.

JumpOut

Этот российский сервис для создания попап-окон отлично работает с «Яндекс.Метрикой», что важно для настройки сквозной веб-аналитики. Требуется установка кода сервиса на сайт.

Разработчики предусмотрели целую линейку тарифов

  • Бесплатные возможности : есть полностью бесплатный тариф с ограниченным функционалом.
  • Стоимость : тарифы до 999 рублей в месяц.

Mindbox (бывший PopMechaniс)

Сервис, а точнее, отдельный модуль Mindbox по персонализации, которым стал PopMechanic, предоставляет пользователям статистику по показам попап-окон и их заполнению. Требует установки на сайт кода. Заявлены более 150 шаблонов.

Сервис теперь работает по подписке, и это получается недешево

  • Бесплатные возможности: есть демоверсия.
  • Стоимость: подписная модель. Минимум — 12 480 рублей в месяц.

Читайте также:
15 лучших конструкторов или как сделать сайт бесплатно

Вместо вывода. 10 ошибок при создании попапов

На самом деле возможных ошибок, конечно, больше. Но мы собрали наиболее распространенные и — на наш взгляд — значимые.

  1. Поспешность. Если показывать любые окна, кроме приветственных, в первые секунды пребывания человека на сайте, он не поймет, о чем идет речь и насколько ему это интересно, и может уйти. Исключение составляют компактные окна, уточняющие локацию: они воспринимаются как полезная подсказка. Так использует попап-окно для уточнения локации магазин LaModa
  2. Агрессивные окна. Крупные счетчики обратного отсчета или предложения подписаться в приветственном pop-up, когда человек еще даже не понял цель подписки, могут сослужить плохую службу бизнесу. Окно выглядит очень агрессивно и вряд ли способно сделать пользователя более лояльным
  3. Неумеренность. Видеть сразу 2-3-4 всплывающих окна на сайте неприятно и обременительно. Часть пользователей может просто уйти, натолкнувшись на такую навязчивость. Вот здесь попап-окна перекрывают даже друг друга. Зачем и для чего?
  4. Незаметная кнопка «Закрыть окно» . Прятать такую кнопку, делать почти невидимой или видимой не сразу — не самая лучшая задумка в момент, когда информационная конкуренция в интернете растет. Пользователю должно быть удобно на сайте, а квесты с поиском заветного «крестика» удобству точно не способствуют. А вот здесь все видно, понятно и удобно
  5. Автоматическое включение звука . Возможность сделать звуковое сопровождение есть на сервисах по созданию pop-up. Но лучше дать возможность человеку самому включить звук: это хороший тон и показатель уважительного отношения к посетителям сайта.
  6. Отсутствие полезной информации. Не скупитесь на полезную информацию, ведь она делает человека более лояльным. Например, расскажите о возможностях бесплатной доставки или напомните о сроке действия промокода — это выгодно и продавцу, и покупателю. Пример полезной информации, которую доносит до человека попап
  7. Желание обойти адблокеры, если человек их установил . Покажите пользователю, что уважаете его выбор. . и, возможно, он сам захочет видеть окна на вашем сайте
  8. Показ одного и того же окна несколько раз. Вновь возвращаемся к теме навязчивости — одного показа за одно посещение вполне достаточно, чтобы не раздражать пользователя. И не вызывать у него усталость от рекламы, или ad fatigue.
  9. Показ рекламы с места в карьер . Не размещайте в качестве приветственного окна стороннюю рекламу. . как делает сайт газеты «Ведомости». Это отталкивает посетителей
  10. Отсутствие мотивационной составляющей. Если не просто предложить подписаться на рассылку, а сделать выгодное мотивирующее предложение.

. то подписную базу можно собрать намного быстрее

Попап (всплывающее окно)

В Unisender есть все для рассылок: можно создавать и отправлять клиентам письма и SMS, настроить чат-бота и делать рассылки в Telegram и даже собрать простой лендинг для пополнения базы контактов.

Всплывающее окно (попап) — это элемент интерфейса, который отображается поверх веб-страницы в браузере. Оно внезапно «всплывает» без запроса пользователя или появляется по клику.

Пример pop-up

Пример pop-up с подпиской на рассылку

Всплывающие окна: за и против

Отношение к всплывающим окнам неоднозначное. Большинство пользователей их не любит. Опросы потребителей показывают , что 73% интернет-аудитории не одобряют попапы.

По данным Statista, в 2019 году примерно 25,8% интернет-пользователей блокировали рекламу на своих устройствах и, соответственно, блокировали и всплывающие окна. Ожидается, что востребованность блокировщиков будет только расти. Уже сейчас практически четверть попапов не достига ет своей аудитории.

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

Вредоносное всплывающее окно

Вредоносное всплывающее окно требует оплаты для восстановления доступа к системе

К счастью, негатив вокруг попапов постепенно стихает. При правильном применении всплывающие окна — ценный инструмент маркетинга. SUMO проанализировали 2 млрд всплывающих окон и выяснили , что их конверсия может достигать 40+%. Главное — использовать pop-up правильно.

BlogMarketingAcademy заявляет , что всплывающие окна на сайте показали наилучшую кликабельность в сравнении с другими видами рекламы — около 2%. А BitNinja, В2В-стартап, внедрили pop-up и в результате увеличили конверсию посетителей в подписчиков на 114%.

Зачем нужны попапы

Попапы применяют для следующих целей:

  • привлечь подписчиков;
  • сообщить новости;
  • оказать техподдержку;
  • показать рекламу;
  • рассказать о товаре (предпросмотр карточки);
  • получить заявки от клиентов.

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

Конверсионные попапы позволяют:

  • Привлечь внимание . Очень малый процент пользователей будет досконально изучать ваш сайт. Поэтому часть контента они просто проигнорируют. Всплывающее окно привлекает внимание посетителя и показывает ему важную информацию. Например, рассказывает о текущей акции или предлагает скидку на покупку.
  • Тонко настроить условия показа . Можно настроить время появления окна, длительность его отображения, содержание. К примеру, пользователь просматривает страницу товара. В момент, когда длительность просмотра достигнет заранее заданного времени, всплывёт окно с предложением купить товар по сниженной цене.
  • Сегментировать аудиторию, которая видит попап . К примеру, во всплывающем окне пользователю предлагают подписаться на рассылку интернет-магазина. При этом у клиентов есть возможность выбрать рассылку с товарами для мужчин или с товарами для женщин.

Ещё одно важное преимущество попапов — всплывающее окно для сайта несложно сделать самостоятельно с помощью специальных сервисов и плагинов. Об этом мы расскажем чуть ниже.

Типы попапов

Все попапы делятся на 2 основных вида: hello-board и page-stop.

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

Пример hello-board

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

Пример page-stop

Hello-board раздражают пользователей меньше, чем page-stop, поскольку они менее навязчивы и их можно просто проигнорировать. Но page-stop считаются более эффективными, поскольку заставляют пользователей остановиться и ознакомиться с информацией. Например, компания AWeber провела исследование сайта клиента и выяснила , что page-stop принесли в 14 раз больше регистраций, чем форма сбоку.

Да, попапы Hello-board менее заметные. Кроме того, очень часто встречаются абсолютно серые попапы, за которые в принципе не цепляется внимание, поэтому да, их очень часто игнорируют.

Page-stop эффективнее, но — при соблюдении отдельных правил. Например, крестик должен действительно закрывать попап, а не просто быть :).

Сооснователь контент-агентства 4X

Как использовать всплывающие окна

Попапы различаются по цели применения и условиям показа. Перечислим основные варианты их использования.

Приветственное окно (entry pop-up)

Когда появляется . Всплывает сразу при загрузке страницы и блокирует контент до того, как посетитель его увидит.

Преимущества . Гарантированно привлекает внимание пользователей. Чтобы убрать окно, посетитель должен выполнить требуемое действие или закрыть попап вручную.

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

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

Окно-приветствие

Окно-приветствие не даёт ознакомиться с контентом до своего закрытия

Окно с временной отсрочкой (timed pop-up)

Когда появляется . Всплывает через определённое время после того, как пользователь зашел на страницу.

Преимущества . Вы можете настроить, через какое время будет всплывать pop-up.

Недостатки . По поводу точного времени показа нет единого мнения. Оптимальный вариант — показывать окно не раньше, чем через 60 секунд после загрузки сайта. Этого времени достаточно, чтобы пользователь оценил сайт и решил, остаться ему или уйти. Но все-таки лучшее время показа определит только тест. Например, A/B-тестирование, проведённое сервисом LeadGenic, показало, что показ попапа через 2 секунды после входа принес больше конверсий, чем более поздние показы.

Когда лучше использовать . Через timed pop-up можно предлагать подписаться на рассылку или посмотреть другой раздел сайта, привлекать лиды, собирать заявки на обратный звонок, предоставлять демо-доступ к сервису и прочее.

Чтобы определить время отсрочки, изучите отчёты Google Analytics. Посмотрите, каково среднее время пребывания на странице и настройте появление pop-up примерно на 50% от этого времени.

Отчёт в Google Analytics

Сколько времени люди проводят на странице. Отчет в Google Analytics. Считается, что если настроить время появления попапа на 50% от этого показателя, то окно не будет раздражать и сможет хорошо конвертировать

Окно по пролистыванию (scroll pop-up)

Когда появляется . Всплывает, когда пользователь пролистает определённый процент страницы. Пролистывание обычно устанавливают на 40-70% прочтения.

Преимущества . Можно показывать пользователю предложение, максимально релевантное просматриваемому контенту.

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

Когда лучше использовать . В scroll pop-up можно просить поделиться контентом, рассказывать пользователям о новостях и текущих акциях, предлагать подписку на рассылку.

Руководствуйтесь статистикой о средних доскроллах страницы, чтобы определить лучшее время для показа попапа. Также можно использовать данные тепловизоров для сайтов (например, Вебвизор Яндекс.Метрики ), когда будете задавать условия для появления окна. С помощью тепловизоров можно посмотреть, как ведут себя посетители на сайте и до какого момента в среднем прокручивают страницу.

Вебвизор Яндекс.Метрики

Вебвизор Яндекс.Метрики показывает видео поведения пользователей на странице

Окно прощания (exit pop-up)

Когда появляется . Отображается в момент, когда посетитель собирается покинуть сайт.

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

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

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

Окно прощания

Не лучший пример окна-выхода: не понятно, почему пользователь должен остаться

Окно со всплытием по клику (click pop-up)

Когда появляется . Всплывает, когда пользователь совершит определенное целевое действие. Например, кликнет по ссылке или кнопке.

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

Недостатки . Если пользователь не выполнит нужное действие для показа попапа, то он его и не увидит.

Когда лучше использовать . Такой тип окон можно использовать для показа формы подписки или обратной связи. В click pop-up также можно показывать подсказки или уточнения. Например, пользователь кликает по кнопке «Перезвоните мне». Сразу всплывает окно с формой заказа обратного звонка.

Pop-up с заказом обратного звонка

Pop-up всплывает после клика по кнопке «Перезвоните мне»

Это только несколько возможных вариантов использования pop-up. Однако всплывающие окна можно применять и для иных целей. Например, после заполнения пользователем формы подписки можно показать pop-up с текстом благодарности. При выборе определённой услуги может всплывать окно с кратким рассказом о сути услуги и о текущих акционных предложениях.

Элементы всплывающего окна

Любая форма попапа состоит из трёх частей:

  1. Заголовок . Он должен пояснять содержание и быть понятным. Лучше использовать простые слова и короткие фразы. Пользователю должно быть с первых секунд ясно, что это за форма. Например, «Подпишитесь на рассылку», «Получите скидку».
  2. Основная часть . Это может быть текст или форма. К примеру, текстом можно рассказать о текущей акции, выгодном предложении или подарке. Форму обычно используют, чтоб собрать пользовательские данные: имя, email, номер телефона.
  3. Призыв к действию . Например, кнопка или подпись со ссылкой. Этот элемент мотивирует клиентов совершить целевое действие. Например, вы можете предложить подписаться на рассылку, заказать обратный звонок или скачать pdf-книжку.

Элементы pop-up

Правильная форма не оставляет вопросов о том, зачем с ней взаимодействовать

Важно!

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

Хорошо работают попапы, в которых в основной части есть не только форма сбора контактов, но и перечислены выгоды клиента. Мы рекомендуем именно такой вариант, потому что, по опыту, условное «подпишитесь на рассылку» работает хуже, чем «подпишитесь на рассылку и получите что-нибудь».

А ещё в попапах, которые собирают контакты, отлично работает соцдоказательство — количество подписчиков, которые уже читают рассылку. Создаётся ощущение, что ты один не курсе, когда все остальные уже ее читают :).

Сооснователь контент-агентства 4X

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

  • О чём вы хотите рассказать? Ответ сформулируйте в виде понятного заголовка.
  • Что это даст пользователю? К примеру, он сможет прочитать условия акции, увидеть форму подписки или описание рекомендуемого раздела. От ответа зависит содержание основной части.
  • Какое действие должен совершить пользователь? Это может быть регистрация, подписка на рассылку, переход по ссылке. Ответив, вы поймёте, каким должен быть текст на кнопке призыва к действию.

Как правильно оформить pop-up

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

Вот 5 правил хорошего попапа:

  1. Понятный интерфейс . У пользователя должна быть возможность сразу принять решение, а не разбираться с функционалом. Текст, поля и кнопки должны быть крупными и заметными.
  2. Адаптивность . Учитывайте, что немалая часть трафика приходится на мобильную аудиторию. Всплывающее окно должно полностью помещаться на экране смартфона и быть удобным для просмотра. С закрытием попапа не должно возникать сложностей.
  3. Уместность демонстрации . Нужно учитывать логику показа окна и ее релевантность текущим действиям пользователя. Например, нецелесообразно показывать форму подписки тем, кто уже оставил свой email или предлагать подписку на новые статьи сразу после перехода в блог.
  4. Pop-up не должен быть навязчивым . Если пользователь закрыл окно, оно не должно открываться вновь. Также не стоит несколько раз подряд предлагать одно и то же. Можно предусмотреть на окне надпись «Я уже подписан» или «Не показывать больше».
  5. Чёткий призыв к действию . Пользователю нужно понимать, какого действия от него ожидают. Например — «Подписаться на рассылку», «Перейти в каталог товаров», «Читать блог».

Практически в любом сервисе по созданию всплывающих окон все перечисленные требования можно настроить вручную. Если же вы ставите ТЗ на создание попапов верстальщику, не забудьте прописать это в требованиях.

При создании всплывающих окон нужно учитывать, что попапы — это форма рекламы. Поэтому, следует соблюдать требования Coalition for Better Ads — « Коалиции за лучшую рекламу », созданную ведущими международными торговыми ассоциациями и компаниями. Требованиями Coalition for Better Ads руководствуется Google Chrome, когда решает, нужно ли блокировать сайт и в каком виде его увидит пользователь.

Согласно Coalition for Better Ads нельзя:

  • вставлять в попапы видео с автозапуском;
  • настраивать фиксированное всплывающее окно, закрывающее 30+% площади экрана;
  • применять агрессивные эффекты вроде динамического изменения цветов или мигающих элементов.

Полный текст требований Coalition for Better Ads можно изучить на сайте коалиции . Кроме того, отчет о качестве рекламы доступен в сервисе Google Search Console. Владелец сайта с подтверждёнными правами может изучить отчёт и выявить нарушения стандартов Coalition for Better Ads.

Как создать pop-up

Для создания попапов можно использовать следующие способы:

  1. Специальные сервисы по созданию всплывающих форм. Например, Hellobar , GetSiteControl , Plerdy , WisePops , Keplerleads . В блоге мы рассказывали о 10 лучших сервисах, чтобы сделать попап .
  2. Сервисы рассылки со встроенным редактором всплывающих форм (например, Unisender).
  3. Аутсорс. Нанимаем верстальщика, который соберет попап вручную и поставит код на сайт.

Кроме того, создавать попапы можно с помощью различных плагинов. Например, с помощью плагинов попапов для WordPress:

  • ConvertPlug .
  • Popups Generator .
  • Layered Popups .
  • Ninja Popups for WordPress .

Всё о всплывающих окнах — поп‑апах. Что в них добавляют и как сделать хороший поп‑ап

Разбираемся, что такое всплывающие окна и зачем они нужны на посадочной странице.

Иллюстрация: Оля Ежак для Skillbox Media

Герман Хватков

Герман Хватков
Редактор Skillbox Media. Пишет о бизнесе и маркетинге вместе с экспертами.

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

Поп-апы — работающий инструмент для посадочных страниц. Например, после того, как издание Entrepreneur добавило поп-ап на свой сайт, число подписчиков email-рассылки выросло на 85%, а объём продаж — на 162%.

В этой статье разберёмся, как создать поп-ап и какие маркетинговые предложения в него можно «зашить».

  • Зачем используют поп-апы
  • Как сделать эффективный поп-ап: советы
  • Создаём поп-ап в конструкторе Tilda

Для чего используют блок поп-ап

Чтобы собрать базу «тёплых» контактов. Для этого поп-апы используют чаще всего. Во всплывающем письме размещают форму подписки на рассылку или предложение оставить свой номер телефона. В первом случае пользователям посылают письма — как продающие, так и с полезным контентом. Во втором — номер передают в отдел продаж, чтобы менеджеры позвонили пользователю.

Иногда, чтобы увеличить конверсию, пользователям предлагают бонус за подписку. Например, бесплатную электронную книгу, чек-лист или небольшой email-курс. Этот бонус называется лид-магнитом.

Чтобы снять барьер первой покупки. Во всплывающих окнах также размещают трипваеры. Это предложения продуктов по символической цене — например, обучающий мини-курс за 99 рублей.

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

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

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

Как сделать эффективный поп-ап

Объясните, какую ценность пользователь получит после целевого действия. Используйте сильный призыв: пользователь должен понять, что достанется ему в обмен на контакт. Нужно, чтобы баннер выделялся на фоне страницы.

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

Замеряйте эффективность всплывающего окна. Тестируйте его расположение и размер, отдельные элементы и условия показа. Это поможет найти наиболее эффективный вариант. Иногда работают нестандартные приёмы. В сервисе OptinMonster, например, остановились на вопросе, на который не так просто ответить «нет»:

Адаптируйте формы для мобильных. Форма должна читаться с гаджетов и помещаться на экране полностью — иначе пользователю придётся уменьшать масштаб экрана, чтобы её закрыть. Это может раздражать, и пользователи будут уходить.

Дайте возможность легко отказаться от предложения. Например, в конструкторе Tilda в меню «Настройки триггера» можно указать, на сколько дней запоминать посетителя сайта, чтобы не показывать ему один и тот же поп-ап. Также можно дать пользователю возможность отказаться самому: для этого стоит добавить кнопку «Не показывать больше» или «Я уже подписался».

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

Создаём поп-ап в конструкторе Tilda

Теперь посмотрим, как создать всплывающее окно. Сделаем это в конструкторе Tilda. Важно: для этого понадобится подключённый тариф Personal или Business.

Переходим в меню «Все блоки», которое находится внизу страницы создаваемого сайта, и кликаем на меню «Форма и кнопка». Далее выбираем один из форматов поп-апа:

  • «Popup: форма подписки» — подходит для email-рассылки, появляется по центру страницы.
  • «Popup: форма в углу экрана» — также подходит для email-рассылки. В отличие от первого варианта, находится в углу страницы, а не по центру.
  • «Popup: форма с множеством полей» — форма заявки, в которую можно добавить не только поле email, но и, например, поля «имя» и «телефон».
  • Popup: information — поп-ап без формы обратной связи: блок с информацией и кнопками. Подходит для предупреждения о сборе cookies.

В Tilda можно настроить появление блока:

  • при клике на заданную ссылку;
  • при скролле страницы до определённого места;
  • по времени — через заданное время пребывания на сайте;
  • при закрытии страницы.

Для примера разберём, как настроить поп-ап, чтобы он появлялся через определённое время:

  • Когда добавите блок в меню «Pop up», для него автоматически будет указана ссылка. При желании её название можно изменить.
  • В меню «Контент» пропишите ссылку вида: #subscribepopup — слово может быть любым.
  • Выберите специальный блок-триггер на странице, который вызовет появление элемента при скролле. Триггер можно задать в категории «Другое». Нужен блок T183.
  • В меню «Контент» укажите ту же ссылку, которую задали в меню «Pop up».
  • В меню «Настройки» — «Таймер (в секундах)» укажите время, через которое должен появиться блок.
  • В меню «Настройки» триггера в поле «Cookie life time» укажите период, на который нужно запоминать посетителя.

В Tilda есть видеоинструкция, как настроить поп-ап по таймеру:

Главное о поп-апах:

  • Поп-ап — это всплывающее окно. Чаще всего он появляется через некоторое время после того, как пользователь заходит на страницу.
  • В поп-апах предлагают подписаться на email-рассылку, оставить имя и телефон для дальнейшего общения.
  • Поп-апы также используют для информирования о сборе cookies и для призыва отключить сервис блокировки рекламы.
  • Поп-ап может запускаться при клике на ссылку, при скролле страницы, через определённое количество секунд пребывания на сайте или при попытке закрыть страницу.

Что ещё почитать в Skillbox Media об инструментах маркетинга

  • Стартовый гайд по узнаваемости брендов: что это такое, как её измеряют и как повышают
  • Главное о программах лояльности в 2022 году. Тренды, работающие механики и моветон
  • Метрики для email-рассылки: Open Rate, Click Rate и CTOR — как их считать и с чем сравнивать
  • «Яндекс.Метрика»: главные отчёты и функции, о которых должен знать даже новичок
  • Главное о тизерной рекламе. Что это такое, кому она подходит, где её купить и как настроить

Email Pop-up: полное руководство с 15 отличными примерами

Email Pop-up — это небольшая часть информации, которая отображается поверх основного контента сайта. Поп-ап поможет вам получить новых потенциальных клиентов, подписчиков на рассылку, отзывы или повысить эффективность ваших email кампаний. Форма подписки предназначена для вовлечения пользователя и привлечения дополнительного внимания к конкретной информации или предложению.

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

Эффективны ли поп-ап.? Да, если все сделано правильно.

Форма подписки помогает:

  • Совершить желаемое действие,
  • Подписаться на вашу рассылку, акции, дополнительную информацию и т. д.,
  • Получить email лиды,
  • Повысить эффективность вашей кампании и т.д.

Мы рассмотрим 16 примеров поп-ап.в, чтобы понять, как они работают и зачем они вам могут понадобиться.

Примеры поп-ап.в и лучшие практики

Чаще всего интернет-магазины используют поп-ап. для сбора email адресов. Но не каждый владелец бизнеса или маркетолог осмелится попросить оставить email адрес бесплатно. Посетитель сайта может быть недостаточно знаком с брендом, и он просто отклонит ваше предложение о подписке. Из-за этого многие компании предлагают дополнительные скидки, бесплатную доставку и другие приятные бонусы за подписку. Кажется, эта практика работает со многими брендами, которые предлагают как продукты, так и услуги.

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

1. H&M

Всемирно известный бренд H&M предлагает множество интересных бонусов за простую подписку на новостную рассылку:

  • Скидка 20% на первый заказ,
  • Бесплатная доставка при подписке на рассылку,

Скидка не имеет срока действия, поэтому посетитель может вернуться к покупкам в любое время.

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

2. The New Yorker

Это одно из самых известных изданий в мире, которое предлагает разнообразные новости и темы на любой вкус. Каждый может найти информацию по вкусу и почитать качественный материал.

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

Форма подписки на рассылку минималистична и проста. Единственный выделенный элемент — кнопка подписки, привлекает больше внимания к желаемому действию. Другая кнопка менее привлекательна, и ее легче пропустить.

Это отличный пример, когда люди приходят за контентом, а не за материальными вещами.

3. Tower Puddle Boards

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

Этот поп-ап имеет несколько нестандартный вид, и его трудно заметить сразу при входе на сайт. Однако, в нем есть прямой текст: подпишитесь и получите возможность получать доску первоклассного качества. Кто бы сказал нет?

4. Mala the Brand

Этот бренд предлагает свечи ручной работы. Тон сайта мягкий, дружелюбный, но вдохновляющий. Важно сохранить тон бренда в любой кампании, и именно это Мala делает со своим поп-ап предложением. Похвально!

Вы можете видеть, что язык, который использует бренд, немного более дружеский, что вызывает чувство доверия. Они также отмечают, что не будут спамить ваш почтовый ящик, так как знают, насколько это может быть неприятно. И последнее, но не менее важное: кнопка «Вступить в клуб» создает ощущение принадлежности, которое пытаются создать многие бренды.

Тем не менее, лучше было бы сделать акцент на таких вещах, как скидка 10%, которая может привлечь многих пользователей.

5. SwissWatchExpo

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

Продавец часов SwissWatchExpo предлагает скидку в 100 долларов и бесплатную доставку тем, кто подпишется и разместит заказ в течение 15 минут.

6. 100% Pure

Этот бренд предоставляет пользователям 100% натуральную косметику и продукты.

Бренд добавил немного интерактивности во всплывающую форму подписки на рассылку. Они придумали простой дизайн лотереи, который вызывает азарт и надежду на вознаграждение. Пользователь может персонализировать предложение и выбрать, какие типы продуктов наиболее интересны.

Надеемся, что эта идея сыграла на руку, и у каждого появилась надежда выиграть что-то большее.

7. Hello Fresh

Hello Fresh представляет планы здорового питания для различных диет и т. д., которые экономят деньги и поддерживают тело в лучшей форме.

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

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

8. Unif

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

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

9. Canva

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

В обмен на email предложите своей аудитории что-то ценное бесплатно.

10. Reformation

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

Простое и элегантное решение: приятный минималистичный дизайн с классным текстом, как у интернет-магазина Reformation. Их поп-ап лаконичен и довольно остроумен во всех смыслах.

11. Heidi Cohen

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

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

12. Snow Monkey

Snow Monkey — это продавец веганского мороженого, который хотел ориентироваться на аудиторию в зависимости от их географии, чтобы максимизировать региональные продажи. Они начали собирать email с почтовыми индексами, чтобы отправлять письма о своих конкретных продуктах и ​​предложениях в зависимости от геолокации ближайшего магазина с их товарами.

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

13. P.E. Nation

P.E. Nation предлагает большой выбор верхней одежды, и они, безусловно, довольно часто добавляют новые продукты. И конечно, они хотят оповещать всех пользователей о новых коллекциях, скидках, распродажах и т. д.

Этот поп-ап легко понять, поэтому у пользователя не будет лишних мыслей при его чтении. Скидка 10% привлекает больше внимания к предложению и повышает шансы на получение email адреса пользователя.

Цветовая схема выделяется среди других: она минималистичная, что делает всплывающее окно понятным с первого взгляда. Тем не менее, дизайн немного прост, добавление цвета для кнопки не помешало бы.

14. Bathing Culture

Bathing Culture предлагает, как вы можете догадаться, большое разнообразие продуктов для купания, от скраба для спины до соли для ванн. И как бренд продукта они выбрали вариант предоставления скидки 10% за подписку на рассылки.

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

Но этому предложению по подписке не хватает дополнительного толчка. Поле ввода email и кнопка «Зарегистрироваться» имеют одинаковый цвет, что с первого взгляда сбивает с толку. И кнопка «Нет, спасибо» слишком маленькая. Такие маленькие и почти невидимые кнопки можно рассматривать как манипуляцию.

15. Big Clothing 4u

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

Интернет-магазин Big Clothing 4u предлагает скидку на следующую покупку после того, как посетитель сделал первый заказ. Отличная мотивация вернуться.

7 вещей, о которых нужно позаботиться при создании всплывающих окон подписки

Какими должны быть поп-ап., которые принесут пользу вашему веб-проекту? Ведь при правильном их использовании вы сможете пополнить базу контактов для последующих email-маркетинговых рассылок.

Вот 7 советов, которые позволят вам по-новому взглянуть на всплывающие окна, а также позволят эффективно использовать их на своем сайте.

1. Не показывайте всплывающее окно сразу

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

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

2. Помните о файлах cookie

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

3. Свяжите поп-ап. с контентом

Контент всплывающего окна должен быть логическим продолжением основного контента.

Подумайте, что помимо списка рассылки, вы можете предложить посетителю сайта в обмен на email. Бесплатный демо-доступ? Или видеоурок? Важно подарить что-то полезное, потому что мало кто хочет оставлять свои контакты.

4. Выделите форму подписки на странице

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

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

5. Позаботьтесь об удобстве использования

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

  • Понятный текст, в котором указано, что вы получите за подписку
  • Место для введения данных
  • Элемент призыва к действию
  • Возможность закрыть окно
  • Конфиденциальность информации и защита от спама
  • Социальное доказательство.

6. Копирайтинг важен

Имеет значение всплывающий заголовок, мотивирующий подписаться, небольшой текст, описывающий преимущества подписки, и даже название CTA кнопки. У вас есть очень ограниченное количество символов, чтобы убедить человека дать вам свой контакт. Поэтому сформулируйте УТП (Уникальное торговое предложение) максимально лаконично. Можно использовать юмор, это способствует доверительным отношениям.

Поэкспериментируйте с текстом на кнопке CTA. Попробуйте назвать его не “Subscribe”, а, например, “Upgrade Yourself”.

7. Продолжайте тестировать

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

Заключение

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

Никогда не забывайте эти простые правила при создании поп-ап.:

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

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

Желаем вам высоких конверсий. Обратитесь за помощью, если хотите создать привлекательный поп-ап. но не знаете, с чего начать!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *