8 принципов создания идеального попапа для интернет-магазина
Всплывающие окна – достаточно спорная тема. Настолько спорная, что их создателю даже пришлось публично извиняться за их создание. Тем не менее, popup-окна – это до сих пор актуальный инструмент лидогенерации и повышения конверсии онлайн-магазинов на Shopify и других платформах. Но этот инструмент необходимо использовать с особой осторожностью, чтобы избежать некоторых ошибок, которые могут помешать выстроить доверительные отношения с клиентом.
Как найти золотую середину? Стоит ли вообще использовать всплывающие окна? Если да, то для каких целей? На эти вопросы мы ответим в статье.
В переводе с английского «pop up» означает «неожиданно возникать» или «всплывать». Так, всплывающие окна – это элементы пользовательского интерфейса, которые отображаются поверх веб-страницы в браузере. Названы они так, потому что «всплывают» без запроса пользователя или появляются по клику.
Всплывающие окна – это отличный инструмент для привлечения подписчиков, продвижения продукта, оказания техподдержки, а также информирования аудитории.
Попапы помогают увеличить продажи, так как концентрируют внимание целевой аудитории в направлении конверсионного действия, что подтверждается множеством практических кейсов. В среднем, коэффициент конверсии подписки на email-рассылку посредством попапов составляет от 1,95% до 2,9%. Это означает, что из 100 человек, которые увидят всплывающее окно на вашем сайте, вы можете получить 2-3 адреса электронной почты.
Несомненно, есть и более впечатляющие примеры. Некоторым удавалось поднять продажи на 162% посредством попапов (случилось это, правда, в 2005 году). А в 2012 году один из клиентов AWeber в результате экспериментов со всплывающими окнами получил + 1,375% подписок.
Однако, времена бума попапов прошли, пользовательский интререс начал стихать, и на сегодняшний день отношение пользователей к попапам крайне неоднозначно. При неправильном применении они формируют у пользователей ощущение раздражения от посещения сайта. 73% интернет-аудитории вообще не одобряют всплывающие окна.
Именно поэтому стоит подойти к созданию попапов крайне аккуратно, чтобы не настроить клиента негативно, а, напротив, перенаправить трафик в лиды. Чтобы попапы не раздражали пользователей вашего сайта, необходимо придерживаться 8 основных правил, о которых расскажем ниже.
Что такое попап, примеры всплывающих окон и сервисы для их создания
Попап (Pop Up) — это элемент интерфейса, который может вызываться по клику или всплывать без запроса пользователя поверх основной страницы сайта в браузере, простыми словами — это всплывающие окна на сайте.
Такие окна появляются, когда пользователь совершает определенное действие: чаще всего когда он заходит на сайт, находится на одной странице определенное время или хочет покинуть рерурс. В окнах обычно содержится важная информация: оповещение, реклама, подсказка и др. Длина и ширина попап могут варьироваться.
Попап-окна считаются слишком агрессивными, раздражающими, отталкивающими посетителей элементами сайта. Происходит это по трем основным причинам:
- Нередко их используют слишком активно, размещая на странице 3-5, а то и больше. Это может оттолкнуть посетителей, снизить трафик на сайт и повысить количество отказов.
- Содержимое окон делают кричащим, со счетчиками обратного отсчета и призывами немедленно что-то купить.
- Когда попап перекрывает доступ к контенту и нет возможности убрать его, это воспринимается негативно.
Однако при грамотном дозированном применении попап-окна приносят пользу и бизнесу, и посетителям сайта. В первую очередь, конечно, бизнесу.
Так, в 2019 году компания SUMO проанализировала почти 2 миллиарда всплывающих окон и выяснила, что их конверсия может достигать 9,28 %, а средняя конверсия составляет 3,09 %, что тоже совсем неплохо. SUMO за 2 года собрала с помощью pop-up огромную базу контактов потенциальных и действующих клиентов: 23 645 948 адресов электронной почты.
- Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
- Для этого вам необходимо подписаться на наш канал.
В целом попапы решают три глобальные задачи:
- Лидогенерация — сбор контактов заинтересованных пользователей для дальнейшей работы.
- Увеличение времени посещения сайта и глубины просмотра — важных для SEO-продвижения поведенческих факторов.
- Повышение конверсионности сайта — и вот это уже совсем серьезно, потому что про деньги.
Давайте рассмотрим на примерах, как используются попапы на сайтах.
Попап-окна: примеры практического применения
Попап-окна всегда предлагают посетителям сайта совершить какие-то действия, направленные на решение этих задач. Мы насчитали как минимум 18 вариантов таких действий. Вот что часто предлагают пользователям:
- Подтвердить права на аккаунт. Это один из вариантов обеспечения безопасности аккаунтов пользователя и предотвращения их использования мошенниками.
Обычно для подтверждения прав просят ввести номер телефона, а затем полученный SMS-код - Подписаться на рассылку и следить за новостями сайта/компании . Вспомнив о результате компании SUMO, можно с уверенностью сказать, что механика работает.
Одно из многочисленных предложений подписаться на рассылку - Разрешить сайту присылать уведомления . Хороший вариант дать человеку выбор, а не навязывать уведомления от сайта в браузере.
В pop-up можно объяснить, чем человеку будут полезны уведомления - Получить скидку. Хороший, понятный и работающий вариант побудить человека совершить какие-то действия на сайте.
Финансовая мотивация всем понятна - Принять участие в акции . Можно просто напомнить человеку о конкретной акции, а можно.
. предложить перейти в раздел, где собраны все актуальные акции - Оценить качество товаров или услуг . Фактически это сбор отзывов непосредственно на сайте: так можно получить оперативную обратную связь и подчеркнуть важность мнения конкретного человека. Последнее неплохо для поддержания лояльности аудитории.
Компания поинтересовалась у пользователя, как можно улучшить сайт - Поучаствовать в опросе. Такой мини-опрос пригодится для подготовки индивидуального коммерческого предложения.
- Разобраться во взаимодействии с сайтом . Попап-окна с подсказками помогут понять, как заполнить форму, как связаться с представителями компании или что сделать, чтобы получить скидку.
- Заказать обратный звонок . В окне, которое появляется по клику на кнопку обратного звонка, можно ввести номер телефона.
Это выглядит логично и понятно - Не бросать корзину . Нередкая ситуация: неавторизованный пользователь зашел на сайт, положил несколько товаров в корзину и собрался уходить. В этом случае уместно напомнить ему, что для сохранения корзины на сайте необходимо авторизоваться. Для бизнеса это возможность в дальнейшем настроить на такого пользователя ретаргетинг и напоминать ему о незавершенном заказе.
- Поделиться контентом . Репосты контента — золото блогов. Рационально продемонстрировать пользователю окно с предложением поделиться контентом.
Поделиться контентом должно быть просто: один клик — и все готово - Связаться с менеджером компании . Возможность быстро получить ответы от представителей компании — большая ценность, особенно если отвечает не бот, а живой человек, эмпатичный и владеющий информацией. Впрочем, для ответов на стандартные вопросы годится и чат-бот.
- Получить персональный промокод . Классическая мотивирующая механика — промокод на скидку или получение подарка в дополнение к заказу. При такой работе важна именно персонализация, эффект личного общения с посетителем сайта.
К посетителю обратились по имени, показали, что помнят адрес, и предложили скидку - Перейти в более удобный канал коммуникации . Времена меняются, меняются адреса электронной почты и предпочтения человека. Попап-окна помогут не потерять пользователя.
. а перейти на новый уровень общения - Полнее использовать функционал сайта . Если какие-то функции появились недавно или используются неактивно, можно сообщить о них.
Так соцсеть «Одноклассники» продвигает возможность слушать музыку на сайте - Узнать о поступлении товара или о снижении его цены . Эта механика повышает комфорт для пользователя и может позитивно повлиять на объемы продаж.
Пример pop-up с предложением узнать о поступлении товара - Посмотреть новинки . В интернет-магазинах можно увидеть всплывающие окна с предложением посмотреть новые коллекции одежды, обуви, сумок и косметики. В блогах — с предложением почитать новые статьи.
- Получить полезный лид-магнит . Популярный вариант, когда в обмен на контактные данные пользователя он получает тематическую информацию, которая может быть ему полезна.
Например, на сайте застройщика это может быть памятка по выбору квартиры
- Разработка эффективных сайтов для продаж в интернете.
- Создаем сайты с нуля любой сложности, от сайтов визиток до интернет-магазинов и крупных порталов.
Выбор попапа для сайта
Попап-окна делятся по условиям показа, целям и количеству касаний с пользователями.
-
Приветственное окно, или entry pop-up . Появляется сразу после перехода пользователя на страницу. Может демонстрироваться только тем, кто зашел на сайт впервые или в режиме инкогнито, а может появляться при каждом посещении.
Эти окна точно привлекают внимание (но не обязательно в позитивном ключе), блокируют доступ к контенту сайта и остаются открытыми до тех пор, пока посетитель не совершит конверсионное действие или не закроет попап принудительно.
Если такое окно перекрывает практически весь контент сайта, оно называется page-stop.
Приветственный page-stop считается одним из наиболее агрессивных и раздражающих видов всплывающих окон.
Исключение — когда с его помощью сообщают о временных технических неполадках на ресурсе или о принципиальных обновлениях. В этом случае окно воспринимается скорее как источник полезной информации.
Приветственные окна могут помочь сегментировать целевую аудиторию. Например, функционал pop-up может включать выбор пола («Выберите интересные вам товары — Мужское — Женское») для точной настройки последующей рассылки.
Также приветственные окна могут быть персонализированными и демонстрировать максимум внимания к пользователю.
А еще с помощью попап-окон пролистывания можно приглашать заинтересованных пользователей.
Здесь можно предложить заказать обратный звонок, перейти в другой раздел сайта, посмотреть новые поступления, получить демо-доступ к онлайн-сервису или.
Можно использовать их и чтобы пополнить подписную базу. Причем можно сделать это не прямым призывом «Подпишитесь на нашу рассылку и получайте новости».
Если пользователь долго находится на странице конкретного товара, попробуйте стимулирующую механику «хочу дешевле». Это поможет обойти конкурентов, если человек уже выбрал товар и сейчас подбирает поставщика.
Используются такие попап-окна для подсказок пользователям.
Можно использовать скроллбоксы и для сбора подписной базы.
Еще возможный вариант использования — как pop-up для обратной связи.
Скроллбоксы либо не перекрывают контент, либо перекрывают его только в небольшой части и не слишком раздражают посетителей.
Click pop-up можно использовать для показа формы обратной связи, для подсказок по работе с интерфейсом сайта…
Попап-окна с появлением по клику логично использовать и для заказа обратного звонка.
Возвращающие окна, или exit pop-up . Их также называют «ловцами лидов» — они появляются в момент, когда человек уже готов покинуть сайт, не совершив ни одного нужного владельцу сайта действия. В каком-то смысле это попап последней надежды, он всегда ориентирован на удержание пользователя.
В exit pop-up можно предложить…
Часто в возвращающих попап-окнах пользователям предлагают и скидки. Можно предложить также авторизацию для тех, кто заполнил корзину, но не завершил оформление заказа.
Можно использовать возвращающие попап-окна для получения быстрой обратной связи.
Еще один вариант — предложить пользователю пройти небольшой опрос.
Многошаговые попап-окна . Предполагают несколько касаний с пользователями и требуют от пользователя нескольких (чаще всего двух) действий. Например, их можно использовать.
При этом даже если второй шаг пользователь не сделает, его контакт владельцы сайта получат в любом случае.
Используют многошаговые попап-окна и для тестирования.
Нередко в многошаговых попап-окнах используется геймификация — это повышает интерес пользователя и вероятность того, что все заложенные в попап-окне действия будут выполнены.
Наиболее распространенный вариант геймифицированных многошаговых всплывающих окон называется «колесо удачи». С помощью такого колеса пользователю предлагают испытать удачу и выбрать размер скидки.
- Никаких абстрактных показателей эффективности SEO.
- Оплата продвижения только за совершенные целевые действия: заявки, звонки, оформление заказа, регистрация.
Создание попапа: подборка российских сервисов
Leadgenic
Российский сервис, который позволяет легко и быстро создавать всплывающие окна без привлечения программистов. После регистрации и добавления кода сервиса на сайт можно выбирать шаблоны и адаптировать их под свои цели и задачи.
- Бесплатные возможности : есть полностью бесплатный тариф с ограниченным функционалом.
- Стоимость: от 23 рублей в сутки в зависимости от масштабов и задач бизнеса.
JumpOut
Этот российский сервис для создания попап-окон отлично работает с «Яндекс.Метрикой», что важно для настройки сквозной веб-аналитики. Требуется установка кода сервиса на сайт.
- Бесплатные возможности : есть полностью бесплатный тариф с ограниченным функционалом.
- Стоимость : тарифы до 999 рублей в месяц.
Mindbox (бывший PopMechaniс)
Сервис, а точнее, отдельный модуль Mindbox по персонализации, которым стал PopMechanic, предоставляет пользователям статистику по показам попап-окон и их заполнению. Требует установки на сайт кода. Заявлены более 150 шаблонов.
- Бесплатные возможности: есть демоверсия.
- Стоимость: подписная модель. Минимум — 12 480 рублей в месяц.
Вместо вывода. 10 ошибок при создании попапов
На самом деле возможных ошибок, конечно, больше. Но мы собрали наиболее распространенные и — на наш взгляд — значимые.
- Поспешность. Если показывать любые окна, кроме приветственных, в первые секунды пребывания человека на сайте, он не поймет, о чем идет речь и насколько ему это интересно, и может уйти. Исключение составляют компактные окна, уточняющие локацию: они воспринимаются как полезная подсказка.
Так использует попап-окно для уточнения локации магазин LaModa - Агрессивные окна. Крупные счетчики обратного отсчета или предложения подписаться в приветственном pop-up, когда человек еще даже не понял цель подписки, могут сослужить плохую службу бизнесу.
Окно выглядит очень агрессивно и вряд ли способно сделать пользователя более лояльным - Неумеренность. Видеть сразу 2-3-4 всплывающих окна на сайте неприятно и обременительно. Часть пользователей может просто уйти, натолкнувшись на такую навязчивость.
Вот здесь попап-окна перекрывают даже друг друга. Зачем и для чего? - Незаметная кнопка «Закрыть окно» . Прятать такую кнопку, делать почти невидимой или видимой не сразу — не самая лучшая задумка в момент, когда информационная конкуренция в интернете растет. Пользователю должно быть удобно на сайте, а квесты с поиском заветного «крестика» удобству точно не способствуют.
А вот здесь все видно, понятно и удобно - Автоматическое включение звука . Возможность сделать звуковое сопровождение есть на сервисах по созданию pop-up. Но лучше дать возможность человеку самому включить звук: это хороший тон и показатель уважительного отношения к посетителям сайта.
- Отсутствие полезной информации. Не скупитесь на полезную информацию, ведь она делает человека более лояльным. Например, расскажите о возможностях бесплатной доставки или напомните о сроке действия промокода — это выгодно и продавцу, и покупателю.
Пример полезной информации, которую доносит до человека попап - Желание обойти адблокеры, если человек их установил . Покажите пользователю, что уважаете его выбор.
. и, возможно, он сам захочет видеть окна на вашем сайте - Показ одного и того же окна несколько раз. Вновь возвращаемся к теме навязчивости — одного показа за одно посещение вполне достаточно, чтобы не раздражать пользователя. И не вызывать у него усталость от рекламы, или ad fatigue.
- Показ рекламы с места в карьер . Не размещайте в качестве приветственного окна стороннюю рекламу.
. как делает сайт газеты «Ведомости». Это отталкивает посетителей - Отсутствие мотивационной составляющей. Если не просто предложить подписаться на рассылку, а сделать выгодное мотивирующее предложение.
Всплывающие окна (попапы): что это и как применять
Pop-Up (попап) — это окно, которое всплывает при просмотре страницы с целью заинтересовать пользователя или оповестить об изменениях/акциях/предложениях на сайте. Основное оружие попапа — его внезапность. Правильно настроенный и оформленный попап не вызывает раздражения пользователя сайта. Наоборот, всплывающее окно заинтересовывает пользователя, не разбавляя основной контент лишней информацией.
Так нужны ли попапы вашему сайту? Стоит ли делать попапы и настраивать их? Бытует мнение, что поп-ап — устаревший прием, который не приносит результат. Но это не так! С помощью попапов вы можете увеличить уровень продаж до 30%.
Грамотно настроенный поп-ап поможет удержать ваших посетителей на сайте, увеличить продажи и повысить лояльность к вашей компании. Также, он способен поднять уровень конверсии до 8-10%, а иногда и до 50%!
Естественно, это все возможно только при правильной настройке всплывающего окна. И мы с вами обязательно поделимся всеми секретами настройки попапов и их применения для увеличения продаж!
Зачем нужны попапы
Сбор контактных данных (лидов)
Поп ап, имеющий цель сбора контактов (лидогенерации), обычно содержит оффер и всплывающую форму обратной связи.
В нем владельцы сайта с помощью лид-магнитов или офферов запрашивают электронный адрес или номер телефона. Эти данные обрабатывает специалист или запускается воронка продаж.
Как это увеличит продажи? У вас появится база заинтересованных потенциальных клиентов. Удачная автоматическая воронка продаж или специалист по продажам простимулируют их стать вашими клиентами.
Информирование клиентов
Если произошли какие-то изменения на сайте или в компании, либо же проходит какая-то акция, можно оповестить об этом посетителей с помощью попапа.
Яркий дизайн и краткая информация с переадресацией на страницу с деталями — ключевые составляющие хорошего информационного поп-апа.
Как это увеличит продажи? Потенциальный клиент будет уведомлен об изменениях в работе или других новостях компании, поэтому будет контактировать с вашей компанией с учетом нововведений.
Удержание посетителя на сайте
Если ваша аналитика показывает, что посетители достаточно быстро покидают ваш сайт, используйте попапы. Такое всплывающее окно будет появляться, как только посетитель захочет уйти. Для этого в настройке попапа достаточно выставить опцию « при попытке пользователя закрыть страниц показать попап » .
В таком попапе можно предложить скидку, бесплатный полезный материал или любую другую выгоду. Например, можно уточнить причину ухода со страницы. Позаботьтесь о том, чтобы наполнение этого попапа было действительно ценным.
Как это увеличит продажи? Увидев скидку, посетитель сайта все же останется на нем и ознакомится с продуктами более детально. Так может возникнуть желание сделать покупку, ведь хороший продукт + скидка = выгодное предложение .
Опросы клиентов
Такая форма коммуникации с клиентами поможет узнать их отношение к продукту и компании.
Только имейте ввиду, что посетителям будет интересно ответить на несколько вопросов, так что не стоит перегибать. И формулируйте вопросы так, чтобы они были понятны каждому посетителю.
Как это увеличит продажи? Так вы лучше узнаете отношение к вашему продукту и сможете его улучшать. Как только он будет соответствовать требованиям целевой аудитории, у вас появится ещё больше покупателей.
Формирование базы подписчиков
С помощью поп-апа можно предложить посетителям подписаться на вашу рассылку, а также соцсети.
Как это увеличит продажи? Потенциальный клиент будет все ближе и ближе знакомиться с вашей компанией и продуктом. Ведь интересный контент будет его подогревать и со временем побудит к покупке . Также, он всегда будет в курсе всех ваших акций, и какой-то из них непременно воспользуется.
Виды поп-апов
Маркетологи действительно активно пользуется этим инструментом для абсолютно разных целей, поэтому адаптировали его внешний вид, время и способ возникновения. Сегодня в интернет-маркетинге 5 самых популярных всплывающих окон.
Приветственный поп ап
Это окно всплывает, как только человек попадает на веб-страницу. Чтобы не спугнуть посетителя и не вызвать негативных эмоций, размещайте в окне поистине ценную для посетителя информацию. Не стоит сразу же запрашивать контактные данные для подписки на рассылку, лучше просто уведомить о скидке или актуальных новостях.
Pop Up, всплывающий во время прокрутки страницы
Такое окно всплывает во время прокрутки страницы, когда посетитель доходит до заданного места. Чаще всего, такой поп ап наполняют в зависимости от контента на странице, с которым уже ознакомился пользователь. Также, это хороший способ снизить негативную реакцию на поп-апы. Посетитель сначала узнает нужную ему информацию, не отвлекаясь на всплывающие окна. А уже после легко изучает предложение на окне поп-апа.
Например, на странице идет речь про уход за собаками. После пункта про купание может появиться окно с предложением купить универсальный шампунь для всех пород собак со скидкой или бесплатной доставкой.
То есть, читатель уже «подогретый», и как раз в этот момент получает предложение с выгодой и всплывающей формой для заказа. Так процент конверсии из читателя в покупателя значительно повышается.
Окно, всплывающее в заданное время
На экране пользователя появится всплывающее окно через определенное время с каким-то предложением. Это интересный вариант, ведь пользователь успевает ознакомиться со всей информацией на сайте и заинтересоваться.
Но тут крайне важно выбрать подходящий момент, когда посетитель уже достаточно заинтересован и еще не собирается покидать сайт. Многие специалисты считают, что это пятая секунда пребывания читателя на странице.
Вот график, опубликованный SumoMe, на котором виден уровень конверсии в зависимости от времени возникновения окна. Возникновение окна именно на 5 секунде стимулирует наибольшее количество покупок.
Поэтому мы бы советовали не запускать поп-ап на 1-3 секунде посещения сайта. Ведь это не принесет желаемого результата.
Всплывающие окна с вопросом
Такие попапы встречаются достаточно часто и обычно предлагают подписаться на рассылку, купить курс, дать отзыв о магазине или сайте. Если вы точно хотите получить ответ, то сделайте кнопки с отказом маленькими и еле заметными.
Также, можно предложить подарок (маленькая скидка, чек-лист, приглашение на обучающий вебинар и так далее) в обмен на ответ. Так шансы существенно возрастут.
Окно, всплывающее при выходе с сайта
Если вы заметили в аналитике, что на вашем сайте проводят слишком мало времени или ваш интернет-магазин не приносит особых продаж, нужно срочно что-то менять и думать, как заинтересовывать клиента.
Например, можно улучшить наполнение сайта, дизайн и описание товаров. Вместе с этим добавить всплывающее окно при закрытии страницы с интересным предложением.
Как сделать всплывающее окно?
Рады сообщить, что совсем недавно у пользователей Weblium появилась возможность создавать попапы! Больше не надо использовать сторонние сервисы и переплачивать, ведь создание поп-апов уже входит в тариф Pro . И вам точно не понадобятся навыки программирования или веб-дизайна.
Всплывающие окна Weblium можно кастомизировать так, как только желает пользователь:
- Настройка условий появления окна (по времени, по клику на определенный объект, при намерении покинуть сайт, при прокрутке сайта,)
- Возможность построения цепочки поп-апов (переходы из поп-апа в поп-ап)
- Изменение размеров окна
- Изменение анимации, наполнения и внешнего вида
- Создание поп-апа из готового блока или с нуля
Добавлять попапы на Weblium очень просто! Ниже вы найдете пошаговую инструкцию.
Шаг 1. Откройте вкладку в редакторе сайта на панели управления
Шаг 2. Нажмите «+Pop-up» внизу открывшегося окна. Так вы начнете работу над своим поп-апом.
Шаг 3. Выберите подходящий блок из 9 разделов или создайте поп-ап с нуля.
К примеру, можно выбрать шаблон из раздела « Призыв к действию » , добавить классный оффер и форму для сбора контактов.
Шаг 4. Отредактируйте ваш поп ап.
Добавляйте призывы к действию, увлекательно рассказывайте о своих новостях и не используйте фразы, которые могут спровоцировать негативную реакцию.
Сохраните изменения, у вас появится окно с поп апом. Нажав на три точки, можете переименовать, дублировать или удалить всплывающее окно. А нажав на шестеренку, можно задать нужное условие для появления поп-апа, а также его анимацию, вид и поведение.
Хотите посмотреть, как выглядит продающий поп-ап?
Включить или отключить всплывающие окна вы сможете в любое время в админ панеле своего сайта.
Основные правила эффективного попапа
Грамотно настроенные попапы существенно увеличивают продажи с сайта (конверсию пользователя в покупателя) . Мы подготовили несколько правил, которые помогут увеличить продажи и удержать лояльность посетителей.
Будьте лаконичными
Не надо расписывать все детали во всплывающем окне. Задача поп апа — заинтересовать читателя, чтобы собрать его данные либо перенаправить на другую страницу для уточнения деталей. Не стоит писать более двух предложений, так как длинный текст на попапе просто неуместен, его не будут читать. Достаточно понятно описать суть оффера и добавить лаконичный призыв к действию.
Отказ от pop-up в момент входа на сайт
Если этого не сделать, с большой долей вероятности посетители сразу же уйдут со страницы, не успев ознакомиться с информацией. Всплывающее окно при входе на сайт — это не только потеря клиента, но и плохой знак для поисковых систем, которые ориентируются на поведенческие факторы. Ведь если клиент моментально покидает сайт, алгоритмы поисковых систем замечают это и делают вывод, что страница не интересна читателям и не релевантна по такому запросу. В результате, они просто перестают выдавать ее в топе.
Не используйте виджеты с призывом к действию преждевременно
Если посетитель видит такое всплывающее окно до того, как ознакомился с вашим продуктом, оно будет сразу же закрыто. И больше не будет шанса получить его контакт. Ведь если такой попап появится снова, пользователь посчитает его назойливым и покинет сайт с негативным впечатлением.
Не скрывайте элемент управления окном – «крестик»
На всплывающие окна без возможности выхода посетители реагируют крайне негативно, особенно при посещении ресурса с мобильных устройств. Отсутствием «крестика» вы точно не заставите пользователей оставить свои данные. Скорее, наоборот — они просто покинут ваш сайт.
Проверьте свой Pop-Up на соответствие правил
Коалиция для лучшей рекламы подготовила правила для создания поп-апов . Если вы не будете их придерживаться, ваш сайт могут просто заблокировать.
Что однозначно нельзя делать:
- использовать видео с автопроигрыванием и звуком
- запускать обратный отсчет без возможности сразу закрыть поп-ап
- фиксировать поп-ап внизу страницы так, чтобы он занимал более 30% экрана
- запускать агрессивные эффекты, например, мигание
Примеры продающих поп-апов
Важно привлечь и заинтересовать посетителя сайта в прочтении поп-апа. Обычно это делают с помощью контрастных цветов, необычного дизайна и интересных офферов. Предлагаем детальнее узнать приемы, которые помогут привлечь внимание читателя и выполнить действие, указанное на всплывающем окне.
Попап с насыщенными цветами
Маркетологи и дизайнеры часто используют насыщенные контрастные оттенки для привлечения внимания. Не обязательно использовать яркие кислотные цвета. Лучше выбирать глубокие красивые оттенки, которые сочетаются с вашим информационным посылом. Это привлекает внимание к офферу, а значит и повышает эффективность призыва к действию.
Всплывающее окно с привязкой к инфоповоду
Если у вас проходит какая-то акция, посвященная празднику — смело упомяните об этом в поп апе! Возможно, человек не успел зайти в раздел со специальными предложениями. Создав такой поп-ап, вы уведомите посетителей и переадресуете на нужную страницу.
На ней потенциальный клиент ознакомится с предложением и товарами, заинтересуется и приобретет ваш продукт.
Попап с интересным оффером (акционное предложение)
Это самое важное! Если посетитель сайта хоть немного заинтересован в вашем продукте, вовремя появившийся поп ап с привлекательным оффером с огромной вероятностью сконвертирует его в покупателя.
Лучше показывать такое окно когда посетитель достаточно ознакомлен с информацией на сайте. Например, после 65% прокрутки страницы или через две минуты пребывания на ней.
Выделяющийся дизайн на вспоывающем окне
Оригинальность — ключ к успеху. Используйте нестандартные формы самого окна, и ваш поп ап точно поможет увеличить продажи! А привлекательное предложение поможет получить желаемый контакт клиента.
Pop up анимация
Сознание человека всегда замечает объекты в движении. Добавьте таймер, маленькую анимацию в виде животного, человека или другого объекта, чтобы привлечь внимание посетителя.
Но не переборщите! Не надо создавать pop-up, который будет размером на весь экран и с чересчур быстрой анимацией. Такое окно будет только отпугивать посетителей.
Кейсы успешного использования pop-up
Никки Макгонигал (Nikki McGonigal), у которой свой блог о рукоделии, на протяжении 8 месяцев тестировала эффективность сайдбара (закрепленная боковая панель) и классической всплывающей формы для увеличения базы подписчиков.
Результаты показали, что popup форма намного эффективнее! Она принесла на 1375% больше подписчиков (7000), чем боковая колонка (509). И даже показатель конверсии всплывающей формы был значительно выше — 5,5% по сравнению с 0,4% у сайдбара.
Лео Нотенбум (Leo Notenboom) заметил, что наибольшее количество посетителей его сайта конвертировались в покупателей при отображении всплывающей формы обратной связи после 60 секунд их пребывания на сайте. Внедрив pop up с такой задержкой показа, Нотебум увеличил прирост подписной базы до 100-150 в день.
Заключение
Помните, что всплывающие окна являются отличным инструментом для повышения конверсии и роста продаж. Но только, если вы его правильно настроите. Уделяйте особое внимание дизайну окна, его смыслу и формулировке оффера. Несколько лет назад, настроить pop-ups было не так уж и просто, так как требовались специальные технические знания, а также немаленькие вложения. К счастью, на Weblium это можно сделать не только без особых усилий и дополнительных знаний, но и без доплат!
Как создавать лучшие попапы для сбора email адресов: советы, идеи, примеры
Бренды существуют в условиях жесткой конкуренции, особенно в онлайне. Все возможные digital-поверхности и платформы монетизируются, а качество рекламы постоянно улучшается. Как выделиться в таких условиях?
Один из способов добиться этого — создавать высококачественный нишевый контент, например, информационные рассылки, посты в блогах или видеотуториалы. Факт в том, что любой контент нуждается в продвижении, и вот здесь вступают в дело попапы для сбора контактов. Они незаменимы для органичного и этичного создания списков рассылок и лидогенерации.
Эта статья поможет вам открыть для себя email попапы или увидеть их по-новому. Вы узнаете, как добиться высокой конверсии, оставаясь верным голосу бренда. Здесь не будет техник кликбейта и навязчивой рекламы — только практические советы и проверенные лучшие практики, которые позволят создавать списки рассылок по заинтересованным контактам.
Содержание:
- Что такое email попапы
- Форматы попапов
- Структура попапа с email подпиской
- Лучшее время для email попапа
- Пять примеров удачных попапов с формой email подписки
- Как создать попап с нуля с помощью SendPulse
- Поднимите email попапы на новый уровень
Что такое email попапы
Email попапы, также известные как формы подписки, — это небольшие сообщения, которые появляются на экране из ниоткуда и запрашивают адрес электронной почты при посещении пользователем нового сайта. Обычно они содержат до трех полей и кнопку регистрации. Такие всплывающие окна также называются формами захвата лидов, потому что они помогают связаться с потенциальными клиентами и начать их развивать.
Некоторые попапы занимают весь экран, а другие — скромно отображаются где-то в углу страницы. Вот как выглядит обычная форма email подписки.
Пример попапа
Хороший попап для сбора контактов не манипулирует пользователем — он лишь предлагает получить доступ к ценной и актуальной информации и дает веские причины, по которым стоит подписаться. Когда все сделано правильно, всплывающие окна не должны казаться навязчивыми. Вы можете сделать их информативными, образовательными или развлекательными, в зависимости от цели сайта.
Попапы с формой email подписки необходимы для создания органической лояльной аудитории. Заполняя форму, пользователь дает проверяемое согласие на получение электронных писем. В результате потенциальные клиенты более качественные, и доставляемость улучшается, особенно если вы выбираете double opt-in.
Рекомендуем ознакомиться:
- «Single opt-in и double opt-in: что лучше использовать для бизнеса»;
- «8 главных метрик эффективности email рассылки».
Хотите получать больше продаж?
С помощью SendPulse вы можете связаться с целевой аудиторией и заинтересовать ее, отправляя различные типы сообщений через каналы коммуникации, которые предпочитают пользователи — email кампании, web push уведомления, SMS и чат-боты для WhatsApp, Instagram, Facebook Messenger или Telegram.
Форматы попапов
Есть много видов всплывающих окон для сбора электронной почты — выбирайте подходящий формат в зависимости от конкретных целей. Вы также можете попробовать разные типы и сценарии, чтобы определить, что лучше подходит конкретно для вашей целевой аудитории.
Типы всплывающих окон, которые вы можете создать с помощью SendPulse
Давайте обсудим шесть самых популярных форматов попапов, их плюсы и минусы.
Оверлей. Этот тип всплывающих окон появляется поверх основного контента на странице и занимает весь экран. Каким бы мощным ни был этот формат, его следует использовать с осторожностью — приберегите его для очень важных объявлений или предложений с ограниченным сроком действия. В противном случае вы можете вызвать сильное раздражение у посетителей вашего сайта, вплоть до желания его покинуть.
Плавающий попап. Это самый распространенный и универсальный тип всплывающих окон. Он привлекает внимание, но не мешает общему просмотру — содержимое страницы остается видимым, потому что сам попап отображается в углу страницы. Такой формат позволяет сделать ваши сообщения компактными, но заметными.
Горизонтальный попап. Он отображается в виде горизонтальной полосы вверху или внизу страницы. Этот формат более мягкий — он не мешает чтению, и пользователь может взаимодействовать с ним, когда будет готов.
Всплывающее видео. Это, пожалуй, самый привлекательный и заметный вид попапа. Обычно это короткий видеоклип с кнопкой призыва к действию. Этот формат идеально подходит для продвижения визуальных продуктов.
Модальное окно. Такое окно появляется поверх остального содержимого страницы и затемняет его. Этот формат сложнее пропустить, по сравнению с плавающим попапом. Модальные окна позволяют быстро привлечь внимание к чему-то важному, например, к полезной рассылке.
Виджет онлайн-чата. Этот тип попапа открывает окно чата, в котором пользователь может общаться с чат-ботом или реальным агентом. Виджеты онлайн-чата также можно использовать для сбора адресов электронной почты. Если служба поддержки не в сети, чат-бот попросит посетителя оставить свои контактные данные, чтобы агент мог быстро перезвонить ему.
Все шесть форматов попапов отлично подходят для сбора подписок. Исходите из того, под каким углом хотите предложить посетителю оставить свой email. Требуется произвести впечатление своим опытом, избегая при этом отвлекающих факторов? Используйте простые всплывающие окна с текстом и сделайте упор на сертификатах и различных достижениях. Нужно представить свою личность и установить первичную эмоциональную связь? Попробуйте яркие всплывающие окна с видео.
С помощью SendPulse вы можете создать все шесть типов попапов для сбора адресов — подробнее об этом в следующих разделах.
Хотите создавать и отправлять email кампании?
С SendPulse вам не нужны технические навыки или знание HTML для настройки кампаний — есть более 100 готовых шаблонов, которые вы можете кастомизировать с помощью нашего простого конструктора. Отправляйте до 15 000 целевых писем 500 подписчикам бесплатно каждый месяц.
Структура попапа с email подпиской
Перейдем к строению попапа. Это небольшое сообщение зачастую включает более пяти элементов, и каждый из них играет важную роль. Вот что они собой представляют и как работают.
Заголовок
Думайте о нем как о крючке, который захватывает внимание пользователя. Если предпочитаете минимализм, превратите свой заголовок в расширенный призыв к действию, где вы объясняете, какого рода письма будете отправлять и как часто. Например, «Подпишитесь на нашу еженедельную рассылку новостей, чтобы получать надежные советы по садоводству!»
Можно пойти другим путем и зацепить внимание посетителей через смелое заявление, с которым они, скорее всего, согласятся. Например, если вы гид и ведете блог с информацией о своем городе, заголовком может быть вопрос-утверждение «Скучно ходить каждые выходные в одни и те же места?».
Ценное предложение
После того, как вы изложили свое предложение, необходимо объяснить, почему читателю выгодно поделиться с вами адресом электронной почты. Как ваш контент поможет ему работать, делать покупки, творить, заниматься спортом или вести домашнее хозяйство более эффективно? Что вы можете пообещать такого, чего он сам не может нагуглить? Постарайтесь выразить это одним кратким предложением.
Попап украинского бренда обещает хорошую скидку в обмен на email
Сигналы доверия
Что делает вас экспертом? Почему люди должны вам доверять? Если вы развиваете личный бренд, ответьте на эти вопросы, упомянув должности, сертификаты и значимые достижения в своей области. Для бизнеса имеет смысл указать свой рейтинг на авторитетных сайтах-отзовиках, назвать количество постоянных покупателей и перечислить крупных клиентов — но только с их согласия.
Вот как HubSpot доказывает, что его информационная рассылка стоит того, чтобы подписаться.
Пример email попапа
Это идеальный пример формы email подписки — она ориентирована на ценность, но весь текст занимает менее трех строк.
Изображение
Большинство всплывающих окон с email подпиской выполняют свою функцию и без визуальных элементов. Но в некоторых случаях полезно добавить изображение, чтобы выделить всплывающее окно, особенно если на странице много текста, и вам нужно что-то яркое, чтобы привлечь внимание посетителей.
Важное правило: избегайте стоковых изображений. Если вы продвигаете услуги, добавьте свое фото — покажите новым посетителям, что вы реальный человек. Если делаете смелое заявление в заголовке, используйте выполненную на заказ иллюстрацию или фотографию, которая подкрепит ваши слова.
В блоге диетолога-нутрициолога посетителям предлагают подборку рецептов вкусных и здоровых завтраков в обмен на контактные данные. В попап добавлено аппетитное фото, которое привлекает внимание и вызывает желание узнать про другие блюда.
Пример попапа с фотографией
Поле контактных данных
Постарайтесь минимизировать количество полей в форме подписки. Если попап скорее похож на опрос или налоговую форму, он только отпугнет посетителей сайта и сведет на нет все усилия по лидогенерации.
Если вам необходима дополнительная информация для дальнейшего взаимодействия, используйте многоэтапные формы. Они выглядят более естественными и не отпугивают с самого начала большим количеством полей для заполнения.
Кнопка призыва к действию
Этот последний элемент является решающим. При разработке попапа убедитесь, что кнопка призыва к действию вызывает желание кликнуть. Не перестарайтесь с длиной фраз и не пишите каждое слово с заглавной буквы — это может оттолкнуть опытных потребителей. Вместо этого выбирайте глаголы в повелительном наклонении и фразы, которые четко определяют действие, которое вы ожидаете от пользователей.
Лучшее время для email попапа
Когда дело доходит до формы захвата электронной почты, мы рекомендуем забыть об универсальном подходе. Постарайтесь сузить фокус и комбинировать различные сценарии, чтобы заинтересовать разные группы пользователей. Например, в SendPulse можно задать условия для персонализации сообщений в зависимости от поведения пользователя.
Вот условия отображения всплывающих окон, которые вы, вероятно, будете использовать чаще всего:
- Время на сайте или странице. Нацельтесь на пользователей, которые явно заинтересованы в вашем предложении и потратили время на его чтение.
- Источник трафика и наличие конкретных utm-меток. Отображайте высокорелевантные сообщения в зависимости от того, откуда пришел пользователь.
- Количество сеансов. Таргетируйтесь со специальным предложением на повторных посетителей, чтобы помочь им решиться.
- Браузер. Показывайте персонализированные попапы пользователям с мобильных устройств.
- Период времени. Выберите временной интервал, в течение которого сообщение будет отображаться на сайте.
- Курсор вне экрана. Если пользователь планирует покинуть сайт, попробуйте остановить его всплывающим окном со скидкой.
Как видите, определение лучшего времени для email попапов требует некоторых экспериментов. Ваши посетители не будут вести себя одинаково, поэтому важно добавлять разные условия для более сложных сценариев.
Пять примеров удачных попапов с формой email подписки
Многому можно научиться, если внимательно посмотреть на попапы других брендов, особенно, если они ваши конкуренты. Ознакомьтесь со следующими примерами, чтобы понять, чего, возможно, не хватает вашим формам подписки.
Пример №1 — ценный подарок
Когда пользователь открывает статью из блога SendPulse, ближе к концу текста появляется попап с предложением подписаться и получить руководство по сбору и пополнению базы адресов. Таким образом, его увидят лишь те посетители, которым оказался интересен контент блога. Иллюстрация с элементами фирменного стиля и яркая кнопка с призывом к действию привлекают внимание, а полезный подарок стимулирует на подписку.
Пример попапа с ценным подарком
Это еще одна отличная практика, которой полезно следовать. Выделите время на создание уникальной электронной книги, руководства, учебного пособия, чтобы использовать их в качестве лид-магнита, — и получите приток действительно заинтересованных подписчиков. Это особенно актуально, если вы занимаетесь инфобизнесом.
Читайте также:
- «Что такое инфопродукт и как его создать»;
- «Продвижение инфобизнеса: 6 шагов подготовки и 5 рекламных инструментов»;
- «Как создать систему рассылок для инфобизнеса — универсальный кейс»;
- «Как зарабатывать на email рассылках в инфобизнесе. Пошаговый план».
Пример №2 — использование визуальных элементов для демонстрации опыта
Помните, мы говорили о добавлении реальных фото для укрепления экспертной позиции? Вот убедительный пример того, как одна качественная фотография может вывести обычное всплывающее окно на новый уровень.
Email попап от Curl Maven с фотографией основательницы бренда — эксперта по уходу за волосами
Этот простой прием в данном случае отлично работает. Фото девушки с ухоженными кудрявыми волосами не только делает сообщение понятнее, но и подтверждает, что блогер — действительно эксперт по уходу за ними. Вид здоровых блестящих локонов вызывает впечатление, что советы по красоте от их владелицы должны работать.
Пример №3 — заманивание скидкой
Если у вас в планах временное снижение цен, отразите это в кампании по лидогенерации. Приятная скидка может убедить даже самых осторожных пользователей поделиться с вами адресом электронной почты.
Воспользуйтесь нашими советами о том, как создавать эффективные рассылки.
Adidas предлагает скидку 10% на первый заказ тем, кто подпишется на рассылку — это хороший стимул поделиться контактами.
Пример попапа со скидкой от Adidas
Простое, но стильное оформление — минимум текста, черно-белая кнопка и небольшое изображение, передающее характер бренда, — цепляет внимание посетителя. Заголовок сразу бросается в глаза и заставляет подумать о выгодной покупке.
Пример №4 — доступ к полезной информации
Еще один классный способ начать разговор с посетителями сайта — предоставить им доступ к экспертному контенту, который они больше нигде не найдут. Если вы продвигаете образовательную информационную рассылку, подчеркните, сколько вложено усилий и проведено исследований. Так пользователи с меньшей вероятностью проигнорируют форму подписки.
Сервис, помогающий запускать рассылки по email и в чат-ботах, предлагает подписаться, чтобы получать разборы свежих кейсов, интервью с экспертами, полезные статьи и ответы на вопросы по маркетингу. Бесплатная книга по с приемами копирайтинга служит дополнительным крючком. За счет забавной иллюстрации сообщение воспринимается в меньшей степени коммерческим. Это пример того, как продвигать информационную рассылку дружелюбным и ненавязчивым способом.
Пример попапа, предлагающего ценную информацию
Пример №5 — минимум визуальных эффектов
Если на странице много информации и различного контента, всплывающее окно легко пропустить. В таком случае оставьте в попапе только самое необходимое — на контрасте с содержимым страницы скромная форма подписки будет лучше заметна.
Минималистичные попапы всегда выглядят элегантно и ненавязчиво. Если вы решите следовать этой практике, обязательно сделайте CTA-кнопку большой и контрастной — она будет основным фокусом внимания.
Минималистичная форма подписки с яркой кнопкой
Как создать попап с нуля с помощью SendPulse
Мы запустили интуитивно понятный конструктор попапов — рекомендуем его попробовать, если хотите создавать привлекательные всплывающие окна за считанные минуты. На бесплатном тарифе доступно до 30 попапов на аккаунт. В этом разделе пошагово покажем, как работать в нашем конструкторе.
Шаг 1. Создайте проект
Войдите в свой аккаунт SendPulse и откройте вкладку «Попапы». Затем нажмите «Создать проект». Вы можете привязать несколько сайтов к одному проекту или создать для каждого из них отдельный.
Добавление нового сайта в SendPulse
Чтобы установить попап на сайт, созданный в конструкторе SendPulse, просто введите его URL, и он будет подключен автоматически. Для внешнего ресурса скопируйте код, сгенерированный сервисом, и добавьте его на свой сайт. Затем проверьте установку. Вы также можете пропустить процесс проверки и вернуться к нему позже.
Шаг 2. Выберите шаблон и настройте его
Откройте свой проект и нажмите «Создать попап». Вы увидите множество шаблонов.
Коллекция шаблонов всплывающих окон SendPulse
Нужен один из шаблонов подписки на электронную почту. Нажмите на понравившийся вариант, чтобы перейти в режим редактирования.
Редактирование шаблона попапа в SendPulse
Измените внешний вид шаблона и расположение на экране по своему усмотрению. Добавьте изображение, если нужно.
Шаг 3. Настройте условия
Закончив редактирование, нажмите «Далее». Теперь задайте условия, при которых форма подписки будет показана пользователю. Вы можете комбинировать различные условия и выбрать отображение попапа при выполнении хотя бы одного из них или сразу всех.
Настройка условий отображения попапа в SendPulse
Когда все готово, опубликуйте попап или сохраните его в черновике. Чтобы увидеть, как работает ваша форма подписки, откройте вкладку «Статистика». Там будет, сколько просмотров, кликов и лидов она собрала. Можно проверить, как попап отображается на сайте — нужный URL вы найдете внизу страницы проекта на вкладке «Превью».
Как проверить отображение попапа на сайте
Поднимите email попапы на новый уровень
Как видите, создание всплывающего окна для сбора email занимает менее 10 минут, если использовать нужные инструменты. С помощью SendPulse вы можете делать универсальные сообщения для разных целей, поддерживая активность посетителей сайта и интерес к вашему бренду.
Рекомендуем использовать весь наш набор инструментов для автоматизации маркетинга — сервисы email, Viber и SMS рассылок, чат-боты, CRM и многое другое, — чтобы общаться с аудиторией и эффективнее продвигать свои продукты. Создайте учетную запись SendPulse прямо сейчас и попробуйте!