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

✅ Что такое 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 (попап, всплывающее окно) – что это

Всплывающее окно (англ. pop-up) – это вид рекламы или способ привлечения внимания на сайте, направленный на увеличение продаж или конверсию трафика в лиды. Чаще всего окна реализуются на базе технологии JavaScript, а также иногда для этого используется Adobe Flash.

Пример попапа

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

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

Какими бывают всплывающие окна

В современном интернет-маркетинге выделяют два типа Pop-up:

• hello-board. Перекрывает незначительную часть видимой зоны экрана, при этом функциональность сайта практически не снижается. Из-за возможности игнорирования пользователями имеет не самую высокую мотивирующую к взаимодействию способность, но вызывает минимум раздражения;

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

page-stop pop-up

page-stop

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

Особенности правильной интеграции Pop-up

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

Советы по правильной интеграции Pop-up

Правильная интеграция Pop-up

Лучше воспринимаются всплывающие окна, которые демонстрируются после того, как пользователь просмотрел 40–70 % контента на странице. Такое поведение демонстрирует, что содержимое его заинтересовало, поэтому появление окна его, скорее всего, не оттолкнет. Хорошие результаты показывает алгоритм появления Pop-up, который привязан к попытке выхода с сайта. Этот вариант демонстрации реализуется путем наблюдения за перемещением курсора. Сложные алгоритмы способны определять, пытается ли пользователь уйти со страницы или просто переходит между вкладками одного сайта – это позволяет избежать дублирующих показов.

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

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

• гармоничной цветовой гаммой,

• понятным заголовком и мотивационным посылом,

• максимально простой лид-формой.

А еще нужно сказать, что эффективный попап – это постоянные эксперименты и анализ их результатов.

POP UP — Перевод на русский

Click the text to open the pop—up dialog again with the URL.

Чтобы открыть всплывающее диалоговое окно с URL, нажмите на этот текст еще раз.

Don’t use pop—up prompts or automatic software installations.

Не используйте установку ПО по запросу во всплывающем окне и автоматически.

Click the Pop—up blocker button’s drop-down menu, then select Reset count.

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

Just close the pop—up window and make sure you don’t click inside the pop—up window.

Закройте всплывающее окно и не нажимайте на ссылки в нем.

Don’t trust pop—up windows that ask you to download software

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

Click the link for the pop—up window that you’d like to see.

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

This is actually about discovering new things that pop up on the web.

А об открытии новых вещей, выскакивающих в Интернете.

I mixed up Victorian designs with pop, and I mixed up Art Nouveau with something else.

Я просто как бы собрала эти вещи вместе.

Pop—up blockerEnable Toolbar buttons

Общение в Google+Начало работы › Основные сведения о Панели инструментов Google

And so what we get then from the pop—up satellite tag is we get away from having to have a human interaction to recapture the tag.

Преимущество таких датчиков в том, что нам не нужно забирать их.

Your network administrator might configure the pop—up blocker for you, in which case you can’t change this setting yourself.

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

There’s a pop—up general store every three weeks, and they do a fantastic job of making a very social event happening for foodies.

И исторически, города приглашали к участию самых разных людей.

Pop—up blockerEnable Toolbar buttons

АвтозаполнениеВключение кнопок на Панели инструментов

Enable or disable the Pop—up blocker

Включение и отключение блокировщика всплывающих окон

Pop—up blockerEnable Toolbar buttons

Живой поиск на Панели инструментовПоиск в Интернете

Pop—up blockerEnable Toolbar buttons

Кнопка +1Включение кнопок на Панели инструментов

And we don’t know where it’s going to pop up.

И мы не знаем, где и когда их ждать.

Reset the Pop—up blocker counter

Сброс счетчика блокировщика всплывающих окон

Pop—up blockerEnable Toolbar buttons

Окно поискаПоиск в Интернете

Pop—up blockerEnable Toolbar buttons

Панель инструментов

POPUP — Перевод на русский

Click the text to open the pop-up dialog again with the URL.

Чтобы открыть всплывающее диалоговое окно с URL, нажмите на этот текст еще раз.

Don’t use pop-up prompts or automatic software installations.

Не используйте установку ПО по запросу во всплывающем окне и автоматически.

Click the Pop-up blocker button’s drop-down menu, then select Reset count.

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

Just close the pop-up window and make sure you don’t click inside the pop-up window.

Закройте всплывающее окно и не нажимайте на ссылки в нем.

Don’t trust pop-up windows that ask you to download software

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

Click the link for the pop-up window that you’d like to see.

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

Pop-up blockerEnable Toolbar buttons

Общение в Google+Начало работы › Основные сведения о Панели инструментов Google

And so what we get then from the pop-up satellite tag is we get away from having to have a human interaction to recapture the tag.

Преимущество таких датчиков в том, что нам не нужно забирать их.

Your network administrator might configure the pop-up blocker for you, in which case you can’t change this setting yourself.

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

There’s a pop-up general store every three weeks, and they do a fantastic job of making a very social event happening for foodies.

И исторически, города приглашали к участию самых разных людей.

Pop-up blockerEnable Toolbar buttons

АвтозаполнениеВключение кнопок на Панели инструментов

Enable or disable the Pop-up blocker

Включение и отключение блокировщика всплывающих окон

Pop-up blockerEnable Toolbar buttons

Живой поиск на Панели инструментовПоиск в Интернете

Pop-up blockerEnable Toolbar buttons

Кнопка +1Включение кнопок на Панели инструментов

Reset the Pop-up blocker counter

Сброс счетчика блокировщика всплывающих окон

Pop-up blockerEnable Toolbar buttons

Окно поискаПоиск в Интернете

Pop-up blockerEnable Toolbar buttons

Панель инструментов

