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

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

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

Значение всплывающего окна на сайте

Термин «всплывающее окно» (рop-up) произошел от английского слова, которое переводится как «неожиданно возникающее», «всплывающее». Это эффективный современный инструмент, способный при грамотном использовании значительно повысить коэффициент конверсии.

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

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

Источник: shutterstock.com

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

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

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

Окна могут возникнуть в ответ на определенные действия пользователя:

• при посещении сайта или интернет-страницы;

• при клике на ссылку или картинку;

• при прокрутке рабочей страницы до заданного текстового блока или изображения;

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

• при разрешении пользователя разрешить сайт и др.

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

Применение всплывающего окна на сайте

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

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

Сбора базы данных

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

Источник: shutterstock.com

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

Выработка доверия к продавцу

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

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

Для уменьшения количества отказов

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

Информирования клиентов

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

Цель таких окон – напомнить о необходимости отключения блокировщиков, предупредить об изменениях в деятельности компании, проведении технических работ.

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

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

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

Это яркое окно может появиться сразу после окончания загрузки страницы. Оно служит для:

• уведомления клиентов о профилактических работах на сайте;

• информирования о текущих промоакциях;

• оформления подписки на рассылку по электронной почте.

Источник: shutterstock.com

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

• Когда появляется: сразу при входе на сайт окно делает невозможным изучение нужного контента.

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

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

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

Окно с тайм-аутом (timed pop-up)

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

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

• Когда появляется: через определенное время после захода пользователя на сайт.

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

• Недостатки. Рекомендации по определению точного временного отрезка дать сложно. Есть мнение, что окно должно появляться не ранее, чем через минуту после того, как отмечена загрузка сайта. Это оптимальное время для оценки данных и принятия решения уйти или продолжить контакт. Более точный результат можно выявить лишь при тестировании. Так, итоги A/B-анализа LeadGenic показали, что поп-ап, который стал доступен для клиента через несколько секунд после входа, более эффективен, чем показанные позже.

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

Полезно изучить отчеты Google Analytics – по ним определите, сколько минут провел клиент на странице, и выставьте появление окна на половине этого времени.

Поп-ап при пролистывании страницы сайта (scroll pop-up)

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

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

• Когда появляется: при пролистывании пользователем 40-70% страницы.

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

• Недостатки: можно ошибиться при выборе процента скроллинга.

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

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

Выезжающие окна (scroll box, pop out)

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

Окно на уход с сайта (exit pop-up)

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

• Дать бонус или скидку.

• Предложить оформить заявку на консультацию специалиста.

• Предоставить бесплатный, но привлекательный продукт или услугу (лид-магнит) в обмен на контакты пользователя.

• Предложить отправить заинтересовавшие клиента товары на почту.

Источник: shutterstock.com

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

• Преимущества: дают шанс вернуть клиента на ресурс, зацепить интригующим предложением.

• Недостатки. Бывает, что окно настроено неправильно. И тогда задержать посетителя, а тем более присвоить ему статус клиента не получится. Как реагировать человеку на вопрос «Вы уходите. Вам понравилось у нас?» Ничего не значащая фраза, без попытки чем-то зацепить или хотя бы получить контакты для последующего общения.

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

Поп-ап по клику (click pop-up)

Для появления click pop-up нужно нажать иконку на сайте. Всплывшее окно дает возможность запросить обратный звонок либо перенаправить клиента на другой раздел ресурса. Появление таких блоков предполагает обязательное участие пользователей.

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

• Недостатки: для появления окна требуется обязательное выполнение целевого действия. Если оно будет проигнорировано, pop-up не всплывет.

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

Многошаговые поп-апы

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

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

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

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

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

Выбор всплывающего окна на сайте

При выборе pop-up важно учитывать особенности бизнеса, четко формулировать цели рекламного инструмента. Например, вы хотите более эффективно собирать контактные данные, увеличивать число подписчиков на рассылку.

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

Источник: shutterstock.com

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

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

Преимущества и недостатки всплывающего окна на сайте

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

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

• Могут увеличивать конверсию. Тестирование показывает, что поп-ап-окна зачастую дают большую эффективность, чем другие рекламные инструменты.

