Что такое всплывающее окно: Что такое всплывающие окна (pop-up) на сайте

Содержание

Что такое всплывающие окна (pop-up) на сайте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Типы попапов

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

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

Пример hello-board

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

Пример page-stop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Важно!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В Unisnder все зарегистрированные пользователи могут бесплатно создавать всплывающие окна с формой подписки. Чтобы создать попап, нужно: 

  1. Зарегистрироваться в сервисе.

  2. В разделе «Инструменты» выбрать «Всплывающие формы».

  3. Кликнуть «Создать форму», выбрать подходящий шаблон и дать название форме.
  4. Отредактировать форму.

  5. Настроить условия показа.

  6. Выбрать список, в который будут попадать полученные данные.

  7.  Скопировать код формы и установить его на сайт.

В результате на вашем сайте появится всплывающая форма с настройками, которые вы задали в Unisender.

Полезные ссылки

Как создать попап в Unisender
Какими должны быть всплывающие окна в 2020 году: 10 трендов
Как сделать конверсионную форму подписки своими руками
Как сделать конверсионную форму подписки
10 классных сервисов для создания всплывающих окон

Что такое всплывающие окна (pop-up) на сайте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Типы попапов

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

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

Пример hello-board

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

Пример page-stop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Важно!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В Unisnder все зарегистрированные пользователи могут бесплатно создавать всплывающие окна с формой подписки. Чтобы создать попап, нужно: 

  1. Зарегистрироваться в сервисе.

  2. В разделе «Инструменты» выбрать «Всплывающие формы».

  3. Кликнуть «Создать форму», выбрать подходящий шаблон и дать название форме.
  4. Отредактировать форму.

  5. Настроить условия показа.

  6. Выбрать список, в который будут попадать полученные данные.

  7.  Скопировать код формы и установить его на сайт.

В результате на вашем сайте появится всплывающая форма с настройками, которые вы задали в Unisender.

Полезные ссылки

Как создать попап в Unisender
Какими должны быть всплывающие окна в 2020 году: 10 трендов
Как сделать конверсионную форму подписки своими руками
Как сделать конверсионную форму подписки
10 классных сервисов для создания всплывающих окон

Что такое всплывающие окна (pop-up) на сайте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Типы попапов

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

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

Пример hello-board

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

Пример page-stop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Важно!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В Unisnder все зарегистрированные пользователи могут бесплатно создавать всплывающие окна с формой подписки. Чтобы создать попап, нужно: 

  1. Зарегистрироваться в сервисе.

  2. В разделе «Инструменты» выбрать «Всплывающие формы».

  3. Кликнуть «Создать форму», выбрать подходящий шаблон и дать название форме.
  4. Отредактировать форму.

  5. Настроить условия показа.

  6. Выбрать список, в который будут попадать полученные данные.

  7.  Скопировать код формы и установить его на сайт.

В результате на вашем сайте появится всплывающая форма с настройками, которые вы задали в Unisender.

Полезные ссылки

Как создать попап в Unisender
Какими должны быть всплывающие окна в 2020 году: 10 трендов
Как сделать конверсионную форму подписки своими руками
Как сделать конверсионную форму подписки
10 классных сервисов для создания всплывающих окон

✅ Что такое Pop-Up: Определение, Примеры, Видео — Определение

Pop-up — это всплывающее окно, которое появляется во время посещения страницы. Маркетологи используют его для лидогенерации, а также для рекламы услуг и продуктов компании. В сервисе SendPulse вы можете бесплатно создать pop-up всего за несколько минут.

Следуйте этой пошаговой инструкции, чтобы создать pop-up в вашем корпоративном стиле абсолютно бесплатно!

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

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

Возможности pop-up

  • Генерация подписчиков
  • Продвижение контента
  • Уменьшение bounce rate

Pop-up — это многофункциональный инструмент, который помогает конвертировать трафик на сайте в лиды. Вот краткий список его основных возможностей:

  • Генерация подписчиков. Предположим, у вашего сайта много посетителей и вы не знаете, как привлечь их к взаимодействию с брендом. В таком случае, всплывающая форма подписки мотивирует пользователей оставить email. Так вы увеличите список рассылки, построите взаимоотношения с аудиторией по email и ускорите продвижение лидов по воронке продаж.
  • Продвижение контента. Основная цель pop-up — это лидогенерация, однако вы можете создать лид-магнит и рекламировать свою PDF книгу, руководство или курс, релевантный странице, на которой находится посетитель. Так вы продемонстрируете свой опыт в этой области и поможете аудитории решить их проблемы. Например, аграрии могут поделиться своими прогнозами урожая на следующий год в сельскохозяйственном блоге.
  • Уменьшение bounce rate. Эта метрика показывает, насколько быстро пользователи покидают сайт. Чтобы снизить показатель bounce, многие маркетологи используют pop-up, в котором просят посетителей оставить email адрес, номер телефона или другую информацию для дальнейшей коммуникации. Такое всплывающее окно обычно появляется, когда пользователь собирается закрыть вкладку или покинуть сайт.