7 фишек, которые откроют вам глаза на pop-up окна

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

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

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

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

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

1

Покажите pop-up не сразу

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

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

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

2

Запоминайте куки

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

3

Свяжите pop-up с контентом

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

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

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

 

4

Выделите pop-up на странице

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

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

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

Пример всплывающего окна сбоку от HubSpot:

 

5

Позаботьтесь о юзабилити

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

• текст, дающий понять, что вы предлагаете и что вы хотите взамен
• место для ввода контактов (email и имя) 
• CTA-элемент (кнопка с призывом к действию) 
• крестик, дающий возможность закрыть окно
• строчка «не показывать больше» (или «я уже подписан»)
• информация о гарантии конфиденциальности и защиты от спама
• социальное доказательство (к примеру, 4500 человек уже получили нашу демо-версию)

Пример удобного для пользователя поп-апа:

 

6

Копирайтинг важен

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

Экспериментируйте с текстом на CTA-кнопке. Попробуйте назвать ее не «Подписаться», а, к примеру «Прокачать себя» (сгенерируйте 10 вариантов призывов к действию, связанных с предложением в вашем поп-апе, выбрав самый убойный).

Пример вовлекающего копирайтинга для поп-апа от Groove:

 

7

Тестируйте!

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

 

правда о эффективности всплывающих окон

Известный факт: большинство посетителей не совершают покупки при первом визите на товарную страницу интернет-магазина и даже не оставляют лиды — но как велико это большинство?

Согласно исследованиям компании SeeWhy, таковы 99% посетителей, впервые зашедших на ресурс. Конечно, речь идет в первую очередь о сайтах eCommerce, но все же возникает вопрос: если 99% посетителей ничего не покупают при первом визите, то как побудить их вернуться?

Хорошей новостью станет следующая статистика: 75% посетителей все же готовы возвратиться позже для завершения покупки.

Как бы вы не относились к popup окнам, эта маркетинговая технология все еще эффективна для привлечения внимания и сбора контактных данных (лидогенерации).

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

Почему?

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

Если говорить о контент- и email-маркетинге, то «прерывание паттерна» наиболее эффективно, когда читатель уже настроен на решение проблемы и продолжение взаимодействия (подписку на рассылку, покупку и т. д.).

Пример от сервиса Made.com. Маркетологи предложили своим посетителям бесплатный ваучер номиналом в 10 евро за сущий пустяк — адрес электронной почты. Это было сделано потому, что:

1. Все любят денежные подарки;
2. 10 евро за постоянный контакт по email — небольшая цена.

Согласно данным ExactTarget, электронная почта — наиболее предпочтительный для клиентов маркетинговый канал, ведь 77% потребителей предпочитают email другим каналам взаимодействия с брендом.

Возможно, всплывающие окна не так уж плохи?

Скорее всего, вы ненавидите pop-ups и имеете на это право. Еще бы, кому понравится сразу после перехода на лендинг видеть нечто подобное:

Или вот такое:

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

Возможно, стоит немного остыть и посмотреть на результаты тестов. Что говорят цифры? Вот данные сплит-теста поп апа и кнопки «Нет, спасибо» на popup оффере.

Текст	Количество просмотров	Количество собранных email	Коэффициент конверсии
Нет, спасибо. Я предпочитаю платить полную стоимость	165 416	9928	6,0%
Мне это неинтересно	165 625	7961	4,81%
Нет, спасибо	165 021	7616	4,62%
Нет	166 072	7433	4,48%

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

1. Опыт использования всплывающих окон

За обычный день сервис WP Beginner получает около 70–80 новых подписчиков благодаря различным методам лидогенерации. Но чем больше подписная база, тем успешнее бизнес, поэтому маркетологи сервиса решились на ряд экспериментов с pop-ups.

Что было сделано?

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

Каковы результаты?

Использование всплывающего окна на важнейших страницах (не на всем сайте) повысило количество регистраций на 660%. То есть от 70–80 лидов сервис перешел к показателю в 445–470 лидов за сутки — скачок на качественно новый уровень.

Следующий кейс — от Backlinko. После добавления на лендинг СТА с предложением подписаться на рассылку, конверсия упала до 1.73% — необходимо было срочно что-то сделать. Маркетологи компании разработали popup окно, которое появлялось перед пользователями, решившими покинуть целевую страницу. Вот как оно выглядело:

Помните, что конверсия было около 1.7% до использования popup окна? Через 2 дня после запуска pop-up статистика изменилась. Всего за два дня коэффициент конверсии вырос с 1.73% до 4.83% — более чем в 2 раза!

Конечно, в мире, где один грамотный тест может повысить конверсию на 100, 300%, даже 1300%, результаты этого эксперимента выглядят скромно. Однако это не совсем так.

Прежде всего, имея крупную подписную базу, маркетологи могут создавать релевантный для своей аудитории контент и настраивать систему кросс-селлинга. Таким образом, учитывая допродажи и прочие факторы, один контакт приносит сервису в среднем 15$.

Если popup окна будут приводить по 15 дополнительных подписчиков в сутки, то ежедневный доход вырастет в среднем на $225, а годовой доход — на $82 125 соответственно. Неплохой заработок за 2 минуты проверки настроек, верно?

Очевидно, что ненавистники pop-ups были неправы. Но существуют и другие факторы: показатель отказов и влияние всплывающих окон на пользовательский опыт. Что насчет этого?

2. Как pop-ups влияют на пользовательский опыт и показатель отказов?

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

Дэн Зарелла (Dan Zarrella) пришел к такому же выводу после проведения серии тестов на своей личной целевой странице, выяснив, что присутствие всплывающего окна никак не влияет на показатель отказов. Единственное, что изменилось — убрав pop-ups, Дэн лишился 50% входящих лидов.

