Всплывающие окна: понятие, типы и эффективность

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

Нужно ли использовать всплывающие окна?

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

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

По сравнению с другими типами рекламы на сайте, всплывающие окна имеют самый высокий коэффициент конверсии, около 2%.

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

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

Для чего используют всплывающие окна

• Привлечь подписчиков;
• Сообщить информацию;
• Подсказать что-либо;
• Показать рекламу;
• Получить заявки от клиентов.

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

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

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

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

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

1. Hello-board
2. Page-stop

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

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

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

Типы по внешнему виду

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

1. Лайтбокс (Lightbox)

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

2. Да или нет

Всплывающее окно Да / Нет представляет собой веб-форму из 2–3 шагов (в зависимости от того, добавили ли вы страницу с благодарностью), которая содержит простой вопрос, на который можно ответить «да» или «нет». Хотя вы можете подумать, что добавление еще одного шага во всплывающее окно приведет к снижению коэффициента конверсии, на самом деле все наоборот. Это связано с психологическим феноменом, называемым эффектом Зейгарник. Фактически, человек с большей вероятностью завершит уже начатый процесс. Многие всплывающие окна сразу же запрашивают имена и адреса электронной почты, что отпугивает некоторых нерешительных посетителей. Однако, если вы сначала зададите человеку простой вопрос, он с большей вероятностью предпримет нужное вам действие после того, как нажмет «Да».

3. Только да

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

Этот метод очень эффективен, если вы будете следовать приведенным советам:

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

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

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

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

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

5. Маленькое боковое окно

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

6. Всплывающий баннер

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

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

Полноэкранные всплывающие окна по своей сути более агрессивны, чем стандартные лайтбоксы, но это отличный способ. Они занимают весь экран браузера, который просматривает посетитель: Это всплывающее окно занимает весь экран пользователя. Это всплывающее окно занимает весь экран пользователя. В этом случае вы обязательно привлечете внимание посетителей. С помощью полноэкранного всплывающего окна список рассылки OptiMizeMyAirBnB увеличился на 650%, а продажи выросли на 66%.

8. Появляющиеся при нажатии

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

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

1. Информационное напоминание

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

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

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

3. Обход AdBlock

Знаете ли вы, что более 616 миллионов человек используют блокировщики рекламы? Это означает, что даже если у вас есть идеальная всплывающая кампания, нужные клиенты могут ее никогда не увидеть. Всплывающее окно этого типа требует, чтобы пользователи отключили блокировку рекламы. Правильно, это всплывающее окно помогает пользователям увидеть другое всплывающее окно! Обход AdBlock Большинство людей просто хотят остановить рекламу спама и не знают, что пропустят какие-либо специальные предложения. Мы обнаружили, что примерно 77% пользователей более чем счастливы отключить блокировку рекламы, чтобы получить скидку.

4. Логин пользователя

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

5. Голосование

Есть старая поговорка: «Знание — сила». В бизнесе это звучит немного иначе: «Знания — прибыль». Лучший способ получить эти знания — через опросы клиентов: Помогите нам улучшить Kennedy Blue Пройдите небольшой опрос (всего 1 минута) Ваш отзыв важен для нас! Кнопка «Пройти опрос» Кнопка «Нет, спасибо» Помогите нам улучшить Kennedy Blue Сделайте небольшой опрос (всего 1 минуту) Нам очень важно ваше мнение! Кнопка «Пройти опрос» Нет кнопки спасибо С помощью всплывающей анкеты вы можете узнать больше о своих клиентах. Полученная информация позволит вам персонализировать маркетинговую деятельность или улучшить ваши продукты. Вы также сможете лучше понять роль покупателя.

6. Загрузка лид-магнита

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

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

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

8. Предзаказ

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

9. Промокод или акция

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

10. Запросить адрес электронной почты

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

11. Запросить номер телефона (для СМС)

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

12. Рекомендация по продукту

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

13. Допродажа

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

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

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

15. Воронка-ловушка

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

16. Брошенная корзина покупок

Не секрет, что брошенные корзины — огромная проблема для владельцев бизнеса в сфере электронной коммерции. Фактически, это причина ежегодного убытка более 4 000 000 000 000 долларов США. Однако с помощью простого всплывающего окна вы можете снова заставить посетителей покинуть корзину. Как правило, каждый пятый покупатель, который пытается уйти до оформления заказа, возвращается.

17. Раздача подарков

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

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

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

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

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

20. Уведомление о последних продажах

Когда кто-то покупает продукт на вашем веб-сайте, эти всплывающие окна будут отображаться в режиме реального времени. Он использует маркетинговую стратегию под названием FOMO (Fear of Missing). Когда пользователи видят, что другие люди покупают ваш продукт, они тоже хотят его купить.

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

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

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

Триггер всплывающего окна — это причина, по которой пользователь видит ваше всплывающее окно.

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

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

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

1. Открытие страницы (entry pop-up)

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

2. Закрытие страницы (exit pop-up)

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

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

3. Появление по целевому действию (click pop-up)

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

4. Появление при прокрутке (scroll pop-up)

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

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

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

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

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

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

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

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

5. С привязкой к конкретной странице (current page pop-up)

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

6. В зависимости от местонахождения (geotargeting pop-up)

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

7. Привязка к файлам Cookie (cookie pop-up)

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

8. Повторный визит ушедших

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

9. С отсрочкой по времени (timed pop-up)

Это всплывающее окно появляется, когда посетитель остается на вашей странице в течение определенного периода времени (обычно от 10 до 60 секунд). Как и в предыдущем случае, эти всплывающие окна отображаются только для тех пользователей, которым вы интересны. По мере того, как они становятся более заинтересованными в содержании вашей страницы, они с большей вероятностью откликнутся на призыв к действию. Через обычные всплывающие окна вы можете предлагать подписаться на информационный бюллетень или просматривать другие части веб-сайта, привлекать потенциальных клиентов, собирать запросы обратного вызова, предоставлять демонстрационный доступ к услуге и т. Д. Чтобы определить льготный период, изучите отчеты Google Analytics или Яндекс.Метрики. Посмотрите, сколько времени люди проводят на странице. Я считаю, что если установить время появления всплывающего окна на 50% от этого показателя, то окно не будет раздражать и его можно будет хорошо конвертировать.

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

10. Последующие окна на сайте

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

Из каких элементов состоит попап

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

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

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

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

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

Как правильно оформлять всплывающие окна

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

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

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

Выводы

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

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

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

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