Давайте посмотрим на несколько примеров и визуализируем некоторые возможности pop-up.

Примеры pop-up

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

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

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

Готовы попробовать создать свой первый pop-up?

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

  1. Зарегистрируйтесь в SendPulse
  2. Выберите шаблон pop-up
  3. Настройте дизайн pop-up
  4. Установите условия показа

Следуйте этой простой инструкции, чтобы создать pop-up форму для мотивации пользователя к подписке.

Шаг 1. Зарегистрируйтесь в SendPulse

SendPulse — это маркетинговая платформа, которая предоставляет разные инструменты и каналы для успешного построения взаимоотношений с клиентами. Вы можете создать креативную pop-up форму менее, чем за полчаса. Используйте ее, чтобы увеличить базу подписчиков и отправлять им массовые рассылки. Регистрируйтесь прямо сейчас.

Шаг 2: Выберите шаблон pop-up

Перейдите во вкладку “Формы подписки” и нажмите “Создать форму подписки”. Вы можете выбрать один из четырех шаблонов, включая pop-up как на скриншоте ниже.

Шаг 3: Настройте дизайн pop-up

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

В SendPulse вы также можете создать мультиканальную форму подписки, чтобы пользователи могли контактировать с вашим брендом через Facebook Messenger, Telegram и ВКонтакте. Для этого лишь нужно перетянуть иконку нужного мессенджера в вашу форму и добавить ссылку. Смотрите, как выглядит такая форма.

Шаг 4: Установите условия показа

В правом верхнем углу нажмите “Опции формы” и выберите условия показа pop-up, время, а также страницу для отображения. На скриншоте ниже вы видите доступные опции.

Теперь, когда вы знаете, как создать pop-up с помощью SendPulse, ознакомьтесь с некоторыми полезными советами.

Как создать эффективный pop-up

  1. Сделайте форму максимально простой
  2. Придерживайтесь правильной структуры
  3. Расскажите, чего ожидать после подписки
  4. Предложите бонус в обмен на email
  5. Разрабатывайте брендированные pop-up окна
  6. Установите связь между контентом и pop-up окнами
  7. Используйте куки
  8. Экспериментируйте с pop-up формой
  9. Адаптируйте формы для мобильных
  • Сделайте форму максимально простой. Чем короче и проще форма в заполнении, тем больше шансов получить лиды. Для того, чтобы начать общение с подписчиком, достаточно двух полей: имя пользователя и email.
  • Придерживайтесь правильной структуры. Используйте четкий призыв к действию. Пользователь должен понимать, что он получит в обмен на свой email. Сделайте кнопку призыва выделяющейся. Предоставьте возможность незаинтересованным пользователям закрыть форму подписки — не прячьте крестик. И, конечно же, гарантируйте полную конфиденциальность данных.
  • Расскажите, чего ожидать после подписки. Укажите в pop-up, как часто и какие письма будет получать подписчик. Так ваш список рассылки будет пополняться только заинтересованными пользователями.
  • Предложите бонус в обмен на email. Это называют лид-магнитом. Он мотивирует пользователей оставлять свои контактные данные. Бонус должен быть конкретным и существенным. Например, предложите скидку на первую покупку или чек-лист для специалиста вашей области.
  • Разрабатывайте брендированные pop-up окна. Дизайн всплывающих окон должен соответствовать дизайну вашего сайта. Используйте лого, фирменный шрифт, цвета, фон. Это повысит узнаваемость бренда и поможет пользователю сформировать о нем целостную картинку.
  • Установите связь между контентом и pop-up окнами. Например, у вас есть интернет-магазин. В разделе товаров предложите подписаться на акции, в разделе уценки — на последние и самые выгодные новинки, на блоге — на интересующие статьи.
  • Используйте куки. Предоставляйте опции «Не показывать больше» и «Я уже подписался», чтобы всплывающее окно не преследовало пользователя зря.
  • Экспериментируйте с pop-up формой. Тестируйте ее расположение и размеры, отдельные элементы, условия показа. Так вы найдете лучший вариант для вашего бизнеса.
  • Адаптируйте формы для мобильных. Хуже всплывающей на весь экран мобильного формы — это та, которую невозможно закрыть. Такой pop-up не только будет раздражать, но испортит UX. Используйте адаптивные формы, которые будут хорошо смотреться на самом маленьком разрешении экрана.

Рекомендации по использованию pop-up

  1. Используйте pop-up там, где это необходимо
  2. Обогащайте пользовательский опыт, не прерывайте его
  3. Сделайте pop-up визуально легким
  4. Выберите правильное время
  5. Установите правильный стимул