3. Что насчет пользовательского опыта?

Судя по всему, посетителям все равно. Маркетологи WP Beginner не получили ни одной жалобы на popup окна от своих клиентов.

Если задуматься, в этом есть смысл. Да, неприятно видеть подобное после перехода на ресурс по ссылке с Facebook:

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

Более того, грамотное использование pop-ups способно повысить пользовательский опыт, по примеру сервиса Vero. Если вы зайдете главную страницу и в течение 30 секунд не предпримете никаких действий, то увидите в углу окно с текстом: «Что мешает вам подписаться на Vero прямо сейчас?».

4. Как уничтожить юзабилити с помощью всплывающих окон?

Однако вы не можете встроить в лендинг любое pop-up-объявление и надеяться на высокую конверсию. Если popup окно не выделяется на странице, то оно как минимум бесполезно.

Вы уже собираетесь уйти с лендинга, и тут… Бам! Произошло что-то непонятное, откуда в середине страницы появилась кнопка СТА? В действительности это popup окно наложилось на незатемненную страницу, слившись с фоном. Когда вы не отделяете pop-ups от остальной страницы, это сильно портит пользовательский опыт.

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

5. Создание эффективных всплывающих окон

Прежде чем приступать к созданию pop-ups, рассмотрим их основные виды. Существует две крупных разновидности popup окон:

1. Большие окна (оверлеи).
2. Окна, всплывающие в результате прокрутки страницы.

Оверлеи

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

Известный маркетолог Дэн Зарелла тоже использует оверлеи с затемнением фона, но само окно у него гораздо меньше обычного:

Окна, всплывающие в результате прокрутки страницы

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

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

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

К заголовкам, текстам полей и кнопок на всплывающих окнах применимы те же требования, что и к контенту на СТА. Ведь pop-ups и являются элементами призыва к действию, цель которых — увеличение просмотров/подписчиков/лидов.

6. Лучшее время для показа всплывающих окон

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

Сервис WhichTestWon дает другую статистику. В ходе тестов было проверено появление оверлеев на 15, 30 и 45 секунде после посадки пользователя, и оптимальный результат показал первый вариант: появление окна через 15 секунд на 11% эффективнее варианта с 30 секундами, и на 50% — варианта с 45 секундами после посадки.

Но помните — не существует идеального времени появления окна, ведь тесты необходимы в каждом конкретном случае. Это справедливо и для вопроса о частоте появления pop-ups. Проще говоря, статистика чужих ресурсов может мотивировать на собственное тестирование, но не должна быть объектом подражания — тестируйте.

Заключение

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

Высоких вам конверсий!

По материалам conversionxl.com 

13-07-2014

37 типов popup-окон для вашего сайта

Вы решили использовать на своем сайте всплывающие окна (popups), но не знаете, какие из них подойдут именно вам?

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

В этой статье мы расскажем вам о 37 типах всплывающих окон, которые мы разобьем на 3 категории:

• Внешний вид
• Цель
• Триггер

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

Содержание статьи

Что такое всплывающие окна и почему их стоит использовать

Типы всплывающих окон по внешнему виду

1. Лайтбокс
2. Да/Нет
3. Да/Да
4. Геймифицированные
5. Небольшое окно сбоку
6. Плавающая панель
7. Полноэкранное
8. Возникающее по клику

Типы всплывающих окон по цели

9. Информационное оповещение
10. Перенаправление страницы
11. Обход AdBlock
12. Вход пользователя в систему
13. Опрос
14. Скачивание лид-магнита
15. Регистрация на вебинар
16. Предварительный заказ
17. Промокод / Акция
18. Запрос email-адреса
19. Запрос телефонного номера (для смс)
20. Рекомендации продуктов
21. Апселлинг
22. Даунселлинг
23. Воронка ловушка
24. Брошенная корзина
25. Гивэвей
26. Таймер обратного отсчета
27. Уведомление о недавнем действии
28. Уведомление о недавней продаже

Типы всплывающих окон по триггеру или таргету

29. Намерение уйти со страницы
30. Прокрутка как триггер
31. Время, проведенное на странице
32. С привязкой к странице
33. С привязкой к местонахождению
34. С привязкой к cookie
35. Повторное вовлечение неактивных
36. Запланированное
37. Follow-up на сайте

Заключение

Что такое всплывающие окна и почему их стоит использовать

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

Обычно всплывающие окна включают в себя призыв к действию (CTA, call to action), побуждающий посетителя сделать то, что вы от него хотите. Как очень скоро вы увидите, эти действия могут варьироваться в зависимости от ваших маркетинговых целей.

Эффективны ли всплывающие окна? Да, если вы знаете, как правильно их сделать.

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

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

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

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

Выбирая тип всплывающего окна, у вас есть множество вариантов.

Далее мы рассмотрим 37 типов popup-окон в разбивке по внешнему виду, цели и триггеру.

Читайте также: Зачем нужны pop-up окна современным маркетологам?

Типы всплывающих окон по внешнему виду

Когда пользователи слишком часто видят одно и то же объявление или вид всплывающего окна, они привыкают тут же его закрывать. Это явление называется усталостью от рекламы (ad fatigue).

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

Рассмотрим подробнее, какие же виды всплывающих окон существуют.

1. Лайтбокс

Лайтбокс (Lightbox) является наиболее распространенным типом popup-окон. Вы, наверняка, видели его раньше: 

При появлении такого всплывающего окна фон браузера становится темнее, тем самым привлекая все ваше внимание к информации на popup-окне.

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

2. Да/Нет

Всплывающее окно «Да/Нет» — это веб-форма из 2-3 шагов (в зависимости от того, добавляете ли вы страницу благодарности), содержащая простой вопрос, на который можно ответить либо «да», либо «нет»:

Хотя вы можете подумать, что добавление еще одного шага в всплывающее окно приведет к снижению коэффициента конверсии (conversion rate), на самом деле все совсем наоборот.

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

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

3. Да/Да

Всплывающие окна «Да/Да» похожи на окна «Да/Нет», но имеют один необычный ход, делающий их еще более эффективными.

В типичной кампании «Да/Нет» вариант «да» направляет пользователей туда, куда вы хотите, или на страницу, где они могут указать свой email-адрес.

Вариант «нет» просто закрывает окно.

В popup-окне «Да/Да» оба варианта ответа ведут в одно и то же место, но по разным причинам.

Так, например, popup-окно на сайте поставщика услуг веб-хостинга Bluehost предлагает зарегистрироваться и бесплатно получить доменное имя:

Получите бесплатный домен и создайте блог менее чем за 1 час!
(…)
Кнопка «Да, я хочу бесплатный домен»
Кнопка «Нет, я просто хочу создать сайт»

Кнопка «да» переводит пользователей на сайт Bluehost, где они могут получить бесплатный домен.

Кнопка «нет» также переводит их на сайт Bluehost, потому что не всем нужен новый домен. Им просто нужен сервис веб-хостинга.

Пусть и с разной целью, но оба типа пользователей хотят попасть на сайт Bluehost.

Эта техника работает очень хорошо, если следовать этим советам:

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

Следуя этим простым правилам, вы сможете получать большое количество конверсий из своих кампаний «Да/Да».

Читайте также: Как сделать так, чтобы люди кликнули на ваш pop-up?

4. Геймифицированные

Этот вид всплывающего окна действительно эффективен. Он превращает обычное popup-окно в игру. Наиболее распространено popup-окно с так называемым «колесом удачи»:

Такие popup-окна отлично привлекают внимание пользователей и дают им дополнительный стимул следовать вашему призыву к действию.

Только убедитесь, что предлагаемый «приз» достоин того действия, которого вы просите от пользователей.

5. Небольшое окно сбоку

Не всегда popup-окно должно быть в форме нового окна. Вместо этого оно может выглядеть как небольшое окошко сбоку:

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

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

6. Плавающая панель

Еще один вид всплывающих окон — плавающая панель (floating bar). Они обычно выглядят так:

Здесь вы можете подумать: «Но плавающие баннеры — это не всплывающие окна… это просто кампания, статично расположенная на сайте».

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

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

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

7. Полноэкранное

Полноэкранные popup-окна по своей природе более агрессивны, чем стандартные лайтбокс окна, но в хорошем смысле. Они занимают весь экран браузера, который просматривает ваш посетитель:

Это popup-окно занимает весь экран пользователя

В этом случае вы точно привлечете внимание вашего посетителя. С помощью полноэкранных popup-окон OptiMizeMyAirBnB увеличил свой список email-адресов на 650%, а продажи — на 66%.

8. Возникающее по клику

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

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

Они работают путем вставки триггера popup-окна в якорный текст (anchored text).

Используя этот тип всплывающих окон, Stays.net смог увеличить свои ежемесячные продажи на 10%.

Читайте также: Сила Pop-Up: увеличьте в 10 раз коэффициент подписок

Типы всплывающих окон по цели

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

Всплывающие окна могут иметь 19 разных целей:

9. Информационное оповещение

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

Например, информирование клиентов о текущих скидках и кнопки «Подробнее» рядом:

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

10. Перенаправление страницы

Этот тип popup-окна приводит вашего посетителя к связанной статье или товарной странице. Часто это кампании вида «Да/Нет» или «Да/Да», где вариант «да» открывает новое окно.

Такие popup-окна отлично подходят для увеличения просмотров страниц на вашем сайте путем перенаправления читателей на связанный контент.

Используя эту стратегию Olyplant увеличил просмотры страниц на своем сайте на 157%.

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

11. Обход AdBlock

Знали ли вы, что более 616 000 000 людей пользуются блокировщиками рекламы? Это означает, что даже если у вас идеальная popup-кампания, нужный клиент может даже никогда не увидеть ее.

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

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

Читайте также: Как маркетологи справляются с проклятием блокировщиков рекламы

12. Вход пользователя в систему

Popup-окна для входа в систему идеально подходят для улучшения пользовательского опыта (user experience). Во многих случаях пользователей перенаправляют 2 раза, прежде чем они смогут войти в систему:

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

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

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

13. Опрос

Есть старая поговорка: «Знание — сила». В бизнесе она звучала бы немного иначе: «Знание — прибыль».

Лучший способ получить эти знания — через опросы клиентов:

Помогите нам улучшить Kennedy Blue
Пройдите небольшой опрос (это займет всего 1 минуту)
Нам важно ваше мнение!
Кнопка «Пройти опрос»
Кнопка «Нет, спасибо»

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

Также вы сможете лучше понять образ покупателя (buyer persona).

14. Скачивание лид-магнита

Если вы хотите расширить список email-адресов, вам следует использовать лид-магнит. Лид-магнит — это все, что ваша аудитория сочтет ценным: электронная книга, инфографика, ссылка, купон и многое другое.

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

В итоге, все остаются в выигрыше: ваш клиент получает нечто ценное, а вы расширяете свой список email-адресов.

Читайте также: Как сделать идеальный лид-магнит на лендинге?

15. Регистрация на вебинар

Вебинары являются частью любой современной маркетинговой стратегии. Но как зарегистрировать людей на него с вашего сайта?

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

Думаете о написании книги?
Бесплатный вебинар от Брайана Трейси
Как написать и издать бестселлер за 5 шагов.
Кнопка «Зарегистрироваться сегодня!»
Кнопка «Нет, спасибо»

