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

Что такое всплывающие окна (pop-up) на сайте

Всплывающие окна: за и против
Зачем нужны
Типы pop-up
Как использовать
Элементы всплывающего окна
Как правильно оформить
Как создать pop-up

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

Пример pop-up

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

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

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

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

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

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

BlogMarketingAcademy заявляет, что всплывающие окна на сайте показали наилучшую кликабельность в сравнении с другими видами рекламы — около 2%. А BitNinja, В2В-стартап, внедрили pop-up и в результате увеличили конверсию посетителей в подписчиков на 114%.

Зачем нужны поп-апы

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

привлечь подписчиков;
сообщить новости;
оказать техподдержку;
показать рекламу;

получить заявки от клиентов.

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

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

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

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

Типы pop-up

Все попапы делятся на 2 основных вида: hello-board и page-stop.

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

Пример hello-board

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

Пример page-stop

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

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

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

Приветственное окно (entry pop-up)

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

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

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

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

Пример.

Окно-приветствие не даёт ознакомиться с контентом до своего закрытия

Окно с временной отсрочкой (timed pop-up)

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

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

Недостатки. По поводу точного времени показа нет единого мнения. Оптимальный вариант — показывать окно не раньше, чем через 60 секунд после загрузки сайта. Этого времени достаточно, чтобы пользователь оценил сайт и решил, остаться ему или уйти. Но все-таки лучшее время показа определит только тест. Например, A/B-тестирование, проведённое сервисом LeadGenic показало, что показ попапа через 2 секунды после входа принесло больше конверсий, чем более поздние показы.

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

Чтобы определить время отсрочки, изучите отчёты Google Analytics. Посмотрите, каково среднее время пребывания на странице и настройте появление pop-up примерно на 50% от этого времени.

Сколько времени люди проводят на странице. Отчет в Google Analytics. Считается, что если настроить время появления попапа на 50% от этого показателя, то окно не будет раздражать и сможет хорошо конвертировать

Окно по пролистыванию (scroll pop-up)

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

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

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

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

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

Вебвизор Яндекс.Метрики показывает видео поведения пользователей на странице

Окно прощания (exit pop-up)

Когда появляется. Отображается в момент, когда посетитель собирается покинуть сайт.

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

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

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

Пример.

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

Окно со всплытием по клику (click pop-up)

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

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

Недостатки. Если пользователь не выполнит нужное действие для показа попапа, то он его и не увидит.

Когда лучше использовать. Такой тип окон можно использовать для показа формы подписки или обратной связи. В click pop-up также можно показывать подсказки или уточнения. Например, пользователь кликает по кнопке «Перезвоните мне». Сразу всплывает окно с формой заказа обратного звонка.

Пример.

Pop-up всплывает после клика по кнопке «Перезвоните мне»

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

Элементы всплывающего окна

Любая форма попапа состоит из трёх частей:

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

Правильная форма не оставляет вопросов о том, зачем с ней взаимодействовать

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

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

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

Как правильно оформить pop-up

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

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

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

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

При создании всплывающих окон, нужно учитывать, что попапы — это форма рекламы. Поэтому, следует соблюдать требования Coalition for Better Ads — «Коалиции за лучшую рекламу», созданную ведущими международными торговыми ассоциациями и компаниями. Требованиями Coalition for Better Ads руководствуется Google Chrome, когда решает, нужно ли блокировать сайт и в каком виде его увидит пользователь.

Согласно Coalition for Better Ads нельзя:

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

Полный текст требований Coalition for Better Ads можно изучить на сайте коалиции. Кроме того, отчет о качестве рекламы доступен в сервисе Google Search Console. Владелец сайта с подтверждёнными правами может изучить отчёт и выявить нарушения стандартов Coalition for Better Ads.

Как создать pop-up

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

Специальные сервисы по созданию всплывающих форм. Например, Hellobar, GetSiteControl, Plerdy, WisePops, Keplerleads. В блоге мы рассказывали о 10 лучших сервисах, чтобы сделать попап.
Сервисы рассылки со встроенным редактором всплывающих форм (например, UniSender).
Аутсорс. Нанимаем верстальщика, который соберет попап вручную и поставит код на сайт.

Кроме того, создавать попапы можно с помощью различных плагинов. Например, с помощью плагинов попапов для WordPress:

В UniSender все зарегистрированные пользователи могут бесплатно создавать всплывающие окна с формой подписки. Чтобы создать попап, нужно:

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

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

Полезные ссылки

BBC - WebWise - Что такое всплывающие окна и как их остановить?

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

Это могло вызвать другое всплывающее окно или загрузить вирус. В Microsoft Windows безопаснее закрыть всплывающее окно с помощью сочетания клавиш, например Ctrl-W или Alt-F4, или открыв диспетчер задач, выбрав программу браузера и нажав «Завершить задачу».

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

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

Чтобы отключить всплывающие окна в Microsoft Internet Explorer 8, перейдите в меню «Инструменты», выберите «Блокировщик всплывающих окон», а затем «Включить блокировку всплывающих окон».