Мы собрали основные рекомендации, которые помогут вам эффективно применять pop-up.

  • Используйте pop-up там, где это необходимо. Чтобы всплывающие окна не раздражали пользователей и приносили результат, тщательно продумывайте их цель. Предположим, у вас есть страница с тоннами трафика, но большинство посетителей покидают ее, не читая ваш контент до конца. В этом случае pop-up поможет перевести коммуникацию на новый уровень.
  • Обогащайте пользовательский опыт, не прерывайте его. Существует множество способов заставить pop-up выполнять свою работу без ущерба для пользовательского опыта. Даже если посетители прочитают страницу до конца, то скорее всего уйдут, как только найдут то, что искали. Так почему бы не показать всплывающее окно, которое позволит общаться по email? Это беспроигрышный вариант для вас и будущих клиентов.
  • Сделайте pop-up визуально легким. Постарайтесь, чтобы стиль всплывающего окна соответствовал стилю страницы. Выберите тот же цвет фона, что и на сайте, напишите небольшой текст и сделайте кнопку CTA того же цвета, что и ссылки в статье.
  • Выберите правильное время. Не существует единой стратегии, которая подошла бы всем. Поэтому, тестируйте, тестируйте и еще раз тестируйте. Попробуйте использовать для появления pop-up разные временные рамки. Полагайтесь при этом на реальные данные, а не на предположения.
  • Установите правильный стимул. Используйте pop-up, чтобы увеличивать ценность контента. Например, когда пользователь читает статью о материалах для обустройства дома, предложите ему видео-руководство на эту тему.

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

Обновлено: 18.02.2021

Оценка: 4 / 5 (18)

Всплывающее окно — это… Что такое Всплывающее окно?

Всплывающее окно (англ. pop-up) — окно, открываемое на экране компьютера в результате выполнения какой-либо операции.

Назначение

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

Для их создания традиционно используется технология JavaScript, хотя возможны и другие способы реализации.

Применение

Всплывающие окна имеют широкий диапазон применений — от полезного для потребителя программного обеспечения до злоумышленного.

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

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

Ещё один вид всплывающих окон может пересылаться с помощью службы отправки сообщений (Messenger Service) в операционных системах Microsoft Windows. Несмотря на похожее имя, её не следует путать с клиентами служб мгновенных сообщений Windows Messenger или Windows Live Messenger. Подобные всплывающие окна появляются в виде диалогового окна с текстовым сообщением или картинкой, обычно содержащим ссылку на веб-сайт. Служба отправки сообщений была отключена во втором пакете обновлений (Service Pack 2) для Windows XP.

Управление всплывающими окнами

Борьба с нежелательными всплывающими окнами

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

Блокирование

Opera стал первым популярным браузером с функцией блокирования всплывающих окон. Впоследствии Mozilla усовершенствовала первоначальный подход, блокируя лишь те всплывающие окна, которые открывались при загрузке страницы. К началу 2000-х годов все основные браузеры, кроме Internet Explorer, позволяли пользователю практически полностью блокировать нежелательные всплывающие окна. В Internet Explorer функция блокирования всплывающих окон появилась в 2004 году.

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

Обход блокирования

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

Также используется обход блокирования, когда блокировщик настроен только на блокировку не запрашиваемых пользователем окон. Именно так настроены по умолчанию блокировщики популярных веб-браузеров. В этом случае при каком-либо действии на сайте может быть одновременно полезный эффект и появление «запрошенного» всплывающего окна. В браузере Firefox блокировка таких окон возможна с помощью расширений Adblock Plus и Adblock Plus Pop-up Addon, установленных вместе.

Некоторые веб-сайты применяют комбинацию баннерной рекламы и всплывающего окна (англ. Hover ad), которая использует DHTML, чтобы попасть на передний план. При помощи JavaScript реклама может быть внедрена в неотображаемую часть веб-страницы, а затем показана там, где того пожелает её автор. Например, реклама может содержать Flash-анимацию, которая ссылается на сайт рекламодателя. Или же реклама может выглядеть как обычное окно. Поскольку реклама в этом случае является частью веб-страницы, для её блокирования используются модифицированные таблицы стилей или сторонние блокировщики рекламы, такие как Adblock Plus. DHTML-реклама может значительно нагружать процессор, особенно в случае старых компьютеров.

Полезные всплывающие окна

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

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

См. также

Источники

Ссылки

Какими должны быть всплывающие окна — Ringostat Blog

Бывает, не успел открыть сайт, как он уже требует: «Купи», «Подпишись», «Не пропусти», «Оставь свой email». Устав от назойливости всплывающих окон, люди иногда зарекаются ставить их на свои сайты. Но поп-апы — это не просто настырные раздражители. При грамотной настройке они повышают конверсию и становятся эффективным лидогенератором. Читайте, как сделать всплывающее окно, которое привлечет, а не отпугнет посетителя.

Что такое поп ап или всплывающее окно

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

Несмотря на плохую репутацию всплывающих окон и множество инструкций по их блокировке, поп-апы все же приносят пользу. Анализ 2 млрд всплывающих окон от компании SUMO показал, что средняя конверсия поп-апов составляет 3,09%. При этом 10% лучших поп-апов в среднем показали конверсию в 9,3%.

«Никто не любит всплывающие окна», — говорится в заголовке поп-апа

 

Зачем нужны pop up на сайте

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

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

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

Полезная статья в тему — «Что такое Callback?». Читайте, как работает этот инструмент и почему он позволяет увеличить количество обращений.

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

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