Затем вы можете перенаправить пользователей на посадочную страницу вебинара, либо спросить их email-адрес и отправить всю информацию туда.

Какую бы стратегию вы ни выбрали, такое popup-окно — отличный способ привлечь посетителей на ваше мероприятие.

16. Предварительный заказ

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

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

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

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

Такое всплывающее окно существенно увеличит ваши шансы на ранние продажи.

Читайте также: Фантомные продукты для оценки перспективности идеи и изучения спроса

17. Промокод / Акция

Хотите расширить список контактов и одновременно сделать клиентов счастливыми? Покажите им всплывающее окно с промокодом на скидку. Например, как это:

Пользователи смогут сэкономить деньги, а вы получите ценную контактную информацию.

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

18. Запрос email-адреса

Получение email-адреса клиента — популярная цель всплывающих окон. Причина, по которой данный тип popup-окна занимает отдельное место в списке, заключается в том, что он фокусируется исключительно на получении email-адреса:

19. Запрос телефонного номера (для смс)

Цель данного типа popup-окна — получить телефонный номер клиента. Так вы сможете улучшить свою стратегию SMS-маркетинга.

Купите 2 летние футболки
Получите 3-ю в подарок
(Только сегодня)
Оставьте свои контактные данные и мы отправим вам промо-код на это эксклюзивное предложение!
Поле 1: Введите ваш телефонный номер здесь…
Поле 2: Введите ваш email-адрес здесь…
Кнопка: «Получить спецпредложение сегодня»

20. Рекомендации продуктов

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

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

Вот небольшой пример:

Держите вашу голову
(и ваши джинсы)
высоко
Этот стильный ремень выполнен из натуральной кожи, имеет гарантию 5 лет, и подойдет для любого случая
Ах да, и только сегодня при покупке любой пары джинсов вы можете приобрести его со скидкой 50%.
Кнопка «Узнать больше»

Здесь пользователь может добавить к выбранным джинсам ремень. А в качестве особого стимула при покупке обоих товаров на ремень предлагается 50% скидка.

21. Апселлинг

Данный тип popup-окон также рекомендует сопутствующие товары. Однако предлагаемые товары стоят дороже, чем то, что покупатель собирается купить или уже купил.

Macy’s отлично справляется с апселлингом: 

Весенние скидки на платья с принтом
До 19 июня получите скидку $50 и бесплатную экспресс-доставку
Поле 1 — Введите ваше имя здесь
Поле 2 — Введите ваш email-адрес здесь
Кнопка «Отправить мне скидку»

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

Цель такого popup-окна проста: научить клиентов тратить больше денег на ваши продукты с течением времени.

Читайте также: Как увеличить прибыль интернет-магазина с помощью апсейл?

22. Даунселлинг

В отличие от апселлинга, даунселлинг — это попытка продать клиентам более дешевый товар, чем тот который они просматривали до этого.

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

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

Если вы можете показать клиенту схожий товар по более низкой цене, вам будет легче направить его в вашу воронку продаж (sales funnel). Со временем вы сможете увеличить их средний чек и превратить их в лояльных клиентов.

23. Воронка ловушка

Этот тип popup-окна используется, когда вы хотите заманить людей в так называемую «воронку-ловушку» (tripwire funnel).

Вот основная идея:

Предложите своей аудитории то, от чего они просто не смогут отказаться. Затем, после того, как они оплатят товар, покажете им более дорогой продукт (апселлинг). Если они его не купят, предложите другой продукт по более низкой цене (даунселлинг).

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

Рассел Брансон (Russel Brunson) из Click Funnels — мастер в таких делах. Он предлагает книгу в твердом переплете совершенно бесплатно, если вы оплатите доставку в сумме $5:

Рецепты воронки продаж для роста вашего бизнеса
Бесплатная книга

Как это приносит деньги?

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

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

24. Брошенная корзина

Ни для кого не секрет, что брошенные корзины — огромная проблема для владельцев ecommerce-бизнеса. Фактически, это причина более $4 000 000 000 000 ежегодных потерь.

Однако с помощью простого popup-окна вы можете вернуть посетителей, покидающих свои корзины:

Текст на картинке: Подожди, не уходи
Уже уходите?
В вашей корзине остались товары в корзине.
Как насчет 20% скидки на весь заказ?
Используйте промокод: save20off

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

25. Гивэвей

Онлайн-конкурсы способны приносить большую пользу вашему бизнесу. С их помощью вы можете:

• Расширить список email-адресов
• Увеличить число подписчиков в социальных сетях
• Привлечь теплых лидов
• Создать больше платящих клиентов

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

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

Использование этого типа popup-окна приведет к увеличению числа регистраций, подписчиков и продаж.

Читайте также: Раздача слонов, или Как провести гивэвей в соцсетях?

26. Таймер обратного отсчета

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

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

27. Уведомление о недавнем действии

Уведомление о недавних действиях — мощная форма социального доказательства (social proof) для вашего сайта. Эти небольшие popup-окна сообщают пользователям, когда кто-то взаимодействует с вашим брендом в интернете.

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

Это может быть любое действие на вашем сайте, например, когда кто-то просматривает тот же товар:

Или это могут быть действия вне вашего сайта, например, когда кто-то оставляет отзыв о вас на стороннем ресурсе, таком как Yelp или Google My Business.

28. Уведомление о недавней продаже

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

Здесь используется маркетинговая тактика, известная как FOMO (fear of missing out, боязнь что-либо упустить). Когда пользователи видят, что другие люди покупают ваш продукт, у них также появляется желание купить его.

Читайте также: Кейс по проектированию popup-окон для мобильных сайтов

Типы всплывающих окон по триггеру или таргету

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

Осталось добавить последний слой к уравнению: триггеры и таргеты.

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

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

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

