Pop-up примеры, техники и стратегии использования
Контент

Pop-up примеры, техники и стратегии использования

09 мартa 2022 11 сентября 2023 ~ 8 мин читать 8329 просмотры
оценить
Claspo Blog Pop-up примеры, техники и стратегии использования

Что такое Pop-up

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

Пример поп-ап. со скидкой за регистрацию на сайте онлайн-магазина magnolia.com:

magnolia.png

Для каких целей используют поп-ап.:

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

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

Какую бы цель вы ни преследовали, главная задача поп-ап. — увеличение конверсии.

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

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

Почему поп-ап. работают

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

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

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

Также ниже приведены исследования различных сервисов по использованию поп-ап.в.

Сервис SUMO провел ряд исследований и тестов на основе свыше 2 млрд. всплывающих окон. В среднем конверсия в подписчика была на уровне 3,1%, а в некоторых случаях — около 9,3%. При таких показателях даже 100 посетителей сайта в день будут конвертироваться от 92 до 274 подписчиков в месяц с помощью поп-ап..

Aweber выяснил, что замена формы подписки с боковой панели на всплывающее окно увеличила количество подписчиков на 1375%.

А Sleeknote предоставил исчерпывающие исследования различных поп-ап.в, ниже представлена краткая выжимка по нескольким параметрам:

  1. Поп-ап с картинкой эффективнее на 83,57%, чем без картинки;
  2. Использование таймера перед показом поп-ап. показало эффективность на 112,93% в сравнении с поп-ап.м, который показывается сразу при загрузке сайта;
  3. Рекомендуется использовать до 2 полей для заполнения во всплывающей форме. Такое решение обусловлено тем, что меньшее количество полей эффективнее в среднем на 206,48%;
  4. Всплывающие окна конвертируют лучше на мобильных устройствах, чем на десктоп. Эффективность выше на 48,37%.

Кейсы агентства Promodo также доказывают, что поп-ап. еще не отжили свое. Рассмотрим статистику использования поп-ап-интерактивов в Ecommerce. Их проводили в разные месяцы и на разные периоды, продолжительностью до 2 месяцев. 

К примеру, активность “Рулетка” к распродаже Black Friday:

плашка с понятным призывом к действию.png

Цель: сбор емейлов за возможность выиграть приз, покрутив рулетку.

За месяц проведения интерактива число подписчиков увеличилось на 10%, доход вырос на 25% (относительно средних ежемесячных показателей текущего года).

Реализация такого поп-ап., кроме “рулетки”, имеет другие варианты, например:

  • сундуки 1 из 3;
  • GiftBox;
  • скретч-карта и другие форматы игровых механик.

Pop-up активности подобного рода вызываются на сайте по клику на небольшой элемент сайта — плашку с понятным призывом к действию.

Создайте свой поп-ап всего за несколько минут без знаний кода!

Pop-up примеры и стратегии использования

Различают 2 основных вида поп-ап.в:

  1. Hello-board — который перекрывает только часть контента сайта, не блокируя взаимодействие с сайтом. Пользователь может отреагировать или закрыть всплывающее окно, что менее раздражительно.
  2. Page-stop — который полностью перекрывает собой страницу, не давая взаимодействовать с сайтом, пока посетитель не совершит целевое действие или не закроет вкладку. Такой поп-ап вызывает значительно больше раздражения, но с тем же довольно эффективно конвертирует.

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

1. Welcome Pop-up

Welcome Pop-up.png

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

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

2. Timed Pop-up

Timed Pop-up.png

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

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

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

3. Scroll Pop-up

Scroll Pop-up.png

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

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

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

4. Exit Pop-up

Exit Pop-up.png

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

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

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

5. Click Pop-up

Click Pop-up.png

Всплывает после того как пользователь кликнет по соответствующему элементу на сайте. Поп-апы такого типа можно комбинировать с Timed Pop-up или Scroll Pop-up.

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

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

6. Slide-In Boxes Pop-up

Slide-In Boxes Pop-up.png

Этот тип поп-ап. размещается сбоку экрана и выдвигается при наведении на него.

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

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

Увеличивайте продажи с помощью всплывающих окон бесплатно!

Практические рекомендации по использованию Pop-up

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

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

Заключение

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

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

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

Вас также может заинтересовать
Что такое Floating Bar: 10 примеров и советы по использованию
Что такое Floating Bar: 10 примеров и советы по использованию

Что это такое floating bar Floating bar — это pop-up, который закрепляется сверху или снизу сайта и остается видимым при скролле страницы. В Floating bar можно разместить напоминание об окончании распродажи, форму подписки или направить трафик на определенный лендинг.  Преимущества использования floating bar Ненавязчивость Floating bar не отвлекает пользователей от основного контента сайта и не требует совершить дополнительных действий, чтобы продолжить просматривать страницу (например, подписаться или закрыть форму).  UX-friendly Floating bar вмещает минимальное количество контента, который не закрывает карточки товаров,...

05 мартa 2022 9 мин читать
8 ошибок попапов, или почему вам кажется что они не работают.
8 ошибок попапов, или почему вам кажется что они не работают

А вас раздражают поп-ап.? 73% пользователей утверждают, что негативно относятся к всплывающим окнам. Но это не мешает маркетологом продолжать использовать их. Почему? Ответ довольно простой – они работают! Несмотря ни на что клиенты продолжают взаимодействовать с поп-ап.ми, и этот инструмент не теряет эффективности. Но даже незначительные ошибки в настройке окна, такие как неудачное время появления или перегруженность данными, могут привести к потере клиентов и трафика.  Поп-ап. появились в середине 1990-х годов с подачи дизайнера и программиста Итана Цукермана, который в...

01 мартa 2022 8 мин читать
10 Эффективных способов расширить свою базу email адресов в 2023 году
10 Эффективных способов расширить свою базу email адресов в 2023 году

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

25 февраля 2022 13 мин читать
Опросы об уровне удовлетворенности клиентов: Определение и примеры вопросов
Опросы об уровне удовлетворенности клиентов: Определение и примеры вопросов

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

15 мартa 2022 11 мин читать
12 мощных козырей, которые можно достать из своего кармана для увеличения продаж
12 мощных козырей, которые можно достать из своего кармана для увеличения продаж

В то время как герои Шекспира мучаются экзистенциальными проблемами, задаваясь вопросом "Быть или не быть", прагматичные умы бизнесменов постоянно озабочены другим вечным вопросом: "Как повысить продажи?". Все, — от торговцев манго на улицах Дели до крупнейших транснациональных корпораций, таких как Coca-Cola, — пытаются решить эту загадку.  Естественно, не существует ключа, который открывает сразу все двери. Будьте готовы к тому, что не все распространенные методы смогут прижиться в вашей компании. К тому же, ими уже тяжело кого-либо удивить. Именно поэтому использование...

24 мартa 2022 7 мин читать
Руководство из 16 шагов по переходу в виртуальный мир и резкому увеличению онлайн-продаж
Руководство из 16 шагов по переходу в виртуальный мир и резкому увеличению онлайн-продаж

Влияние пандемии COVID-19 на нашу повседневную жизнь неоспоримо. Будучи вынужденными сидеть дома, мы по достоинству оценили преимущества онлайн-покупок. Это быстро, удобно и не требует стояния в очередях. Когда у вас есть возможность купить всё: от любимой пиццы до нового дивана всего за пару кликов, без необходимости переодевать пижаму, вам будет трудно вернуться к посещению реальных магазинов. По данным eMarketer, сфера e-commerce расцветает, как весенние яблони. За 2020 год онлайн-ритейл продемонстрировал рост на 27,6% и превысил отметку в 4 триллиона долларов....

28 мартa 2022 13 мин читать

Вверх

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