Реакция пользователя на всплывающее окно с гифкой

 

Виды всплывающих окон

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

  1. «Page-Stop». Блокирует работу пользователя с сайтом, пока тот не выполнит целевое действие, или не закроет окно. Это закономерно ухудшает впечатление читателя, но такие окна невозможно пропустить и они приносят свою конверсию. 
  2. «Hello-Board». Наоборот, не блокирует работу с остальными элементами, поэтому его замечает меньшая аудитория.

 

Всплывающие окна типа «Hello-Board» легко закрыть и они не мешают работе со страницей

 

Окно-приветствие или Entry Pop-Up

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

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

Entry Pop-Up, особенно в формате Page-Stop плохо подходят для сбора лидов и перенаправления пользователей. «Зачем мне выполнять просьбу, если сам еще ничего не получил?», — думает читатель и закрывает страницу. Чтобы избежать негатива и поднять конверсию, предложите в окне нечто ценное:

  • скидку,
  • бесплатную консультацию,
  • полезный контент,
  • специальное предложение.

 

Окна, всплывающие после пролистывания: Timed Pop-Up и Scroll Pop-Up

Когда пользователь уже ознакомился со страницей, но не успел отвлечься, самое время предложить ему подписку или просмотр другого раздела. Уровень лояльности и степень знакомства с сайтом определяют либо по прошедшему от загрузки времени, либо по пролистыванию страницы. Оптимальные настройки могут отличаться для разных площадок, но специалисты AppSumo выяснили, что лучшее время для сбора лидов — спустя 5 секунд пребывания на сайте. Пролистывание же обычно устанавливают на 40—70% прочтения.

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

 

Прощальное окно или Exit Pop-Up

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

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

 

Всплывающее по нажатию окно или Click Pop-Up

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


Клик по кнопке «Подписаться на рассылку» вызывает форму подписки

Как сделать всплывающее окно на сайте, которое не раздражает, а приносит лидов

Поговорим о том, каким должно быть окно с высокой конверсией.

  1. Понятный интерфейс. Не прячьте «крестик» или другой способ закрыть окно. Печально, но факт: люди привыкли получать информацию по первому запросу, а не пробираться через рекламу.
  2. Корректность и адекватность. Важно не отпугивать потенциальных клиентов излишней фамильярностью или грубостью. Станет ли клиентом посетитель, которому пришлось нажать «Я ненавижу креативность», лишь бы не давать почту?
  3. Подходящее место. Контекст не менее важен, чем контент сообщения. Ради наибольшей отдачи стоит потратить силы на тонкую настройку поп-апов или составить предложение для массовой аудитории. Присматривающий моторную лодку вряд ли купит тут же и монитор, но он может найти что-то интересное в разделе «Акции» или подписаться на каталог.
  4. Отсрочка в 5 секунд. Этот совет может показаться излишне категоричным, но он основан на анализе. Опытным путем компания AppSumo показала, что пользователи охотнее оставляют email, если они успели увидеть сайт, но не успели переключить внимание на что-то иное. 
  5. Без спама. Сделать всплывающее окно еще более навязчивым можно показывая одному пользователю одинаковые поп-апы на каждой странице сайта. Неправильные настройки грозят оттоком аудитории, так что их нужно периодически проверять.
  6. Призыв к действию. Важно объяснить пользователю, что от него ждут: подписаться, заказать, посмотреть, лайкнуть, оставить телефон и так далее. Любопытно, но то же исследование AppSumo показывает, что охотнее всего пользователи нажимают на красные и зеленые кнопки «подписаться», а вот оранжевый цвет оказался аутсайдером. 
  7. Оптимизация под мобильные платформы. Уже в 2018 году 52% интернет-трафика приходилось на мобильные устройства, и число это не собирается падать. Поэтому мобильная оптимизация — это не роскошь, а необходимость. Окно должно быть довольно лаконичным, чтобы поместиться на экране смартфона и быть пригодным для взаимодействия. Наши коллеги из Carrot quest описали эту тему подробно: «7 уроков о всплывающих окнах для мобильных».

 

Резюме

  1. Используйте всплывающие окна. Это инструмент, который приносит свою пользу компании, как показывают исследования.
  2. Всплывающие окна, которые блокируют страницу называются «Page Stop», а те, что не мешают работать с остальными элементами —«Hello-Board».
  3. Используйте приветственное pop up уведомление для общения с пользователями, анонсов или предупреждения о неполадках.
  4. Читатель скорее согласится на предложение или выполнит просьбу, если имел возможность просмотреть контент. В этом помогут отложенные поп-апы и такие, что следят за пролистыванием страницы.
  5. Есть технологии, предсказывающие скорый выход пользователя с сайта. С их помощью удобно размещать «прощальные» всплывающие окна, нацеленные на повышение конверсии и дальнейший переход по страницам.
  6. Пользователи скорее оставляют адрес электронной почты спустя пять секунд пребывания на сайте. Особенно когда кнопка «Подписаться» красного цвета.
  7. Всплывающие окна необходимо оптимизировать под мобильные платформы, ведь совокупный мобильный трафик уже преобладает над десктопным и сокращаться не собирается.

 


Подпишитесь на обновления

Раз в неделю мы отправляем дайджест самых интересных новостей о digital 

Email*

Подписаться

Если вы нашли ошибку — выделите её и нажмите Ctrl + Enter или нажмите сюда.

преимущества и недостатки :: Блог :: Айкон

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


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

Существуют различные виды всплывающих окон, вот некоторые из них:

  • Зависящие от времени. Они будут показаны пользователю через определенное количество времени после того, как он зашел на сайт. Желательно показать pop-up спустя минуту визита, чтобы пользователь успел разобраться в сайте и понять, что на нем находится.

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

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

  • При выходе со страницы. Окно будет показано если пользователь решит покинуть сайт и начнет вести курсор мыши на кнопку закрытия вкладки или браузера.

  • Выезжающие окна. Они не всплывают посередине экрана, а появляются снизу или сбоку экрана. Как правило так отображаются формы обратной связи и заказа звонка.

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

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

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

Push-уведомления, в свою очередь лишены этого недостатка. Принцип работы этого инструмента таков: на сайте пользователю предлагается дать разрешение на получение от него уведомлений. В случае согласия пользователь начнет получать заранее подготовленные сообщения с различным контентом, от анонса скидок и мероприятий до статей и новостей независимо от того, открыт ли у него сайт в момент получения, и нет. Работают такие уведомления посредством браузера.

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

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

Реализовать на своем сайте push-уведомления можно разными способами:

  1. Разработка собственного решения под свои нужды. Это самый трудоемкий способ, но он позволит проработать каждую мелочь и максимально индивидуально настроить весь функционал.
     
  2. Оформление подписки специализированный сервис. Существует множество сервисов по рассылке push-уведомлений, например SendPulse, Push Expert и другие. У каждой платформы есть свои плюсы и минусы как по функционалу, так и по оплате, но в любом случае такой способ гораздо проще в настройке. Плюс ко всему, во многих сервисах предусмотрена возможность сбора данных и их аналитики, что поможет понять, эффективно ли работают внедренные инструменты.

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

Читайте далее: Коды состояния HTTP: ошибка или нет?

Что такое всплывающий магазин? | Определение, история, преимущества, затраты

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

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

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

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

История поп-ап ритейла

В то время как концепция временных общих торговых площадей существует уже несколько столетий (вспомните рынки или ярмарки), термин «всплывающая розничная торговля» восходит к концу 90-х годов. Медиа-предприниматель Патрик Курриэльш организовал мероприятие под названием The Ritual Expo в Лос-Анджелесе в 1997 году. Это было однодневное мероприятие, объединившее музыку, еду и моду в одном шоппинге. Когда-то его называли «Ultimate Hipster Mall», и он имел огромный успех благодаря сочетанию розничных магазинов и впечатлений.В годы, последовавшие за Ritual Expo, многие крупные бренды, включая AT&T, Levi-Strauss и Motorola, работали с Courrielche над созданием всплывающих окон для покупок в США.

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

Каковы преимущества pop-up магазина?

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

Преимущества для клиентов

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

Преимущества бренда

  • Привлекайте потенциальных клиентов — всплывающий магазин в новом месте с высокой посещаемостью позволяет бренду предстать перед новой аудиторией.
  • Впечатления — «всплывающая розничная торговля» может быть использована для предоставления восхитительных краткосрочных впечатлений или усиления сообщения бренда за счет положительного взаимодействия с клиентами. Бренды могут позиционировать себя как влиятельные лица в культуре, расширять свое присутствие и укреплять лояльность к бренду. Какой бы мощной ни была электронная коммерция, ничто не сравнится с физическим взаимодействием лицом к лицу.
  • Исследование рынка — использование рекламных акций, событий или конкурсов, всплывающее окно обеспечивает идеальную точку контакта, чтобы помочь вам собрать информацию, чтобы лучше понять своих целевых клиентов. Эта информация может иметь решающее значение для управления будущими действиями во всем бизнесе.
  • Продать больше или избавиться от запасов — хотя времена медленно меняются, остается фактом, что огромное количество транзакций по-прежнему совершается в физических магазинах. Временная витрина магазина в районе с высокой проходимостью на две недели может дать ощущение срочности и стимулировать продажи или помочь модным брендам перераспределить запасы до того, как срок их годности истечет.
  • Запуск нового продукта. Всплывающее окно — отличный способ ярко продемонстрировать новый продукт или ассортимент.
  • Протестируйте физическую розничную торговлю — интернет-магазин DNBV, желающий сделать следующий шаг, может проверить, работает ли он с розничной торговлей во всплывающем окне.
  • Протестируйте новые торговые точки — бренды, желающие расширить свое присутствие, могут протестировать новые районы или страны, прежде чем брать на себя дополнительные финансовые обязательства.

Льготы арендодателя

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

Кто может открыть всплывающий магазин?

Краткий ответ: всем и каждому.

Мы помогли тысячам брендов открыть успешные всплывающие магазины.Мы видели всплывающие магазины в сфере моды, здоровья и красоты, интернет-магазины, товары народного потребления, услуги, гостиничные сети и даже таких технологических гигантов, как Facebook и Twitter. В то время как известные бренды, такие как Kate Spade, FILA, Louis Vuitton и Danone, могут быть в центре внимания, pop-up розничная торговля является чрезвычайно подходящим вариантом для самых разных секторов и отраслей.

Вот несколько примеров: 

Мода — все, от крупных брендов High Street до независимых дизайнеров и местных брендов.

Здоровье и красота – Магазины pop-up – это прекрасная возможность для запуска новых продуктов, проведения тестовых мероприятий и упражнений по созданию бренда.

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

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

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

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

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

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

Где находятся всплывающие окна?

В целом, pop-up ритейл оказался чрезвычайно популярным в США, Канаде, Китае, Японии, Мексике, Франции, Германии, Великобритании и Австралии. Он также становится все более популярным в Азии, включая Шанхай, Сингапур, Гонконг и Сеул. Всплывающие магазины часто можно найти в крупных городах, таких как Нью-Йорк, Лондон, Лос-Анджелес, Париж, Милан, Гонконг и Амстердам. Теоретически они могут быть где угодно, и у нас, безусловно, есть широкий выбор вариантов на платформе Storefront.

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

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

Сколько стоит всплывающий магазин?

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

Чтобы узнать больше о стоимости всплывающего магазина, ознакомьтесь с этой статьей «Сколько стоит всплывающий магазин?».

Как найти идеальное место для всплывающего магазина

Прямо здесь! Благодаря Storefront теперь вы можете найти аренду всплывающего магазина всего за 3 клика. Лофты, торговые помещения, апартаменты, торговые центры… вы найдете широкий выбор магазинов с временными магазинами всего за 50 долларов в день.

Итак, хотите ли вы обычную витрину, пространство для впечатлений или даже лодку длиной 220 футов.Проверьте витрину.

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

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

Что такое всплывающее окно? Всплывающее окно против всплывающего окна

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

Что такое всплывающее окно? Всплывающее окно — это форма онлайн-рекламы и стратегии цифрового маркетинга для продвижения контента и продуктов во всемирной паутине.

Что такое всплывающее окно?

Проще говоря, определение всплывающего окна может быть задано как;

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

  • Всплывающее окно может быть разных типов, например полноэкранное, боковое и баннерное.

  • Всплывающие окна обычно генерируются веб-сайтами с кодом JavaScript, вставленным в HTML-код веб-сайта.

Раздражает или нет?

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

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

  • Однако сегодня почти все всемирно известные бренды размещают всплывающие окна на своих сайтах и ​​увеличивают продажи, лиды и конверсию.

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

  • Всплывающее окно, совместимое с SEO, не мешает UX и не снижает рейтинг сайта в Google.

Для лучших методов всплывающих окон всплывающее окно должно;

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

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

Слово «всплывающее окно» вызывает споры. В Интернете его можно использовать по-разному, например, «всплывающее окно», «всплывающее окно» и «всплывающее окно».

Всплывающее окно — это глагол, определяющий действие всплывающего окна.

Всплывающее окно — это и существительное, и прилагательное, тогда как слово «всплывающее окно» без дефиса неверно.

Однако это обычно записывается как «всплывающее окно», потому что URL-адреса веб-сайтов уже содержат дефисы между словами.Таким образом, когда URL-адрес написан как «examplesite/pop-up», это может повредить SEO, поскольку это будет другое ключевое слово.

Предлагаемые статьи:

Что такое всплывающее окно: определение, примеры, инструкции — Определение

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

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

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

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

Почему важны всплывающие окна?

  • Создание подписчиков
  • Продвижение определенного контента
  • Уменьшить показатель отказов

Всплывающие окна — это многофункциональный инструмент, который может помочь вам конвертировать трафик на ваш сайт в потенциальных клиентов.Вот краткий список основных функций всплывающего окна:

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

Давайте теперь посмотрим на несколько примеров и визуализируем некоторые функции всплывающего окна.

Примеры всплывающих окон

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

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

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

Теперь, когда вы видели несколько примеров, пришло время двигаться дальше и попрактиковаться!

Как создать всплывающую форму подписки

  1. Зарегистрироваться в SendPulse
  2. Выберите макет стиля всплывающего окна
  3. Настройка формы
  4. Настройка условий отображения

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

Шаг 1. Зарегистрируйтесь в SendPulse

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

Шаг 2. Выберите макет стиля всплывающего окна

Перейдите на вкладку «Формы подписки» в своем аккаунте и выберите «Создать новую форму».Вы можете выбрать один из четырех макетов, включая всплывающий шаблон, как на скриншоте ниже.

Шаг 3. Настройка формы

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

Вы также можете создать многоканальную форму подписки, чтобы пользователи могли присоединиться к вашему бренду в Facebook Messenger и Telegram.Вам нужно только перетащить нужную иконку мессенджера и добавить ссылку на чат-бота. Посмотрите на такую ​​форму ниже.

Шаг 4. Настройте условия отображения

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

Итак, теперь, когда вы знаете, как создавать всплывающие окна с помощью SendPulse, ознакомьтесь с некоторыми рекомендациями, которые помогут вам создавать содержательные и эффективные всплывающие окна.

Рекомендации по использованию всплывающих окон

  1. Используйте всплывающие окна только при необходимости
  2. Расширьте возможности пользователей, не прерывайте их
  3. Сделайте всплывающее окно визуально легким
  4. Время всплывающих окон справа
  5. Поставить правильный стиму

Мы собрали список общих советов, вот они:

  • Используйте всплывающие окна только при необходимости. Всплывающие окна работают. Хотя заставить их работать непросто, преодолеть общепринятое представление о том, что всплывающие окна раздражают, непросто.Используйте этот метод только во благо. Допустим, у вас есть страница с огромным трафиком, но люди в основном уходят, не дочитав ваш контент до конца. В этом случае всплывающая форма — это решение, которое может вывести ваше общение на новый уровень.
  • Расширьте возможности пользователей, не прерывайте их. Легче сказать, чем сделать, но тем не менее существует множество способов заставить всплывающие окна выполнять свою работу, не нанося вреда пользовательскому опыту. Даже если они дочитают страницу до конца, пользователи, скорее всего, уйдут, как только найдут то, что искали.Итак, почему бы не показать всплывающее окно, позволяющее общаться по электронной почте? В конце концов, это беспроигрышный вариант для вас и будущих клиентов.
  • Сделайте всплывающее окно визуально легким. Необходимо сделать всплывающее окно менее резким. Помните пример со SmartBug, когда всплывающее окно выглядело почти так же, как содержимое? Чтобы повторить этот стиль, выберите тот же цвет фона, что и на посвященной странице, используйте небольшие фрагменты текста и сделайте кнопку CTA того же цвета, что и ссылки в статье.
  • Оптимизируйте всплывающие окна для мобильных устройств. Правильные всплывающие окна для мобильных устройств очень важны для конвертации мобильного трафика. Адаптивные всплывающие окна, разработанные для настольной версии вашего веб-сайта, могут не обеспечивать оптимальный мобильный UX. В этом случае необходимо создать мобильную версию, оптимизированную для мобильного UX и постепенно адаптирующуюся к настольной версии веб-сайта.
  • Время всплывает справа. Не существует универсальной стратегии, кроме «тестировать, тестировать и еще раз тестировать». Если вы решите, что всплывающее окно стоит добавить, попробуйте разные временные рамки для его появления.Опирайтесь на реальные данные, а не на чистые предположения.
  • Поставить правильный стимул. Используйте всплывающие окна, которые повышают ценность исходного контента. Например, когда пользователь читает статью о материалах для обустройства дома, очень полезно предложить видеоруководство о том, как начать обустройство дома.

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

Последнее обновление: 16.02.2022

Рейтинг пользователей:  5  /  5 (6)

Что такое всплывающее окно? Определение и значение

Существует небольшая путаница со словом «всплывающее окно», его значением и эффективностью в рекламе. Многие даже не уверены в правильности написания («всплывающее окно» или «всплывающее окно?»)

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

В этом руководстве вы найдете:

Что такое всплывающее окно?

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

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

Слово «всплывающее окно» обычно пишется как «всплывающее окно», «всплывающее окно» и «всплывающее окно». Сбивает с толку, верно? Все ли они означают одно и то же? Давайте посмотрим.

Pop up — это глагол, описывающий действие внезапного появления.

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

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

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

Всплывающие окна: плюсы и минусы

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

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

Плюсы:

  • Генерация лидов
  • Продвижение контента
  • Уменьшение количества брошенных корзин
  • Преобразование большего количества посетителей веб-сайта
  • Делитесь информацией о событиях, рекламных акциях и продажах
  • Направляйте трафик на целевые страницы и страницы продуктов

4

  • Репутация раздражающей
  • Можно заблокировать с помощью специального программного обеспечения

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

Особенности лучших всплывающих окон

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

У них есть некоторые общие черты:

  • Ценный . Есть много способов, которыми предприятия могут сделать всплывающие окна ценными для клиентов; распространенный способ — предоставить скидку, бесплатный доступ к контенту или другие льготы.
  • SEO-дружественный .Совместимость с SEO гарантирует, что они не повлияют на рейтинг сайта в Google.
  • Неинтрузивный . Компании могут настроить, когда и как часто посетитель видит всплывающее окно, чтобы уменьшить навязчивость и отдать приоритет UX.
  • Визуально согласован. Они могут быть разработаны с использованием цветовой палитры и стиля веб-сайта, чтобы они выглядели как естественное продолжение сайта.
  • Имейте привлекательную копию. Эффективные всплывающие окна привлекают посетителей сайта текстом, который соответствует индивидуальности бренда.
  • Содержат фирменные изображения . Интересные, оригинальные изображения, связанные с содержанием всплывающего окна, привлекают внимание зрителя.

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

