Всплывающие окна что это такое
Польза и вред всплывающих окон для сайта
Маркетологи сломали немало копий в спорах о пользе или вреде всплывающих окон (pop-ups, поп-апы). Одни считают окна эффективным инструментом, с помощью которого можно получить конверсию. Другие убеждены, что поп-апы — полный кошмар и пора покончить с ними раз и навсегда. Далее поговорим о том, что такое «всплывающие окна», зачем и когда они используются и какие у них «плюсы» и «минусы».
Pop-up — что это?
Всплывающее окно — окно с некой информацией (рекламой, предложением, оповещением), которое появляется спустя какое-то время при нахождении на сайте. Это окно открывается поверх страницы, на которой сейчас находится пользователь. Убрать окно можно несколькими способами: нажать на крестик в правом верхнем углу или согласиться и сделать то, что предлагает поп-ап.
Обычно предлагают подписаться на новости, перейти в какой-то раздел или выполнить какое-то другое целевое действие. В самых тяжелых случаях избавиться от поп-апа можно только покинув сайт — так далеко разработчики и маркетологи прячут заветный крестик.
Поп-апы появились не вчера, их популярность не спадает вот уже лет 20. Когда-то пользователи относились к ним совершенно спокойно и даже охотно выполняли целевое действие: подписывались, скачивали, переходили и загружали. Со временем этот инструмент затерли настолько, что сегодня у большинства пользователей он вызывает только отвращение. Между тем нельзя сказать, что всплывающие окна совсем уж кошмарное средство. Если использовать их «с умом», то можно получить определенную выгоду.
Какие бывают всплывающие окна
Часто на одном сайте можно заметить сразу несколько всплывающих окон. Сначала приветствие, потом вопрос «Не нашли нужное?», затем предложение подписаться на новости или перейти в другой раздел. Если вы решите использовать поп-апы на своем сайте, убедитесь, что оно обладает главными качествами адекватного всплывающего окна.
Три качества хорошего всплывающего окна
Как видите, ничего сверхъестественного. Поп-ап не должен выскакивать со звуком (это вообще дурной тон), блокировать всю страницу да так, что пользователю проще компьютер выключить, чем найти кнопку закрытия окна.
Когда уместно показать всплывающее окно?
Разумеется, необязательно показывать поп-ап сразу во всех случаях, это, скорее, перебор. Особенно не настаивайте, если человек уже отказался от одного вашего предложения. Не преследуйте его с этой подпиской по всем страницам сайта, так вы добьетесь обратного эффекта. Соблюдайте меру в дизайне и оформлении всплывающих окон. Они должны выделяться на общем фоне, но быть в едином стилевом решении.
Кстати, вот вам подсказка, чем можно заменить поп-ап — онлайн-чатом. По некоторым данным этот инструмент более эффективен, поскольку помогает пользователю снять трения, возникающие в воронке продаж. Если есть какие-то вопросы, посетитель сможет сразу же получить ответы в окне чата. Конечно, если там сидит человек, а не бот, собирающий контакты.
Еще один вариант — сallback, то есть виджет обратного звонка. Это всплывающее окно, которое предлагает перезвонить посетителю. Код сервиса можно установить на сайт, созданный на 1C-UMI.
Позитивные стороны всплывающих окон
Негативные стороны всплывающих окон
Тестируйте разные виды всплывающих окон, проверяйте предложения на адекватность и вы обязательно выведете собственную формулу успешного поп-апа!
Что такое всплывающие окна
Создайте рассылку в конструкторе за 15 минут. Отправляйте до 1500 писем в месяц бесплатно.
Отправить рассылку
Всплывающее окно (pop-up) — это элемент интерфейса, который отображается поверх веб-страницы в браузере. Оно внезапно «всплывает» без запроса пользователя или появляется по клику.
Всплывающие окна: за и против
По данным Statista, в 2019 году примерно 25,8% интернет-пользователей блокировали рекламу на своих устройствах и, соответственно, блокировали и всплывающие окна. Ожидается, что востребованность блокировщиков будет только расти. Уже сейчас практически четверть поп-апов не достига ет своей аудитории.
Долгое время всплывающие окна слишком агрессивно использовали маркетологи. Например, окна открывались автоматически после закрытия, и их нельзя было убрать до выполнения целевого действия. Также раньше с помощью всплывающих окон мошенники внедряли вредоносные программы. Пример — вирус-вымогатель, полностью блокирующий экран.
Вредоносное всплывающее окно требует оплаты для восстановления доступа к системе
Зачем нужны поп-апы
Видов всплывающих окон очень много, и описать их все в одной статье просто невозможно. Поп-апы применяют для следующих целей:
Мы будем говорить о конверсионных всплывающих формах — тех, что предполагают совершить какое-то действие пользователям. Это может быть подписка на рассылку, заказ звонка или заполнение заявки.
Конверсионные поп-апы позволяют:
Ещё одно важное преимущество поп-апов — всплывающее окно для сайта несложно сделать самостоятельно с помощью специальных сервисов и плагинов. Об этом мы расскажем чуть ниже.
Типы поп-апов
Все поп-апы делятся на 2 основных вида: hello-board и page-stop.
Как использовать всплывающие окна
Поп-апы различаются по цели применения и условиям показа. Перечислим основные варианты их использования.
Приветственное окно (entry pop-up)
Окно-приветствие не даёт ознакомиться с контентом до своего закрытия
Окно с временной отсрочкой (timed pop-up)
Чтобы определить время отсрочки, изучите отчёты Google Analytics. Посмотрите, каково среднее время пребывания на странице и настройте появление pop-up примерно на 50% от этого времени.
Сколько времени люди проводят на странице. Отчет в Google Analytics. Считается, что если настроить время появления поп-апа на 50% от этого показателя, то окно не будет раздражать и сможет хорошо конвертировать
Окно по пролистыванию (scroll pop-up)
Руководствуйтесь статистикой о средних доскроллах страницы, чтобы определить лучшее время для показа поп-апа. Также можно использовать данные тепловизоров для сайтов (например, Вебвизор Яндекс.Метрики ), когда будете задавать условия для появления окна. С помощью тепловизоров можно посмотреть, как ведут себя посетители на сайте и до какого момента в среднем прокручивают страницу.
Вебвизор Яндекс.Метрики показывает видео поведения пользователей на странице
Окно прощания (exit pop-up)
Не лучший пример окна-выхода: не понятно, почему пользователь должен остаться
Окно со всплытием по клику (click pop-up)
Pop-up всплывает после клика по кнопке «Перезвоните мне»
Это только несколько возможных вариантов использования pop-up. Однако всплывающие окна можно применять и для иных целей. Например, после заполнения пользователем формы подписки можно показать pop-up с текстом благодарности. При выборе определённой услуги может всплывать окно с кратким рассказом о сути услуги и о текущих акционных предложениях.
Элементы всплывающего окна
Любая форма поп-апа состоит из трёх частей:
Правильная форма не оставляет вопросов о том, зачем с ней взаимодействовать
По закону в любой форме нужно брать согласие на обработку персональных данных клиентов. Визуально это может выглядеть как чекбокс со ссылкой на политику конфиденциальности. Запрашивая email для рассылки, обязательно просите подтвердить согласие на получение писем.
Нет каких-то стандартов по оформлению содержания pop-up. Есть лишь рекомендация: всплывающее окно не должно быть сложным для восприятия. Планируя создание pop-up, ответьте на следующие вопросы:
Как правильно оформить pop-up
При создании всплывающих окон главная цель — создать pop-up, который будет решать поставленные задачи и не будет раздражать.
Вот 5 правил хорошего поп-апа:
Практически в любом сервисе по созданию всплывающих окон все перечисленные требования можно настроить вручную. Если же вы ставите ТЗ на создание поп-апов верстальщику, не забудьте прописать это в требованиях.
При создании всплывающих окон нужно учитывать, что поп-апы — это форма рекламы. Поэтому, следует соблюдать требования Coalition for Better Ads — « Коалиции за лучшую рекламу », созданную ведущими международными торговыми ассоциациями и компаниями. Требованиями Coalition for Better Ads руководствуется Google Chrome, когда решает, нужно ли блокировать сайт и в каком виде его увидит пользователь.
Согласно Coalition for Better Ads нельзя:
Как создать pop-up
Для создания поп-апов можно использовать следующие способы:
Кроме того, создавать поп-апы можно с помощью различных плагинов. Например, с помощью плагинов поп-апов для WordPress:
В Unisnder все зарегистрированные пользователи могут бесплатно создавать всплывающие окна с формой подписки. Чтобы создать поп-ап, нужно:
В результате на вашем сайте появится всплывающая форма с настройками, которые вы задали в Unisender.
Что такое всплывающее окно и как его создать самостоятельно
У многих пользователей интернета термин « вплывающее окно » вызывает негативные ассоциации. Перед глазами сразу же « вплывает » картинка того, как при попытке просмотреть на сайте нужную информацию эта гадина закрывает нужный кусок текста. Что еще хуже, если пытаться закрыть его, пользователя зачастую вообще перекидывает на другой ресурс.
А такая ли гадина эти ваши всплывающие окна?
Несмотря на такую дурную славу, всплывающие окна могут не только раздражать, но и приносить пользу. Изначально они являются лишь разновидностью диалоговых окон, применяемых в программировании как элементы пользовательского интерфейса.
Они служат для информирования и как средство диалога между пользователем и программой ( веб-приложением ). Но, к сожалению, такое негативное отношение многих пользователей к всплывающим окнам во многом оправдано, потому что в сети они применяются в основном для рекламных целей.
Есть два вида рекламных окон:
Последние являются самыми коварными. Они становятся активными и видными для пользователя лишь после закрытия основного. Поэтому определить их источник и вовремя блокировать не удастся.
Средства борьбы
Из-за повсеместного применения всплывающих окон для нежелательной рекламы в интернете многие разработчики программного обеспечения начали встраивать в свои продукты средства борьбы с ними.
Основной программой для пользования интернетом являются браузер. Поэтому основной способ блокировки действия рекламных окон реализован именно в браузере:
Создание всплывающих окон с помощью javascript
Действие всех трех методов и вызываемые ими разновидности диалога показаны на изображении:
Вот полный синтаксис метода:
На изображении ниже показано действие метода и приведен упрощенный скрипт всплывающего окна:
Создание всплывающего окна с помощью CSS
Обзор остальных технологий
Также существует несколько популярных скриптов. Пример одного из них будет приведен ниже. По такому принципу работают всплывающие окна в контакте и других популярных социальных сетях:
Код приведен в варианте « для ленивых ». Вставив его в любой редактор и запустив на выполнение, вы получите готовый пример всплывающего окна на основе jquery :
Какой вариант лучше?
37 типов popup-окон для вашего сайта
Вы решили использовать на своем сайте всплывающие окна (popups), но не знаете, какие из них подойдут именно вам?
Большинство маркетологов ошибочно думают что всплывающие окна — это универсальная «техника». Тогда как на самом деле, существует множество типов всплывающих окон для разных целей.
В этой статье мы расскажем вам о 37 типах всплывающих окон, которые мы разобьем на 3 категории:
С помощью этих 3 категорий вы сможете создать более 1300 различных типов popup-окон. Это значит, что вы сможете получать максимально возможное количество конверсий, не упуская ни единой возможности.
Содержание статьи
Что такое всплывающие окна и почему их стоит использовать
Всплывающее окно — это своего рода информационное или рекламное предложение, отображаемое поверх вашего основного контента и призванное быстро привлечь внимание пользователей.
Обычно всплывающие окна включают в себя призыв к действию (CTA, call to action), побуждающий посетителя сделать то, что вы от него хотите. Как очень скоро вы увидите, эти действия могут варьироваться в зависимости от ваших маркетинговых целей.
Эффективны ли всплывающие окна? Да, если вы знаете, как правильно их сделать.
Видите ли, многие маркетологи ошибаются, используя один тип popup-окон для всех ситуаций. Они берут стандартное всплывающее окно и размещают его на каждой посадочной странице. Затем они удивляются, почему показатели конверсии такие низкие.
Другими словами, они не понимают, почему никто не откликается на их призыв к действию.
Технология popup-окон за последние несколько лет сильно продвинулась вперед. Теперь вы можете выбирать, кому, где и когда вы хотите показать то или иное всплывающее окно.
Это означает, что вы можете показать его той части аудитории, которая с большей вероятностью предпримет нужное вам действие. В результате ваши показатели конверсии будут идти вверх, аудитория — расти, а количество продаж — увеличиваться.
Выбирая тип всплывающего окна, у вас есть множество вариантов.
Далее мы рассмотрим 37 типов popup-окон в разбивке по внешнему виду, цели и триггеру.
Типы всплывающих окон по внешнему виду
Когда пользователи слишком часто видят одно и то же объявление или вид всплывающего окна, они привыкают тут же его закрывать. Это явление называется усталостью от рекламы (ad fatigue).
Используя разные виды popup-окон, вы сможете все время привлекать и удерживать внимание своей аудитории.
Рассмотрим подробнее, какие же виды всплывающих окон существуют.
1. Лайтбокс
Лайтбокс (Lightbox) является наиболее распространенным типом popup-окон. Вы, наверняка, видели его раньше:
При появлении такого всплывающего окна фон браузера становится темнее, тем самым привлекая все ваше внимание к информации на popup-окне.
Чаще всего лайтбоксы используются для расширения списка email-адресов.
2. Да/Нет
Всплывающее окно «Да/Нет» — это веб-форма из 2-3 шагов (в зависимости от того, добавляете ли вы страницу благодарности), содержащая простой вопрос, на который можно ответить либо «да», либо «нет»:
Хотя вы можете подумать, что добавление еще одного шага в всплывающее окно приведет к снижению коэффициента конверсии (conversion rate), на самом деле все совсем наоборот.
Все благодаря психологическому феномену, известному как эффект Зейгарник. Он заключается в том, что у человека больше шансов завершить уже начатый процесс.
Многие всплывающие окна сразу же запрашивают имя и адрес электронной почты, что отпугивает некоторых нерешительных посетителей. Но, если вы сначала зададите человеку простой вопрос, то он с большей вероятностью сделает нужное вам действие после того, как нажмет «да».
3. Да/Да
Всплывающие окна «Да/Да» похожи на окна «Да/Нет», но имеют один необычный ход, делающий их еще более эффективными.
В типичной кампании «Да/Нет» вариант «да» направляет пользователей туда, куда вы хотите, или на страницу, где они могут указать свой email-адрес.
Вариант «нет» просто закрывает окно.
В popup-окне «Да/Да» оба варианта ответа ведут в одно и то же место, но по разным причинам.
Так, например, popup-окно на сайте поставщика услуг веб-хостинга Bluehost предлагает зарегистрироваться и бесплатно получить доменное имя:
Получите бесплатный домен и создайте блог менее чем за 1 час!
(. )
Кнопка «Да, я хочу бесплатный домен»
Кнопка «Нет, я просто хочу создать сайт»
Кнопка «да» переводит пользователей на сайт Bluehost, где они могут получить бесплатный домен.
Кнопка «нет» также переводит их на сайт Bluehost, потому что не всем нужен новый домен. Им просто нужен сервис веб-хостинга.
Пусть и с разной целью, но оба типа пользователей хотят попасть на сайт Bluehost.
Эта техника работает очень хорошо, если следовать этим советам:
Следуя этим простым правилам, вы сможете получать большое количество конверсий из своих кампаний «Да/Да».
4. Геймифицированные
Этот вид всплывающего окна действительно эффективен. Он превращает обычное popup-окно в игру. Наиболее распространено popup-окно с так называемым «колесом удачи»:
Такие popup-окна отлично привлекают внимание пользователей и дают им дополнительный стимул следовать вашему призыву к действию.
Только убедитесь, что предлагаемый «приз» достоин того действия, которого вы просите от пользователей.
5. Небольшое окно сбоку
Не всегда popup-окно должно быть в форме нового окна. Вместо этого оно может выглядеть как небольшое окошко сбоку:
Такой вид popup-окна менее навязчив и не мешает посетителю просматривать страницу, на которой он находится.
Они добавляют немного разнообразия в вашу общую стратегию и могут быть отличным инструментом для борьбы с усталостью от всплывающих окон.
6. Плавающая панель
Еще один вид всплывающих окон — плавающая панель (floating bar). Они обычно выглядят так:
Здесь вы можете подумать: «Но плавающие баннеры — это не всплывающие окна… это просто кампания, статично расположенная на сайте».
Но помните, что вы можете добавить правила, чтобы ваши плавающие панели появлялись когда и где вы хотите. Это наделяет их такой же силой притягивать внимание, как и у стандартного всплывающего окна.
Другими словами, кампании с плавающей панелью не должны быть статичными элементами на сайте. Вы должны показывать их нужным посетителям в ключевые моменты их путешествия.
Плавающие панели идеально подходят для информирования клиентов о новостях, предложениях бесплатной доставки или внезапной распродаже.
7. Полноэкранное
Полноэкранные popup-окна по своей природе более агрессивны, чем стандартные лайтбокс окна, но в хорошем смысле. Они занимают весь экран браузера, который просматривает ваш посетитель:
Это popup-окно занимает весь экран пользователя
В этом случае вы точно привлечете внимание вашего посетителя. С помощью полноэкранных popup-окон OptiMizeMyAirBnB увеличил свой список email-адресов на 650%, а продажи — на 66%.
8. Возникающее по клику
Popup-окна, вызываемые кликом, действительно крутые, поскольку их видят только те пользователи, которым интересно, что вы предлагаете. Это означает, что вы привлекаете супертеплых лидов.
Как результат, вы можете ожидать гораздо более высоких конверсий.
Они работают путем вставки триггера popup-окна в якорный текст (anchored text).
Используя этот тип всплывающих окон, Stays.net смог увеличить свои ежемесячные продажи на 10%.
Типы всплывающих окон по цели
Теперь, когда мы рассмотрели виды всплывающих окон, пришло время поговорить о целях, которые они преследуют.
Всплывающие окна могут иметь 19 разных целей:
9. Информационное оповещение
Информационные оповещения позволяют пользователям узнать что-то о вашей компании. Это может быть, например, информация об изменении часов работы вашего магазина или информация, ведущая к призыву к действию.
Например, информирование клиентов о текущих скидках и кнопки «Подробнее» рядом:
Какова бы ни была цель, эти всплывающие окна дают клиентам нужную информацию о вашей компании и продуктах.
10. Перенаправление страницы
Этот тип popup-окна приводит вашего посетителя к связанной статье или товарной странице. Часто это кампании вида «Да/Нет» или «Да/Да», где вариант «да» открывает новое окно.
Такие popup-окна отлично подходят для увеличения просмотров страниц на вашем сайте путем перенаправления читателей на связанный контент.
Используя эту стратегию Olyplant увеличил просмотры страниц на своем сайте на 157%.
Они также могут хорошо работать для вашей стратегии аффилированного маркетинга. Используйте вариант «да», чтобы перенаправлять клиентов на партнерскую товарную страницу.
11. Обход AdBlock
Знали ли вы, что более 616 000 000 людей пользуются блокировщиками рекламы? Это означает, что даже если у вас идеальная popup-кампания, нужный клиент может даже никогда не увидеть ее.
Этот тип popup-окна просит пользователей отключить их блокировщик рекламы. Все верно, это всплывающее окно помогает пользователям увидеть другое ваше всплывающее окно!
Большинство людей только хотят блокировать спам-рекламу, и не знают, что упускают какие-то специальные предложения. Мы обнаружили, что примерно 77% пользователей более чем рады отключить свои блокировщики рекламы, чтобы получить скидку.
12. Вход пользователя в систему
Popup-окна для входа в систему идеально подходят для улучшения пользовательского опыта (user experience). Во многих случаях пользователей перенаправляют 2 раза, прежде чем они смогут войти в систему:
Всплывающее окно для входа в систему позволяет избежать этих раздражающих перенаправлений:
Когда пользователь хочет войти в систему, появляется всплывающее окно. Затем он вводит свои данные, нажимает «Войти» и может продолжить просмотр сайта.
13. Опрос
Есть старая поговорка: «Знание — сила». В бизнесе она звучала бы немного иначе: «Знание — прибыль».
Лучший способ получить эти знания — через опросы клиентов:
Помогите нам улучшить Kennedy Blue
Пройдите небольшой опрос (это займет всего 1 минуту)
Нам важно ваше мнение!
Кнопка «Пройти опрос»
Кнопка «Нет, спасибо»
С помощью всплывающей формы опроса вы сможете больше узнать о своих клиентах. Полученная информация позволит вам персонализировать маркетинговые кампании или улучшить свой продукт.
Также вы сможете лучше понять образ покупателя (buyer persona).
14. Скачивание лид-магнита
Если вы хотите расширить список email-адресов, вам следует использовать лид-магнит. Лид-магнит — это все, что ваша аудитория сочтет ценным: электронная книга, инфографика, ссылка, купон и многое другое.
Эти всплывающие окна предлагают пользователям скачать лид-магнит в обмен на некоторую контактную информацию, например, адрес электронной почты или телефон:
В итоге, все остаются в выигрыше: ваш клиент получает нечто ценное, а вы расширяете свой список email-адресов.
15. Регистрация на вебинар
Вебинары являются частью любой современной маркетинговой стратегии. Но как зарегистрировать людей на него с вашего сайта?
Используйте popup-окно, чтобы рассказать пользователям о предстоящем вебинаре:
Думаете о написании книги?
Бесплатный вебинар от Брайана Трейси
Как написать и издать бестселлер за 5 шагов.
Кнопка «Зарегистрироваться сегодня!»
Кнопка «Нет, спасибо»
Затем вы можете перенаправить пользователей на посадочную страницу вебинара, либо спросить их email-адрес и отправить всю информацию туда.
Какую бы стратегию вы ни выбрали, такое popup-окно — отличный способ привлечь посетителей на ваше мероприятие.
16. Предварительный заказ
Многие маркетологи делают ошибку, думая, что они могут продавать продукт только тогда, когда он готов и доступен.
В действительности же вы сможете хорошо увеличить объем своих продаж, если начнете принимать предварительные заказы. Это также поможет вам покрыть часть затрат на создание продукта.
Презентуйте посетителям свой новый продукт, а затем:
Такое всплывающее окно существенно увеличит ваши шансы на ранние продажи.
17. Промокод / Акция
Хотите расширить список контактов и одновременно сделать клиентов счастливыми? Покажите им всплывающее окно с промокодом на скидку. Например, как это:
Пользователи смогут сэкономить деньги, а вы получите ценную контактную информацию.
Только не забывайте своевременно обновлять информацию о текущих акциях. Нет ничего более раздражающего, чем получить промокод с истекшим сроком годности.
18. Запрос email-адреса
Получение email-адреса клиента — популярная цель всплывающих окон. Причина, по которой данный тип popup-окна занимает отдельное место в списке, заключается в том, что он фокусируется исключительно на получении email-адреса:
19. Запрос телефонного номера (для смс)
Цель данного типа popup-окна — получить телефонный номер клиента. Так вы сможете улучшить свою стратегию SMS-маркетинга.
Купите 2 летние футболки
Получите 3-ю в подарок
(Только сегодня)
Оставьте свои контактные данные и мы отправим вам промо-код на это эксклюзивное предложение!
Поле 1: Введите ваш телефонный номер здесь…
Поле 2: Введите ваш email-адрес здесь…
Кнопка: «Получить спецпредложение сегодня»
20. Рекомендации продуктов
Если вы хотите, чтобы ваши клиенты тратили больше, подумайте об использовании popup-окна с рекомендациями продуктов.
При просмотре определенных товарных страниц пользователям будет показано всплывающее окно с другим товаром, который их также, возможно, заинтересует.
Вот небольшой пример:
Держите вашу голову
(и ваши джинсы)
высоко
Этот стильный ремень выполнен из натуральной кожи, имеет гарантию 5 лет, и подойдет для любого случая
Ах да, и только сегодня при покупке любой пары джинсов вы можете приобрести его со скидкой 50%.
Кнопка «Узнать больше»
Здесь пользователь может добавить к выбранным джинсам ремень. А в качестве особого стимула при покупке обоих товаров на ремень предлагается 50% скидка.
21. Апселлинг
Данный тип popup-окон также рекомендует сопутствующие товары. Однако предлагаемые товары стоят дороже, чем то, что покупатель собирается купить или уже купил.
Macy’s отлично справляется с апселлингом:
Здесь мы видим всплывающее окно с предложением купить более дорогие летние платья. Оно появляется тогда, когда клиент добавил в корзину менее дорогие товары.
Цель такого popup-окна проста: научить клиентов тратить больше денег на ваши продукты с течением времени.
22. Даунселлинг
В отличие от апселлинга, даунселлинг — это попытка продать клиентам более дешевый товар, чем тот который они просматривали до этого.
Лучший способ использовать этот тип окна, когда кто-то просмотрел товар, но покинул страницу, не предприняв никаких действий.
Это показатель того, что этот товар, возможно, слишком дорогой для клиента на данный момент.
Если вы можете показать клиенту схожий товар по более низкой цене, вам будет легче направить его в вашу воронку продаж (sales funnel). Со временем вы сможете увеличить их средний чек и превратить их в лояльных клиентов.
23. Воронка ловушка
Этот тип popup-окна используется, когда вы хотите заманить людей в так называемую «воронку-ловушку» (tripwire funnel).
Предложите своей аудитории то, от чего они просто не смогут отказаться. Затем, после того, как они оплатят товар, покажете им более дорогой продукт (апселлинг). Если они его не купят, предложите другой продукт по более низкой цене (даунселлинг).
В конечном счете ваше всплывающее окно заставит клиентов попасть в эту воронку-ловушку и даже оплатить некоторые расходы на рекламу.
Рецепты воронки продаж для роста вашего бизнеса
Бесплатная книга
Как это приносит деньги?
Этот тип всплывающего окна идеально подходит для привлечения клиентов в вашу воронку продаж.
24. Брошенная корзина
Однако с помощью простого popup-окна вы можете вернуть посетителей, покидающих свои корзины:
Текст на картинке: Подожди, не уходи
Уже уходите?
В вашей корзине остались товары в корзине.
Как насчет 20% скидки на весь заказ?
Используйте промокод: save20off
Магазин таким образом возвращает 21,06% своих клиентов. Это означает, что каждый пятый клиент, пытающийся уйти до оформления заказа, возвращается.
25. Гивэвей
Онлайн-конкурсы способны приносить большую пользу вашему бизнесу. С их помощью вы можете:
И многое другое. Но иногда создание и продвижение онлайн-конкурса может быть непростым делом.
Чтобы облегчить себе задачу, создайте вирусный конкурс, разместите его подробности на лендинге или в группе в соцсетях, а затем внедрите ссылку на него в ваше popup-окно.
Использование этого типа popup-окна приведет к увеличению числа регистраций, подписчиков и продаж.
26. Таймер обратного отсчета
Таймеры обратного отсчета идеально подходят для создания эффекта срочности. Они показывают посетителям сайта, сколько осталось времени до конца действия акции.
Это побуждает сомневающихся покупателей действовать незамедлительно. Вот пример стандартного окна с таймером обратного отсчета:
27. Уведомление о недавнем действии
Уведомление о недавних действиях — мощная форма социального доказательства (social proof) для вашего сайта. Эти небольшие popup-окна сообщают пользователям, когда кто-то взаимодействует с вашим брендом в интернете.
Они мгновенно завоевывают доверие аудитории, потому что показывают, что у вашего бренда есть реальные поклонники.
Это может быть любое действие на вашем сайте, например, когда кто-то просматривает тот же товар:
Или это могут быть действия вне вашего сайта, например, когда кто-то оставляет отзыв о вас на стороннем ресурсе, таком как Yelp или Google My Business.
28. Уведомление о недавней продаже
Эти всплывающие окна показывают в режиме реального времени, когда кто-то покупает продукт на вашем сайте:
Здесь используется маркетинговая тактика, известная как FOMO (fear of missing out, боязнь что-либо упустить). Когда пользователи видят, что другие люди покупают ваш продукт, у них также появляется желание купить его.
Типы всплывающих окон по триггеру или таргету
Мы рассмотрели различные виды всплывающих окон и 19 целей, которые они могут преследовать.
Осталось добавить последний слой к уравнению: триггеры и таргеты.
Триггеры всплывающих окон — это то, что заставляет пользователя увидеть ваше popup-окно. Триггеры основываются на поведении пользователя. Это означает, что вы показываете свое всплывающее окно только тем людям, которые проявили интерес к вашему контенту.
В итоге, вы получаете более теплые лиды и потенциально более высокие конверсии.
То же самое можно сказать и о правилах таргетинга popup-окон. Они гарантируют, что ваши всплывающие окна будут показаны нужному сегменту аудитории на основании того, какой контент они просматривают.
Рассмотрим 10 типов триггеров и таргетов popup-окон, которые вы можете использовать для своих кампаний.
29. Намерение уйти со страницы
Как выяснилось, 70% людей, посещающих ваш сайт, никогда не вернутся.
Exit-popup — это отличный способ удержать посетителей. Такие окна появляются всякий раз, когда пользователь пытается покинуть ваш сайт:
Вы можете удержать этих посетителей, захватив их внимание выгодным предложением. Кроме того, такие popup-окна теперь работают и для мобильных посетителей. Это означает, что вы даже можете таргетировать трафик, идущий со смартфонов.
30. Прокрутка как триггер
В данном случае всплывающее окно появляются, когда пользователь прокручивает страницу до определенного процента.
Это значит, что вы можете синхронизировать всплывающее окно с различным контентом на вашей странице. Как это работает?
Допустим, у вас в блоге есть статья о том, как увеличить трафик. Вы можете создать всплывающее окно, которое будет появляться, когда пользователь прокрутит до середины (50%) страницы:
Конвертируйте и монетизируйте ваш трафик
Присоединяйтесь к более 700 000 сайтов, получающих огромное количество подписчиков и клиентов с помощью OptinMonster
Кнопка «Повысить конверсию сайта»
«Нет, спасибо. Я получаю достаточно конверсий.»
Когда пользователи достигнут этого раздела, они увидят всплывающее окно с соответствующим продуктом или предложением.
Такие popup-окна эффективны, поскольку их видят те пользователи, которые явно заинтересованы в теме вашего контента.
31. Время, проведенное на странице
Это всплывающее окно появляется тогда, когда посетитель находится на вашей странице в течение определенного периода времени (обычно от 10 до 60 секунд).
И как и в предыдущем случае, эти popup-окна появляются только для пользователей, проявляющих к вам интерес.
А поскольку они проявляют повышенный интерес к контенту вашей страницы, они с большей вероятностью отреагируют на призыв к действию.
32. С привязкой к странице
Как мы уже говорили в начале статьи, многие маркетологи делают ошибку, создавая одинаковое всплывающее окно для всех своих страниц.
Гораздо эффективнее персонализировать popup-окна, чтобы они соответствовали контенту, который просматривает пользователь.
Используя этот подход, Rich Page увеличил количество подписок на 316%:
Ваш сайт оптимизирован для больших продаж?
Скачивайте мой бесплатный набор инструментов для повышения конверсии!
(. )
Поле 1 — Ваше имя
Поле 2 — Ваш email
Кнопка «Получить бесплатный доступ»
33. С привязкой к местонахождению
Знали ли вы, что можно настроить таргетинг по местоположению? Это значит, что вы можете показывать пользователям из определенного местоположения уникальное popup-окно.
Это может пригодится в нескольких случаях. Например, если у вас имеется офлайн-магазин, вы можете предлагать жителям вашего города особые скидки.
Или, если вы предлагаете услуги в нескольких странах, возможно, вы захотите, чтобы кампании отображались на языке вашего пользователя:
Попап-окно на греческом языке
Такие popup-окна помогают персонализировать кампании для вашей аудитории и повысить показатель конверсии.
34. С привязкой к cookie
Popup-окна с привязкой к cookie помогают настроить ретаргетинг кампаний для вашего трафика. В действительности, ретаргетинг способен увеличить доход в 4 раза.
Используя имеющиеся данные о ваших клиентах, вы можете показывать определенные всплывающие окна для апселлинга, даунселлинга, кросселинга… и любых других видов продаж!
Поскольку вы знаете интересы своих клиентов, вы можете использовать этот тип popup-окон, чтобы перевести персонализацию на новый уровень.
Вы даже можете использовать такой ретаргетинг cookie с вашим почтовым провайдером и создать особые кампании для постоянных клиентов. В результате этой персонализации вы увидите значительное увеличение прибыли.
35. Повторное вовлечение неактивных
Вы можете повторно вовлечь клиентов, переставших взаимодействовать с вашей страницей.
Данный тип popup-окна появляется, когда окно браузера открыто, а никаких взаимодействий с сайтом нет:
Вы можете использовать анимацию или звук, чтобы точно привлечь внимание вашего клиента.
Особенно это будет полезно для посетителей, использующих смартфон. Все потому, что более 80% мобильных покупателей никогда не доводят процесс покупки до конца.
36. Запланированное
Этот тип popup-окна появляется в запланированное время в течение определенного периода.
Они отлично подходят для праздничных и сезонных распродаж. Также они могут быть использованы при запуске новых продуктов и других чувствительных ко времени предложений.
Чтобы повысить их эффективность, используйте таймер обратного отсчета:
Праздничные скидки
20% на весь заказ
[осталось] 7 дней 3 часа 57 минут 14 секунд
Запланированные всплывающие окна — отличный способ создать повышенный интерес к ограниченной по времени акции.
37. Follow-up на сайте
Последний тип всплывающих окон учитывает то, как пользователи взаимодействуют с вашим сайтом, чтобы позже показать другие всплывающие окна.
Преимущества этого типа popup-окна велики.
Вы можете значительно увеличить количество регистраций и продаж, таргетируя кампании на основе интересов вашего посетителя.
Эта стратегия позволила туристическому агентству Anywhere удержать 56,24% уходящих посетителей:
Нужна помощь в планировании путешествия?
Запланируйте отпуск с учетом ваших предпочтений
Еще не готовы? Подпишитесь на нашу рассылку и получайте полезные советы, скидки и многое другое!
Кнопка 1: «Да, мне нужна помощь!» Кнопка 2: «Нет, я просто изучаю информацию!»
Они также увеличили количество регистраций по электронной почте на 20%.
Заключение
Всплывающие окна — один из самых мощных инструментов в вашем маркетинговом арсенале. И, как вы успели убедиться, не существует универсального подхода к ним.
В действительности, все совсем наоборот.
Вы можете комбинировать разные типы попап-окон, цели и триггеры, чтобы создать то, которое вам нужно для конкретной ситуации.