Чтобы остановить всплывающие окна в Mozilla Firefox, нажмите «Инструменты», выберите «Параметры», а затем «Контент».Установите флажок рядом с «Блокировать всплывающие окна». В большинстве браузеров есть аналогичные параметры.

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

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

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

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

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

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

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

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

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

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

Настройки, исключения и устранение неполадок блокировщика всплывающих окон

В этом документе объясняются все настройки, доступные в Mozilla Firefox для управления всплывающими окнами.

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

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

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

При нажатии на кнопку Параметры Настройки на панели информации или значке в адресной строке отображается меню со следующими вариантами выбора:

(показать заблокированное всплывающее окно)

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

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

Чтобы получить доступ к настройкам блокировщика всплывающих окон:

Нажмите кнопку меню и выберите Параметры.Настройки.
Выберите панель.

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

Разрешить : Щелкните здесь, чтобы добавить веб-сайт в список исключений.
Удалить веб-сайт : Щелкните здесь, чтобы удалить веб-сайт из списка исключений.
Удалить все веб-сайты : Щелкните здесь, чтобы удалить все веб-сайты из списка исключений.

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

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

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

Если вы видите адресную строку с информацией о сайте Если во всплывающем окне нажать кнопку «Защита от отслеживания» и кнопку «Идентификация сайта» (щит и замок), всплывающее окно поступает из Firefox.
Если вы не видите Если вы используете эти кнопки, на вашем компьютере может быть вредоносная программа, которая вызывает всплывающие окна. Для получения справки см. Устранение проблем Firefox, вызванных вредоносным ПО.

Включена ли блокировка всплывающих окон для этого сайта?

Нажмите кнопку меню и выберите Параметры.Настройки.
Выберите панель и перейдите в раздел Permissions .
Убедитесь, что установлен флажок Блокировать всплывающие окна .
Справа от Блокировать всплывающие окна нажмите кнопку Исключения…. Откроется диалоговое окно со списком сайтов, на которых разрешено показывать всплывающие окна.
Если здесь указан сайт, открывающий всплывающие окна, выберите его и нажмите «Удалить веб-сайт».
Нажмите «Сохранить изменения», чтобы обновить изменения.
Закройте страницу about: Preferences . Любые сделанные вами изменения будут автоматически сохранены.

Всплывающее окно отображается после щелчка мышью или нажатия клавиши?

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

Это настоящее всплывающее окно?

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

Mozilla опрашивает

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

всплывающих окон против чат-ботов: что лучше работает для CRO?

Привлечь людей на ваш сайт непросто. И это тоже недешево.

кликов стоят денег. Впечатления стоят денег. Блогеры - гм - экстраординарные специалисты по контент-маркетингу стоят денег.

Этому задумчивому джентльмену нужны деньги на небольшие заводы и небрендовые ноутбуки.

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

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

И хотя этот волшебный лепрекон контент-маркетинга немного скептически относится ко всем разговорам об этих методах, РЕВОЛЮЦИОННЫХ в ландшафте цифрового маркетинга, нет никаких сомнений в их эффективности.

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

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

Давайте посмотрим, о чем идет речь.

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

Простите меня, читатели, мой язык скоро станет техническим.

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

По сути, это маленькое окошко, которое всплывает (переключает титры) на вашем экране и отвлекает ваше внимание от того, что вы читали или смотрели.

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

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

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

Если кто-то прочитает всю вашу запись в блоге, предложите подписку на рассылку новостей.Через wishpond.

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

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

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

Одним из маркетологов, которые очень эффективно используют всплывающие окна, является Кристина Симонсон из WordStream (конечно, с помощью нашей команды дизайнеров). Учитывая, что она специализируется на лидогенерации, я спросил ее мнение о всплывающем маркетинге.

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

Через Icegram.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что такое чат-боты?

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

Это Driftbot.

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

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

Лучшие практики для чат-ботов

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

(«Дайте пару лет», - бормочет Карл Маркс из лондонской могилы.)

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

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

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

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

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

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

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

По словам нашего соседа, Drift, три основные проблемы разочаровывают потребителей при традиционном онлайн-опыте:

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

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

Как быстро ответить в экстренной ситуации
Устранение жалобы или проблемы
Получение подробных ответов или объяснений

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

Круглосуточное обслуживание
Получение мгновенного ответа
Ответы на простые вопросы

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

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

Featured snippets - это ответ Google на потребность в быстрых ответах. Via Moz.

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

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

Если вы не можете себе позволить 1) круглосуточно платить специалистам службы поддержки или 2) ежедневно выкидывать лиды прямо в окно, чат-бот, вероятно, будет стоящим вложением.

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

Я завершу этот раздел статистикой: потребители на 50% чаще совершают покупки у бренда после использования какой-либо функции чата.

Когда мне следует использовать чат-ботов для привлечения потенциальных клиентов?

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

Сделайте так, чтобы людям было проще покупать ваши вещи.

Задайте себе вопрос: если бы вы были посетителем сайта, не могли бы вы получить дополнительную информацию?

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

Всплывающие окна и чат-боты: лучшие в тандеме

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

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

Так что же вы делаете? Обычно ответ на этот вопрос зависит от ваших целей.

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

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

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