Если вы хотите увидеть примеры лучших всплывающих окон, ознакомьтесь со следующим разделом.

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

1. Spin-to-Win, Faguo

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

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

Лучшие характеристики:

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

2.Обзор продукции, асфальт

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

Лучшие характеристики:

  • Привлекающий внимание заголовок . Заголовок привлекает наше внимание и использует юмор.
  • Привлекательная копия . Креативный текст в этом всплывающем окне звучит как разговор, а не как маркетинговое сообщение, что соответствует индивидуальности бренда.
  • Логотип бренда . Фоновое изображение используется только в этом всплывающем окне и представляет собой одну из моделей Asphalte.
  • Блестящий призыв к действию . Asphalte придал фразе с призывом к действию творческий смысл, заставив ее звучать как продолжение разговора.
  • Легко закрывается . Кнопка закрытия хорошо видна, поэтому посетители могут легко закрыть всплывающее окно и продолжить просмотр.
Помимо сбора ценных отзывов о продуктах, это креативное всплывающее окно ежемесячно генерирует более 4000 лидов для Asphalte.Получите более подробную информацию здесь: Пример использования асфальта

3. Подписка на рассылку новостей, Matisse

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

Лучшие характеристики:

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

4. Брошенная тележка, магазин CE

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

Лучшие характеристики:

  • Легко получить выгоду . Посетителям достаточно запомнить короткий код скидки или скопировать его, чтобы снизить стоимость заказа.
  • Краткий, понятный текст . Краткий и простой текст поможет донести ваше сообщение за несколько секунд, что особенно важно, когда посетители пытаются уйти
  • Выгодный заголовок . В заголовке четко указана выгода для посетителей (скидка 20% на товары в корзине).
  • Простой дизайн . Общий дизайн прост, что вместе с читабельным шрифтом делает текст хорошо видимым.

5. Подписка на рассылку новостей, Ecco Bella

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

Лучшие характеристики:

  • Интригующий заголовок . «Любите бесплатные вещи? » — хороший вариант привлечь внимание посетителей сайта и заставить их читать больше.
  • Упакованная копия . В тексте перечислены многочисленные бесплатные подарки, которые посетители могут получить за подписку на информационный бюллетень.
  • Легкий доступ к преимуществам . Нужно заполнить только одно поле, что упрощает использование предложения.
  • Текст от первого лица . Копия всплывающего окна звучит как разговор благодаря использованию речи от первого лица, что может увеличить количество кликов на 90%.
  • Яркий, ориентированный на действие текст кнопки . Кнопка призыва к действию «Отправьте мне мои бесплатные подарки» прекрасно дополняет текст всплывающего окна.

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

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

Что такое всплывающий магазин? [Определение и значение] |…

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

Временный магазин Определение 

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

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

Почему всплывающий магазин может подойти для вашего бизнеса?

1. Элемент «редкость».

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

2. Брендинг и имидж.

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

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

3. Низкий финансовый риск.

Временные магазины стоят в несколько раз дешевле обычных магазинов с долгосрочной арендой. К причинам этого относятся:

  • Физический размер всплывающего магазина меньше
  • Срок аренды короче
  • Требуется нанять меньше персонала
  • Запас ограничен, поэтому нет необходимости в дополнительном хранилище или других методах управления запасами

4.Отличный способ испытать себя.

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

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

5. Увеличьте количество каналов.

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

  • Клиенты, знакомящиеся с брендом через многоканальные платформы, тратят примерно на 13% больше, чем обычно.
  • Пожизненная ценность клиентов, знакомящихся с брендом через многоканальные платформы, на 30 % выше.
  • Уровень удовлетворенности клиентов многоканальных компаний более чем в 20 раз выше, чем у компаний, использующих только один канал.

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

6. Сезонность.

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

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

Вы связываетесь со своей ИТ-командой через Slack или другие альтернативы Slack, но они сообщают вам, что решение проблемы займет 48–72 часа. Наличие всплывающего магазина в качестве дополнительного источника дохода снижает ущерб, который этот сбой может нанести вашей прибыли.

Что необходимо для успешного всплывающего магазина?

1. Местоположение.

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

2. Маркетинг.

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

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

Одним из наиболее важных методов маркетинга всплывающих окон, которые вы должны использовать, является «реклама после всплывающих окон». Это создание контента, демонстрирующего успех всплывающих окон, который можно размещать в социальных сетях.Причина этого заключается в том, чтобы напомнить посетителям о мероприятии и вызвать эффект FOMO (страх пропустить) для людей, которые не присутствовали, побуждая их прийти на следующее мероприятие.

В заключение

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

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

Мобильные всплывающие окна | Наши услуги

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

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

Фактически, одно исследование Accenture показало, что технически подкованные миллениалы по-прежнему предпочитают розничные покупки, особенно потому, что они могут потрогать, потрогать и узнать о продукте лично, прежде чем купить его.

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

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

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

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

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

Что такое всплывающее окно?

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

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

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

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

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

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

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

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

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

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

Leave a Reply