Всплывающий: Что такое всплывающие окна (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: 

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

Главные мысли

Что такое всплывающие окна (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: 

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

Главные мысли

Определение и значение всплывающих окон — Merriam-Webster

1 из 2

ˈpäp-ˌəp 

1

: pop fly

2

: компонент или устройство, которое выдвигается

3

: всплывающая книга

4

: всплывающее окно на экране компьютера

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

2 из 2

1

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

всплывающая книга

2

: внезапное появление: например,

а

вычисления : внезапно появляется на экране поверх другого окна или дисплея.

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

всплывающая реклама

б

бизнеса : быстро настроить для кратковременной работы во временном месте

временные магазины/магазины

временные магазины

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

с

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

К четвергу вы сможете путешествовать от побережья к побережью и видеть только всплывающие грозы… — Пол Кларк

Конец лета — лучшее время для «всплывающие» грозы: бури, порожденные горячим, влажным воздухом, которые происходят независимо от фронтальной активности или других крупных погодных возмущений, которые легче понять. — The Journal & Courier (Лафайет, Индиана)

Примеры предложений

Последние примеры в Интернете

Не исключено, что днем ​​или вечером всплывающее окно ливень или гроза в любой день. — Молли Роби, Washington Post , 16 июля 2023 г. Надзорные органы недавно смягчили правила зонирования в центре города, разрешив использовать помещения смешанного назначения: офисы и службы на верхних этажах, а также развлечения и всплывающих окон магазинов на первом этаже. — Энн Д’Инноченцио, , Fortune , 16 июля 2023 г. Ошибка больше всего выделялась, когда Макс Манси из «Доджерс» выбил всплывающих окон в начале девятого иннинга, а бегуны из Лос-Анджелеса заняли второе и третье места. — Майк Брем, USA TODAY , 16 июля 2023 г. На их месте появилось множество всплывающих кладовых, чтобы обеспечить свежей едой. — Кэти МакКормак и Патрик Уиттл, 9 лет.0079 Чикаго Трибьюн , 15 июля 2023 г. Также в рамках праздника будет организовано поп-ап мероприятий и студия автопортрета. — Марк Олсен, Los Angeles Times , 14 июля 2023 г. В декабре прошлого года мэрия Далласа превратилась из правительственного здания в оживленную художественную галерею, когда Мексиканско-американский музей Техаса провел свою первую выставку pop-up . — Анджела Мэтью, 9 лет.0079 Новости Далласа , 14 июля 2023 г. Red Haven – это ресторан, где подают блюда с фермы на стол и предлагает 90 079 pop-up 90 080 ресторанов, а также частные ужины и мероприятия. — Мика Трэвис, Detroit Free Press , 14 июля 2023 г. Еще пара всплывающих окон в следующие несколько часов могут немного добавить к этим цифрам. — Джейсон Саменоу, Washington Post , 16 июня 2023 г.

Этот навес имеет удобную конструкцию pop-up , в которой используется центральная стойка для устойчивости и высоты. — Кэтрин Алекс Бивен, Travel + Leisure , 28 марта 2023 г. Кроме того, отели будут способствовать социальным встречам, общению и опыту через ряд « pop-up уголков », посвященных рукоделию, красоте или дегустации продуктов с брендами-партнерами. — Анджелина Вилья-Кларк, 9 лет.0079 Forbes , 27 марта 2023 г. Некоторые временные виды использования, которые город может одобрить, включают совместные офисные помещения, художественные студии или галереи или pop-up розничных и ресурсных центров, которые предлагают все, от медицинских услуг до налоговых услуг. — Тэмми Мурга, Сан-Диего Юнион-Трибьюн , 27 марта 2023 г. Несколько лет назад несколько человек написали мне о том, что обязательно нужно попробовать сэндвич с тунцом из 9-летнего ресторана.0079 всплывающее окно в Лос-Анджелесе. — Дженн Харрис, Los Angeles Times , 27 марта 2023 г. Другие советы включают в себя не нажимать на всплывающих окон объявлений или загружать файлы или приложения из ненадежного источника, убедиться, что программное обеспечение обновлено с использованием последних средств защиты, а также установить браузер с защитой от отслеживания. — Морин Гроппе, USA TODAY , 27 марта 2023 г. Ежедневные посетители шоу также могут найти угощения в Café 101 или сделать покупки в 9 магазинах.0079 всплывающих окон продавцов и открытый рынок. — Патрик Коннолли, Орландо Сентинел , 24 марта 2023 г. Названная инсталляцией Simone Rocha Center Stage, поп-ап pop-up также представляет мужскую одежду от Simone Rocha в модной линейке Nordstrom — таким образом, было что отметить. — Condé Nast, Vogue , 24 марта 2023 г. В воскресенье, 26 марта, ресторан (расположенный по адресу 5 55th Place South в Вудлоне) предложит посетителям специальное pop-up меню завтрака с 9:00 до 13:00. пока есть запасы. — Шона Стюарт | [email protected], al , 24 марта 2023 г. Узнать больше

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

История слов

Первое известное использование

Существительное

1880, в значении, определенном в смысле 1

Прилагательное

1926, в значении, определенном в смысле 1

Путешественник во времени

Первое известное использование всплывающего окна было в 1880 г.

Посмотреть другие слова того же года

Словарные статьи Около

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

Тополь

неожиданно возникнуть

поп-клапан

Посмотреть другие записи поблизости

Процитировать эту запись «Неожиданно возникнуть.

» Словарь Merriam-Webster.com , Merriam-Webster, https://www.merriam-webster.com/dictionary/pop-up. По состоянию на 20 июля 2023 г.

Копировать ссылку

Детское определение

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

1 из 2 существительное

ˈpäp-ˌəp

1

: pop fly

2

: всплывающее окно на экране компьютера 9000 3

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

2 из 2 прилагательное

1

: , относящийся к или имеющий часть или устройство, которое всплывает

a всплывающее окно книга

2

: внезапное появление на экране компьютера

a всплывающее окно окно

Еще от Merriam-Webster на

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

Английский: перевод всплывающего окна для говорящих на испанском языке

Последнее обновление: 19 июля 2023 — Обновлены примеры предложений

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

Merriam-Webster без сокращений

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

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

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

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

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

История pop-up розничной торговли

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

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

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

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

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

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

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

Изображение автора

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

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

Пособия арендодателя

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как найти идеальное место для магазина

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

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

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

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

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

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

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

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

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

Подробнее: 23 Smart Pop Up Shop Идеи, которые можно украсть у этих успешных брендов

Как настроить pop-up магазин?

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

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

1.  Найдите подходящее место. Это ключ к привлечению посетителей и увеличению продаж.
2.  Создайте визуально привлекательное пространство. Это поможет вам выделиться среди конкурентов и привлечь клиентов.
3. Убедитесь, что у вас есть надежный маркетинговый план. Это поможет вам продвигать свой всплывающий магазин и вызывать интерес.
4.  У вас есть отличный продукт или услуга. Это то, что в конечном итоге будет стимулировать продажи и заставлять клиентов возвращаться.

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

Подробнее: Как создать всплывающий магазин. Настройте себя на успех с помощью этого удобного контрольного списка

Аренда временного магазина

Вы думаете об аренде временного магазина? Вот несколько вещей, которые нужно иметь в виду!

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