• Гарантированно привлекают внимание. Здесь важно понять, какую окно вызывает реакцию у пользователя: интерес или раздражение?

• Генерирует лиды и контакты потенциальных клиентов. Это наиболее значимый показатель для бизнеса.

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

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

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

Недостатки:

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

• Такой неграмотно настроенный инструмент чаще всего ведет к потере потенциального покупателя, утере доверия к компании.

ТОП-7 кейсов
из разных ниш с ростом
от 89% до 1732%

Узнать подробнее

Основные элементы всплывающего окна на сайте

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

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

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

3. Призыв к действию. СТА (Call-to-action) – обязательный элемент поп-ап-окон. Кнопка с подписью поясняет, что конкретно произойдет при ее нажатии. Формулировка СТА должна быть предельно лаконичной и ясной: «получить бонус», «забрать подарок», «подписаться».

Критерии эффективности всплывающего окна на сайте

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

Источник: shutterstock.com

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

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

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

4. Оптимизация для портативных устройств. Более 50 % трафика приходится на мобильный интернет и оставлять без внимания этих пользователей по меньшей мере опрометчиво. Адаптация под мобильные устройства – обязательное условие качественного и эффективного поп-ап. Особое внимание к размеру окна и сообщений, четкости, максимально лаконичному оформлению.

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

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

Создание всплывающего окна на сайте

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

К созданию окна можно подойти по-разному. Современные сайты работают на основе HTML (структурирует контент на веб-странице) и CSS (форматирует и делает привлекательным контент для посетителя), а также методов js-библиотек.

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

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

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

• JumpOut предлагает ряд удобных форм для сбора данных подписчиков, А/В-тесты. Интеграция с Яндекс.Метрика – возможность установить сквозную аналитику. Можно выбрать как безвозмездный, так и платный вариант, дающий больше возможностей.

• Mindbox – платный сервис автоматизации маркетинга, в базе которого более полутора сотен шаблонов. На их основе умная программа осуществляет массовую рассылку персонализированных писем и повышает число продаж. Mindbox также проводит А/В-тестирование, предоставляет статистику о выполненной работе.

• Callibri – эффективный сервис, позволяющий поднять конверсию сайта, отслеживать поведение покупателей, вести аналитику, с помощью А/В-теста выбирать наиболее эффективный поп-ап.

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

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

• ConvertPlug;

• Popups Generator;

• Layered Popups;

• Ninja Popups for WordPress.

Источник: shutterstock.com

Рассмотрим алгоритм создания поп-ап-окна на основе конструктора сайтов Tilda.

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

Шаг 1. Необходимо открыть библиотеку спецблоков, выбрать в категории «Форма» понравившийся вариант. Поработать над контентом: написать уникальный текст, определить размер полей, продумать дизайн.

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

• «Форма подписки» – всплывает в центре рабочего стола, используется для email-рассылки.

• «Форма в углу экрана» – выполняет аналогичную функцию, но скромно располагается по краям страницы.

• «Форма с множеством полей».

• «Information» – блок с информацией, кнопками, но без функции ответного сообщения. Задействуется при необходимости предупредить пользователей о сборе

Шаг 3. Добавить созданный блок. При выполнении этого действия появится ссылка на виджет. Ее нужно перенести во вкладку «Контент», «Ссылка». Теперь окно будет всплывать в определенный момент. Если необходимо изменить условия появления блока, из предложенного списка следует выбрать строку «Другое». Далее – «Триггер» и задать действие, вызывающее показ окна.

В Tilda можно выполнить настройку появления виджета, например:

• после выбора конкретной гиперссылки;

• при прокрутке страницы до конкретного места;

• через определенное количество минут после входа на сайт;

• при намерении уйти со страницы.

Раздумываете, что еще можно добавить? Усилить визуальный эффект поп-ап можно с помощью Zero Block – конструктора, который умеет создавать уникальный дизайн: компоновать сложные элементы, настраивать параметры каждого из них и многое другое.

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

Ошибки при создании всплывающего окна на сайте

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

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

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

• Назойливость. Если клиент закрыл окно, то не следует его показывать вновь и вновь. Это неприятно и вызывает только негативные эмоции.

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

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

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