Рассмотрим 10 типов триггеров и таргетов popup-окон, которые вы можете использовать для своих кампаний.

29. Намерение уйти со страницы

Как выяснилось, 70% людей, посещающих ваш сайт, никогда не вернутся.

Exit-popup — это отличный способ удержать посетителей. Такие окна появляются всякий раз, когда пользователь пытается покинуть ваш сайт: 

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

30. Прокрутка как триггер

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

Это значит, что вы можете синхронизировать всплывающее окно с различным контентом на вашей странице. Как это работает?

Допустим, у вас в блоге есть статья о том, как увеличить трафик. Вы можете создать всплывающее окно, которое будет появляться, когда пользователь прокрутит до середины (50%) страницы: 

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

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

Такие popup-окна эффективны, поскольку их видят те пользователи, которые явно заинтересованы в теме вашего контента.

31. Время, проведенное на странице

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

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

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

32. С привязкой к странице

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

Гораздо эффективнее персонализировать popup-окна, чтобы они соответствовали контенту, который просматривает пользователь.

Используя этот подход, Rich Page увеличил количество подписок на 316%: 

Ваш сайт оптимизирован для больших продаж?
Скачивайте мой бесплатный набор инструментов для повышения конверсии!
(…)
Поле 1 — Ваше имя
Поле 2 — Ваш email
Кнопка «Получить бесплатный доступ»

33. С привязкой к местонахождению

Знали ли вы, что можно настроить таргетинг по местоположению? Это значит, что вы можете показывать пользователям из определенного местоположения уникальное popup-окно.

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

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

Попап-окно на греческом языке

Такие popup-окна помогают персонализировать кампании для вашей аудитории и повысить показатель конверсии.

34. С привязкой к cookie

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

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

Поскольку вы знаете интересы своих клиентов, вы можете использовать этот тип popup-окон, чтобы перевести персонализацию на новый уровень.

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

Читайте также: Персонализируете сайты правильно

35. Повторное вовлечение неактивных

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

Вы можете использовать анимацию или звук, чтобы точно привлечь внимание вашего клиента.

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

36. Запланированное

Этот тип popup-окна появляется в запланированное время в течение определенного периода.

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

Чтобы повысить их эффективность, используйте таймер обратного отсчета:

Праздничные скидки
20% на весь заказ
[осталось] 7 дней 3 часа 57 минут 14 секунд

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

37. Follow-up на сайте

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

Преимущества этого типа popup-окна велики.

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

Эта стратегия позволила туристическому агентству Anywhere удержать 56,24% уходящих посетителей:

Нужна помощь в планировании путешествия?
Запланируйте отпуск с учетом ваших предпочтений
Еще не готовы? Подпишитесь на нашу рассылку и получайте полезные советы, скидки и многое другое!
Кнопка 1: «Да, мне нужна помощь!» Кнопка 2: «Нет, я просто изучаю информацию!»

Они также увеличили количество регистраций по электронной почте на 20%.

Читайте также: Автоматизация маркетинга: почему она важна для вашего процветания

Заключение

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

В действительности, все совсем наоборот.

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

Высоких вам конверсий!

По материалам: optinmonster.com Изображение: freepik.com

07-09-2020

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

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

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

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

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

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

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

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

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

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

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

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

• SEO-совместимое всплывающее окно не мешает пользовательскому интерфейсу и не снижает рейтинг веб-сайта в Google.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Генерация подписчиков
• Продвигайте определенный контент
• Уменьшить показатель отказов

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

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

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

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

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

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

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

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

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

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 и постепенно адаптирующуюся к настольной версии веб-сайта.
• Время всплывает справа. Не существует универсальной стратегии, кроме «тестировать, тестировать и тестировать». Если вы решили, что всплывающее окно стоит добавить, попробуйте разные временные рамки для его появления.Полагайтесь на реальные данные, а не на чистые предположения.
• Ставьте правильный стимул. Используйте всплывающие окна, которые повышают ценность исходного содержимого. Например, когда пользователь читает статью о материалах для улучшения дома, действительно полезно предложить видео-руководство о том, как начать улучшение дома.

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

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

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

Добавьте всплывающее окно или баннер на свой сайт | Square Support Center

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

Создать всплывающее окно

Для создания всплывающего окна:

1. Перейдите на страницу обзора Square Online.

2. Нажмите Связь > Всплывающие окна .

3. Выберите тип всплывающего окна, которое вы хотите использовать.

4. В разделе Макет щелкните миниатюру, чтобы просмотреть пример.

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

6. Нажмите кнопку Опубликовать , чтобы включить всплывающее окно на вашем действующем веб-сайте.

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

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

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

Стиль и содержание

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

Заголовок и текст : Настроить цвет, стиль и содержимое отображаемого текста и подтверждающего сообщения. Поля формы : Настройте замещающий текст и стиль полей формы, а также включите или отключите поля «Имя» и «День рождения». Кнопки действий : Настроить поведение и стиль основной кнопки и значка закрытия. В качестве кнопки действия можно указать адрес электронной почты или номер телефона. Кроме того, вы можете настроить его для открытия страницы на вашем веб-сайте или на внешнем веб-сайте.Фон : Установите цвет фона для вашего всплывающего окна и загрузите изображение для макетов, которые включают его. {: .accordion}

Настройки

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

Внутреннее имя для вашего всплывающего окна (например, форма лидогенерации).

Укажите, какие действия будут запускать всплывающее окно для посетителей.

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

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

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

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

Скопируйте код сюда, чтобы вручную вставить его на веб-страницу.

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

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

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

1. Перейдите на страницу обзора Square Online.

2. Выберите Связь > Всплывающие окна .

3. Щелкните значок . . . Значок > Отредактируйте , чтобы внести изменения в настройки. Это загрузит всплывающее окно предварительного просмотра.

