Контент

Что такое попапы: подробное руководство с примерами

16 ноября 2021 19 мая ~ 17 мин читать 8027 просмотры
оценить
Claspo Blog Что такое попапы: подробное руководство с примерами

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

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

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

Что такое pop-up: типы и примеры

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

Типы попапов отличаются по:

  • виду;
  • цели;
  • триггеру. 

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

Создай свой попап всего за пару кликов!

Попап окна по виду

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

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

Пример Lightbox

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

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

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

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

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

Попап окна по цели

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

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

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

Пример попапа с брошенной корзиной

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

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

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

Пример попап окна на основе кампании 

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

Пример попапа для получения обратной связи

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

Пример попапа с файлами cookie

Попап окна по триггеру

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

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

Пример попапа, срабатывающего после определенного времени

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

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

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

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

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

Пример попапа при прокрутке

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

Пример попапа по клику

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

Пример попап окна при попытке покинуть сайт

Попапы при попытке покинуть сайт (exit-intent pop-ups) — классический способ удержать пользователя от выхода с сайта. Действие, которое активирует триггер, — попытка пользователя покинуть веб-страницу, не выполнив желаемого действия, т. е. не завершив заказ, не добавив адрес доставки или не отправив регистрационную форму.

Пример попапа при попытке покинуть сайт

Как создать хороший попап?

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

Зачем использовать попапы? 

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

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

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

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

Создать свой собственный popup проще, чем ты думаешь!

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

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

Цели — простые, призывы к действию — понятные

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

Приносите реальную ценность

В среднем посетитель сайта получает около 3-4 попапов при первом его посещении: уведомление о файлах cookie, предупреждение о политике конфиденциальности, окно “Подписаться” и окно “Разрешить использовать ваше местоположение”. Подумайте дважды перед тем, как заставить пользователей увидеть и нажимать на еще большее количество попапов. Возможно, они просто зашли посмотреть на ваш сайт! И то, как вы относитесь к посетителям через свои попапы, может повлиять на то, останутся ли они на сайте или забудут навсегда ваше доменное имя. Убедитесь, что вы показываете попапы только тогда, когда они уместны, и постарайтесь, чтобы они были удобными для пользователя. 

Сегментация и таргетинг

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

  • геотаргетинг (показ разных сообщений для пользователей из разных регионов);

Пример попапов на основе геотаргетинга

  • таргетинг на основе источника трафика (Google, Facebook ads, email кампании и т.д.);
  • таргетинг на основе кампании (содержимое каждого попапа соответствует кампании, которую пользователь уже видел);
  • таргетинг по вовлеченности (отслеживание количества страниц, просмотренных посетителями, время на странице, вернувшиеся клиенты и т.д.);
  • таргетинг на основе корзины (отображение рекомендаций товаров на основе содержимого корзины);
  • исключение ранее подписанных посетителей. 

Персонализация

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

Оцените эффективность работы попапа и внесите коррективы

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

  1. в первую очередь, проанализируйте, как попапы влияют на конверсию вашего сайта в целом и на конверсию каждой страницы отдельно;
  2. если у вас есть многоэтапная pop-up кампания или вы используете кнопку звонка, измерьте каждый из шагов по отдельности: посчитайте количество кликов и звонков и количество целевых действий;
  3. проведите A/B, A/A/B тестирование, чтобы понять, как определенные фразы, формы, изображения и призывы к действию воспринимаются посетителями сайта;
  4. создавайте разные всплывающие кампании для настольных и мобильных пользователей и измеряйте их отдельно, чтобы получить достоверные результаты. 

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

Запусти свой лидогенерирующий попап уже сегодня!

Как измерить эффективность попапов?

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

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

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

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

Всё еще не пользователь Claspo? Давай исправим!

Вас также может заинтересовать
Email Pop-Ups_ 30 Excellent Examples.svg
Email Popup: полное руководство с 15 отличными примерами

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

09 ноября 2021 20 мин читать
49 Types of Website Pop-ups for Your Business.svg
49 видов попапов для вашего бизнеса

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

23 ноября 2021 15 мин читать
What is a Lightbox Popup and How to Create One_.svg
Что такое Lightbox Popup и почему вы не должны упустить этот инструмент?

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

30 ноября 2021 15 мин читать
14 Shopping Deals Popups to Boost Sales Promotion.svg
14 Popups с торговыми предложениями для стимулирования продаж

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

03 декабря 2021 12 мин читать
7 Cart Abandonment Popup Examples to Save Sales.svg
7 примеров попапов с брошенной корзиной для сохранения продаж

Согласно e-commerce исследованиям, в 2020 году 70% пользователей бросили корзину, так и не оплатив заказ. Цифра немного удручающая для владельцев бизнеса, которые вложили средства в разработку, маркетинг, рекламу и т.д. Эта проблема становится между вами и вашей прибылью. Почему же покупатели так делают и как их убедить оформить и оплатить заказ?  Содержание Что такое брошенная корзина? Как использовать попапы, чтобы уменьшить количество брошенных корзин? Примеры Вывод Что такое брошенная корзина? По сути, брошенная корзина — это незавершенная покупка. Пользователь нашел...

08 декабря 2021 10 мин читать
A Pop-Up Survey on Your Website_ Everything You Need to Know.svg
Попапы с опросом: все, что нужно знать

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

11 декабря 2021 7 мин читать

Вверх

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