• Незаметная кнопка закрытия окна. Возможность без проблем убрать поп-ап – ключевое правило работы с этим элементом. Отсутствие или намеренное утаивание иконки его отключения часто вызывает негодование пользователей.

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

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

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

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

• Непонятное целевое действие. Абстрактные фразы на кнопках «Нажать здесь», либо «Отправить» специалисты рекомендуют изменить на четкое Call-to-action (СТА): «Подписаться», «Получить подарок», «Запросить помощь менеджера». Это мотивирует клиента к активному действию.

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

• Отсутствие мотивации. Хотите, чтобы пользователь выполнил целевое действие? Предложите ему взамен что-то ценное для него и интересное.

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

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

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

• в увеличении размера среднего чека;

• в повышении продаж;

• в побуждении клиентов к покупке;

• в напоминании о незаконченных действиях;

• в информировании клиентов о планируемых изменениях на сайте;

• в настройке онбординга на интернет-ресурсе.

Рассмотрим, как работают всплывающие виджеты.

Подписка на email-рассылку

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

Появляется форма с предложением оставить свои контакты в обмен на 500 рублей на бонусный счет. Да, человека отвлекли от просмотра, он испытал раздражение. Но, поверьте, осознав возможность получить деньги так просто, его досада тут же улетучилась, и он думает только о предложенной сумме. И, конечно, оставляет свой email ради приятного бонуса.

Источник: shutterstock.com

Следующий шаг – аккуратно подвести его к покупке. С этим хорошо справляются трипваеры:

• Бонусы, акционные предложения и скидки.

• Обучающие видеоуроки.

• Руководство «Как сделать всплывающее окно на сайте».

• Экспертная консультация.

• Инфографика, презентация.

• Бесплатный расчет стоимости.

• Чек-лист.

• Бесплатная доставка.

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

Получение консультации

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

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

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

Акции и скидки

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

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

Таймер

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

Напоминание об отложенных товарах

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

Удержание на интернет-ресурсе

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

Техническая поддержка

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

• Предупреждая посетителей о временных проблемах и технических работах.

• Уточняя изменения в режиме деятельности во время праздников.

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

Источник: shutterstock.com

Замена привычной лид-формы

Очевидно, что поп-ап повторяет статичную форму с полями и кнопками. Но он имеет явные преимущества:

• Дает возможность собирать лишь ключевые данные.

• Не находится на сайте на постоянно закрепленном месте, а появляется по заданному триггеру.

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

• На его настройку и корректировку уходит меньше времени.

Переброс в другую часть веб-ресурса

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

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

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

Анализ эффективности всплывающего окна на сайте

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

Просмотры

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

Источник: shutterstock.com

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

Клики

Определяют число пользователей, проявивших интерес к предложению, и нажавших на кнопку. Например, если поп-ап показан 100 раз, а количество кликов при этом – 60, то вопросов к дизайну и подаче информации нет. Но показатель конверсии меньше 30 подает сигнал о непривлекательности предложения.

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

Конверсия

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

Повысить конверсию возможно при соблюдении следующих правил:

• Добавить персонализацию.

• Учитывать время показа виджета.

• Разработать ненавязчивый, но заметный дизайн.

• Четко и конкретно сформулировать призыв к действию.

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

Если метрики показывают конверсию меньше 2%, проведите тестирование других инструментов.

А/Б-тестирование

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

Скачайте полезный документ по теме:

Чек-лист: Как добиваться своих целей в переговорах с клиентами

Часто задаваемые вопросы о всплывающем окне на сайте

Как корректно настроить частоту появления поп-ап?

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

Можно ли сделать всплывающее окно менее назойливым?

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

Какой дизайн лучше всего подходит для поп-ап?

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

Есть ли альтернатива всплывающему окну на сайте, и как называется такое решение?

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

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

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

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

Источник изображения на шапке: shutterstock.com

Автор статьи

Дмитрий Свистунов

Руководитель SEO-отдела и разработки

Последние статьи этого автора:

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

Забрать ценные бизнес-подарки бесплатно

Полезные
материалы
для руководителей

Скачать 3,2 MB