4. Нажмите кнопку Опубликовать , чтобы обновить всплывающее окно на вашем действующем веб-сайте.

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

UP | ВИЧ, ID и глобальная медицина

Помощь бездомным и людям, живущим в нестабильных условиях, с ВИЧ

В 2019 году отделение 86 запустило новую медицинскую программу POP-UP (Программа положительного здоровья на месте для людей, живущих в нестабильном жилье), которая обеспечивает гибкую, всестороннюю и ориентированную на пациента медицинскую помощь. POP-UP специально направлен на сокращение различий в состоянии здоровья среди бездомных и людей, живущих с ВИЧ в нестабильном жилье, в Сан-Франциско.

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

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

«Бездомные или нестабильные пациенты с ВИЧ имеют уникальные потребности, из-за которых может быть сложно связаться с медицинским обслуживанием. POP-UP направлен на удовлетворение этих потребностей.«

Медицинский директор, палата 86, POP-UP

В Сан-Франциско в 2017 году две трети проживающих с ВИЧ людей имели вирусную супрессию по сравнению с только одной третью бездомных. Не менее важно то, что на бездомных приходилось 14% новых диагнозов ВИЧ в 2017 году, несмотря на то, что они составляли менее 1% населения города. Эти тенденции отражаются в отделении 86. Более того, хотя многие пациенты с нестабильным жилищем в отделении 86 не приходят на приемы в первичную медицинскую помощь регулярно, они часто приходят в нашу клинику неотложной помощи, что дает нам возможность поработать с ними над их проблемами. сроки и их график.

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

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

Расположение и часы поликлиники

Ward 86, Zuckerberg San Francisco General Hospital
995 Potrero Avenue
Building 80, 6th Floor
San Francisco, CA 94110

Клиника POP-UP открыта с понедельника по пятницу с 13 до 17 часов.

Узнать больше

Чтобы получить дополнительную информацию или внести свой вклад в эту инициативу, свяжитесь с Элизабет Имберт, MD

Отключить блокировку всплывающих окон | Центр для детей и женщин

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

мобильный

Пользователи Android:

1. Откройте приложение «Настройки» с главного экрана
2. Выберите настройки сайта
3. Выбрать всплывающие окна и перенаправления
4. Переключиться на «Разрешено»

Пользователи Iphone:

1. Открыть приложение «Настройки» в iOS
2. Выберите Safari
3. Переведите переключатель рядом с «Блокировать всплывающие окна» в положение ВЫКЛ.

---

Настольный компьютер

Chrome (Mac или Windows):

1. Щелкните меню «Настройка и управление Google Chrome» (три точки в правом верхнем углу)
2. Выберите настройки
3. Нажмите «Дополнительно» внизу
4. В разделе «Конфиденциальность и безопасность» нажмите кнопку «Параметры содержимого».
5. Выбрать всплывающие окна и перенаправления
6. Чтобы отключить блокировщик всплывающих окон, снимите флажок Заблокировано (рекомендуется)

Safari (Mac)

1. В меню Safari выберите Настройки
2. Щелкните Веб-сайты вверху окна
3. Выбрать всплывающие окна
4. Чтобы отключить блокировку всплывающих окон, выберите Разрешить рядом с При посещении других веб-сайтов.

Internet Explorer 9 и выше (Windows)

1. Щелкните значок МЕХАНИЗМ и выберите Свойства обозревателя
2. Выберите вкладку «Конфиденциальность». Снимите флажок Включить блокировку всплывающих окон, чтобы отключить блокировку всплывающих окон
3. Нажмите кнопку «Настройки», чтобы отключить блокировку всплывающих окон для определенных сайтов.
4. Нажмите ОК

Firefox (Windows)

1. Выберите три горизонтальные полосы в правом верхнем углу
2. Выберите параметры
3. Выберите вкладку Конфиденциальность и безопасность
4. Чтобы отключить блокировщик всплывающих окон, снимите флажок Блокировать всплывающие окна под заголовком Разрешения
5. Закройте окно
6. Нажмите ОК

Firefox (Mac)

1. Выберите «Настройки» в меню Firefox.
2. Выберите вкладку Конфиденциальность и безопасность
3. Чтобы отключить блокировщик всплывающих окон, снимите флажок Блокировать всплывающие окна под заголовком Разрешения
4. Закройте окно
5. Нажмите ОК

Plaza Pop-Up | Посетите SLO

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

Возьмите друга и отправляйтесь в центр города, на площадь Миссии Сан-Луис-Обиспо, где все смогут погрузиться в мир искусства!

Каждый месяц в Plaza Pop-Up будут представлены различные культурные некоммерческие организации, которые при финансовой поддержке муниципалитета SLO создадут художественную инсталляцию, уникальную для миссии некоммерческой организации.Эти иммерсивные инсталляции стремятся вызвать счастье, надежду и любовь к Сан-Луис-Обиспо как у жителей, так и у посетителей.

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

August Pop-Up: Untitled VI

Для финального Pop-Up на Mission Plaza Совет по делам искусств округа SLO привлек местного художника ШАХРЗАДА для создания причудливой инсталляции « Untitled VI » в рамках культурной некоммерческой организации, спонсируемой городом Августа.ШАХРЗАД задумал идею эксцентричных структур из цифрового символизма, зороастрийских суеверий и всплывающей культуры Instagram с намерением создать пространство фантазии в самом сердце Сан-Луис-Обиспо. Шесть скульптур — в том числе рука, пламя, «сглаз», волнистая линия, радуга и смайлик — различаются по высоте от четырех до шести футов. Большие красочные фигуры соседствуют с твердыми промышленными материалами, из которых они сделаны, включая 600 фунтов гидрокалюма и 1000 футов стального стержня толщиной в четверть дюйма, что призвано выразить коллективное противоречие эмоций, пережитых за последние полтора года, усугубленных пандемия и глобальные социальные волнения.Хотя эта инсталляция знаменует собой конец серии Plaza Pop-Up, она также совпадает с возвращением 25-го ежегодного концерта Downtown SLO на Plaza. Серия бесплатных общественных концертов начнется 6 августа и будет проходить каждую пятницу до середины сентября.

