Зачем нужны всплывающие окна: Зачем нужны всплывающие окна (POP-UP) |

Posted:

Май 9, 2023

Comments:

Зачем нужны всплывающие окна: Зачем нужны всплывающие окна (POP-UP)

Содержание

Зачем нужны всплывающие окна (POP-UP)

21 Июня 2021

Pop-up – это настраиваемые элементы интерфейса, отображающиеся впереди страниц сайта, и направленные для привлечения внимания и на достижение пользователем определённых целей (покупка, подписка, звонок и т.п.). Такие окна всплывают без подтверждения от пользователя либо внезапно появляются при действиях на сайте.

Какими бывают POP-UP

Различают 2 типа всплывающих окон:

Hello-board. Этот поп-ап не мешает работе с сайтом. Чаще всего всплывает вверху, внизу или сбоку веб-страницы – поэтому не препятствует ее просмотру и редко ограничивает функционал сайта, его всегда легко закрыть.

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

Зачем нужны POP-UP

Основные цели применения всплывающих окон следующие:

• подписаться на рассылки/уведомления

• сообщить новость/скидки/акции

• в качестве дисклеймера (отказ от ответственности)

• связь с техподдержкой (и всплывающие подсказки)

• показать рекламу

• получить онлайн-заявку

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

Статистика за и против POP-UP

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

Поэтому главное — это настроить и использовать pop-up правильно, тогда они станут эффективным инструментом маркетинга. В отчете SUMO, проанализировавших порядка 2 млрд поп-ап окон, конверсия от использования всплывающих окон достигает 40% и выше.

Создание и настройку POP-UP лучше доверить нашим специалистам, но если вам интересно самостоятельно заняться данным вопросом, то рекомендуем соблюдать 8 важных правил:

1. Поп-ап можно легко закрыть

2. Поп-ап должен иметь простой дизайн

3. Не использовать несколько поп-ап одновременно

4. Правильные тайминги для поп-ап

5. Поп-ап должен подходить вашему бренду

6. Адаптируйте поп-ап под экраны любых устройств

7. Правильное положение на веб-странице

8. Поп-ап должен предлагать что-то полезное

Как и в каких случаях эффективно использовать поп-апы вы узнаете из статьи «Варианты использования всплывающих окон (POP-UP)».

Всплывающее (popup) окно для сайта: удачные приемы и ошибки

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

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

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

Есть два варианта:

hello-board — поп-ап ограничивает часть функционала страницы, но с ней все еще можно работать.
Например, в блоге LPGenerator так работает окно с формой подписки на рассылку — можно продолжить скроллить статью, не закрывая окно
page-stop — окно блокирует работу всей страницы до тех пор, пока пользователь не кликнет по кнопке действия или не закроет его.Форма подписки в блоге SendPulse оставляет два пути: подписаться или закрыть

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

8 задач, которые решают pop-ups

Сегодня с помощью поп-апов бизнес решает восемь задач:

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

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

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

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

Показ окна можно настроить по десяткам разных сценариев. Например, пользователю, который с телефона Samsung вбил в поиск «купить iPhone» и перешел по контекстной рекламе, мы можем показать pop-up «Поменяй свой Samsung на iPhone» — это настраивается на основе UTM-метки.

Время на сайте

Казалось бы, открывать pop-up, как только пользователь зашел на сайт — моветон. Но это касается только page-stop окон: человек еще не понял куда попал, а вы уже просите его заполнить заявку, связаться с менеджером или подписаться на рассылку. Дайте ему время осмотреться — от 15 секунд и выше.

Например, если вы продаете металлопрокат оптом, окно «Посчитать цены? У нас скидки за объем» с формой заявки лучше открыть через 60-90 секунд, чтобы пользователь успел разобраться в ваших товарных позициях. Ведь ему принципиально нужна проволока конкретного диаметра, а не лишь бы какая.

Другое дело — hello-board окна. Они сопровождают пользователя, не мешая ему изучать страницу, поэтому можно показать и сразу.

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

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

Прокрутка страницы

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

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

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

Бездействие

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

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

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

Попробовать такой pop-up

Как сделать pop-up релевантным для каждой страницы сайта

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

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

Вредные советы по эксплуатации

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

Успели прочитать, чего они хотят? К тому же, pop-up, о котором они говорят, мы уже давно закрыли.

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

Вредные советы от The Coalition for Better Ads на основе опроса 66 тысяч человек:

Спрятать кнопку «Закрыть окно». Если пользователь не поймет, как закрыть форму, он просто закроет сайт целиком.
Показывать кнопку «Закрыть окно» после таймера с обратным отсчетом. Такое готовы терпеть только в онлайн-просмотре сериала, в остальных случаях проще найти то же самое на сайте другой компании.
Автоматически включать звук. Не доводите пользователя до панических атак.
Закрыть больше 30% экрана статичным окном. Изучать страницу будет неудобно.
Добавить агрессивную анимацию. Иногда людей раздражают даже гифки, чего уж говорить о всплывающих формах.
Открыть полноэкранный pop-up для мобильной версии сайта. Скроете весь контент и отпугнете пользователя.

Так как использовать pop-up окна?

Для начала решить, зачем всплывающие окна вам нужны (если для красоты или «чтоб как у всех», то лучше не надо).

А дальше тестировать по алгоритму, традиционному для любого инструмента интернет-маркетинга:

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

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

Протестируйте работу pop-up окон на вашем сайте с МультиЧатом Callibri. В нем есть и page-stop окна, и крючки. Повысьте конверсию своего сайта! А заодно получите онлайн-консультант, обратный звонок и мессенджеры на сайт.Повысить конверсию сайта

6 причин использовать всплывающие окна на вашем веб-сайте электронной коммерции

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

Содержание

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

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

Что мне могут дать всплывающие окна?

Дело в том, что кликабельность всплывающих окон увеличивается примерно на 2 % выше, чем у других типов рекламы, согласно BlogMarketing Academy. Поэтому имеет смысл использовать только их.

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

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

Основные причины использования всплывающих окон в электронной торговле

1. Они быстро привлекают внимание

внимание пользователя и мягко подтолкните его к цели конверсии.

2. Полная настройка

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

3. Может использоваться для сбора электронных писем

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

4. Придаст срочности

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

5. Возможность предлагать дополнительные товары для дополнительных или перекрестных продаж

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

6. Напоминания о корзине

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

Краткие советы, которые следует запомнить

Ключ к скорости

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

Прямая связь

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

Поддерживать поток сайта

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

Однажды достаточно

Если вы показываете пользователю одно и то же всплывающее окно дважды за одно посещение, есть большая вероятность, что он больше не вернется на ваш сайт. Не повторяйтесь, они это видели!

Релевантность имеет важное значение

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

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

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

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

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

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

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

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

В настоящее время результаты мобильного поиска имеют решающее значение для всех. И Google играет свою роль в представлении веб-сайтов, которые лучше работают на маленьких экранах. На самом деле это то, чему они действительно будут уделять еще больше внимания в 2021 году, когда будет объявлено об обновлении Core Web Vitals. (Узнайте больше в нашем блоге: Как подготовиться к обновлению Google Core Web Vitals.) Вот почему вы должны обратить внимание на следующее, если используете всплывающие окна, которые появляются на экране мобильного устройства:

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

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

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

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

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

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

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

Posted:

Comments: