Всплывающие окна (попапы): что это и как применять
Содержание
Что такое попап (всплывающее окно)?
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 это можно сделать не только без особых усилий и дополнительных знаний, но и без доплат!