При посещении обязательно используйте #ShareSLO и #PlazaPopUps, чтобы ваши фотографии размещались здесь и на @ShareSLO!

July Pop-Up: Home

«Дом». из Детского музея Сан-Луис-Обиспо исследует невероятную планету, на которой мы живем, и наше место в солнечной системе.На площади есть несколько станций, на которых можно узнать о фазах луны, о лучших местах, где можно увидеть звезды, о предстоящих небесных событиях, о том, как небо вдохновляло искусство на протяжении всей истории, и о других интересных фактах о Земле. Есть инстаграммные моменты, изобилующие небесными фонами и 10-футовой освещенной Землей, подвешенной над Mission Plaza. Все желающие могут принять участие в художественном проекте мозаики из стикеров, изображающем звездную ночь Ван Гога, а также в 3D-рисовании мелом разбившегося астероида на площади Миссии.Мы призываем членов сообщества продолжать изучать галактику и знакомиться с ней, посетив новую выставку «Миссия на Марс» в Детском музее!

Обязательно используйте #ShareSLO и #PlazaPopUps, чтобы ваши фотографии размещались здесь и на @ShareSLO!

Июньское всплывающее окно: любовные записки

«Любовные записки» — это гала-концерт Центра гордости и разнообразия, который приветствуют, любят и слышат все здесь, на центральном побережье.В украшении инсталляции приняли участие более 150 членов сообщества, включая студентов и художников. Линн Шмидт — ведущий дизайнер, художник и визионер Gala Pride and Diversity Center. Вдохновение для концепции возникло во время недавней поездки в Окленд, штат Калифорния, где Линн стала свидетелем того, как крошечная домашняя община праздновала успех своей юности с помощью «досок духа» — деревянных досок, разработанных и украшенных учениками. Центральная часть сделана из деревянных рам размером 6,4 x 4 фута, выровненных в два отдельных ряда, чтобы посетители могли пройти через структуру, внутрь и вокруг нее.Посетителям рекомендуется не торопиться, чтобы увидеть, что члены сообщества написали или украсили на досках, а также послушать и обсудить произведение.

Заходите, чтобы поделиться любовью, и не забудьте использовать #ShareSLO, #PlazaPopUps, #LoveNotes, #TheGalaPrideandDiversityCenter и #LGBTQLoveNotes, чтобы разместить ваши фотографии на @ShareSLO!

May Pop-Up: May Flower Initiative и Spring Wings

Этой весной в центре Сан-Луис-Обиспо продолжают цвести цветы, и их вам принесут представители City of SLO и Downtown SLO с помощью команды Karson Butler Events.В этом месяце вы будете поражены созданной студентами инсталляцией декоративного садоводства, созданной командой Cal Poly Rose Float Team, которая работала вместе с Downtown SLO. «Весенние крылья» — это цветочный горшок с бабочкой и гусеницей и механическая пчела, свисающая с беседки, сделанная из сварной стали и украшенная засушенными цветами, продуктами и природными элементами. В Mission Plaza также будет 8-футовый освещенный калифорнийский мак, нарисованный мелом от бригады по рисованию мелом Детского центра Trust Automation, и меловая фреска «Развитие материнства» Кэти МакГрат из Badger Branding, идеально подходящая для празднования Дня матери 9 мая.

Не забудьте сделать селфи в интерактивной автостанции с цветочной рамкой для селфи, созданной Karson Butler Events, с изображением бабочек от Cal Poly Rose Float Team.

Используйте #ShareSLO, #PlazaPopUps, #D DowntownSLO и #MayFlowerInitiative при размещении своего красивого селфи, чтобы иметь возможность разместиться на @ShareSLO!

Апрельское всплывающее окно: Сквозь цветы

Весенние цветы пришли в SLO в начале этого года с инсталляцией Through the Flowers , которая сейчас цветет на Mission Plaza.Вместе городские власти и Художественный музей Сан-Луис-Обиспо работали над запуском первого Pop-Up Plaza. Как постоянное место для поддержки искусства и художников, SLOMA была естественным выбором для запуска этой пилотной программы. SLOMA стремится сделать искусство доступным для всех и каждого, и этот опыт пассивного искусства является прекрасным продолжением музея, сам по себе в нескольких шагах от Mission Plaza.

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

Обязательно используйте #ShareSLO, #PlazaPopUps и #ThroughTheFlowers, чтобы ваши фотографии размещались на @ShareSLO!

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

Намерение выхода

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

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

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

Выдвижной

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

Полноэкранный

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

Всплывающее окно расписания

Установите дату и время, когда появится всплывающее окно.Отлично подходит для показа рекламных всплывающих окон!

Гости или Администраторы

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

Задержка по времени

Установите точно (в секундах), когда появится всплывающее окно.

Просмотрено страниц

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

Положение прокрутки

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

Кнопка запуска всплывающего окна

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

Размеры всплывающего окна

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

Анимация

Более 40+ анимаций на выбор для открытия и закрытия всплывающих переходов.

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

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

Автоматическое закрытие

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

Отключить мобильное устройство

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

Интеграция Themify Builder

Создавайте любые всплывающие окна с помощью Themify Builder или бесплатного плагина Builder Lite. Он поставляется с несколькими образцами всплывающих окон.

.

No related posts.