Что такое попапы и как их эффективно использовать на сайте

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

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

Что такое поп-ап

Источник: blog.beehiiv.com / Creative Commons

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

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

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

Какие задачи решает поп-ап

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

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

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

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

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

Преимущества и недостатки поп-апов

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

Преимущества:

• Увеличивают конверсию сайта. Всплывающие окна всё ещё во многих ситуациях эффективнее баннерной рекламы

• Привлекают внимание посетителей. Неоспоримый факт — поп-ап всегда привлекает внимание. Другой вопрос: вызовет всплывающее окно желание продолжить знакомство с сайтом или скорее покинуть ресурс? Но это уже зависит от самого поп-апа. 

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

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

• Улучшают коммуникацию с клиентами. Во всплывающем окне можно попросить посетителей оценить услуги или написать краткий отзыв.

• Оптимальное сочетание эффективности и стоимости. Полезный поп-ап можно разработать за небольшую сумму.

Недостатки:

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

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

Для какого бизнеса подходят

Активно используют всплывающие окна в сферах В2В и В2С:

• интернет-магазины,

• онлайн обучение,

• финтех-проекты,

• сфера разработки ПО,

• онлайн-сервисы и услуги.

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

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

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

Виды

Источник: fairhavenwebdesign.com / Creative Commons

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

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

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

3. Окно по пролистыванию. Появляется в момент, когда пользователь пролистал определённый процент страницы. Обычно речь идёт о промежутке между 40% и 70%. Сложность вида заключается в том, что более точные цифры можно получить исключительно с помощью анализа поведения посетителей. Зато такие всплывающие окна позволяет показать пользователю максимально релевантное контенту предложение, что значительно повышает вероятность приобретения. 

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

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

Основные элементы поп-ап

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

1. Заголовок. Должен заинтересовать пользователя продолжить чтение и не закрыть всплывающее окно в первые три секунды. Поэтому рекомендуем использовать простые и понятные фразы. Например, «Подпишитесь на уведомления» или «Получите скидку».

2. Основная часть. Тут лаконично и ёмко необходимо разъяснить суть. Например, текстом коротко описать об условиях. Далее, как правило, размещается форма для сбора контактных данных.

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

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

Как оформить поп-ап

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

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

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

3. Уместность. Нужно просчитывать все нюансы. Например, чтобы окно не показывалось повторно тем, кто уже оставлял свои данные. 

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

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

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

Перед началом работы важно проанализировать свою целевую аудиторию и определиться со способом показа окна. Хорошие результаты даёт применение полноэкранного режима Exit-popup. 

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

Топ-5 сервисов для поп-ап

Создать pop-up можно в следующих отечественных сервисах:

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

2. JumpOut — сервис хорошо интегрируется с «Яндекс Метрикой», что позволяет настроить сквозную аналитику. Есть платная и бесплатная версия.

3. Mindbox — сервис оснащён более 150 шаблонами, а также предоставляет полную статистику по всплывающим окнам. Для использования требуется установить код на сайт. Есть возможность ознакомиться в демо-версии, либо воспользоваться платной подпиской.

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

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

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

Типичные ошибки

Ошибок при создании всплывающих окон — масса, но среди них есть самые распространённые:

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

2. Всё и сразу. Одновременно клиент должен видеть лишь одно всплывающее окно. Не стоит наслаивать несколько окон друг на друга. Человек ничего не поймёт и в лучшем случае просто закроет поп-ап, а в худшем — уйдёт с сайта.

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

4. Окно ради окна. Если уж использовать поп-ап, то наполнять его нужно полезной для посетителя информацией. А вот размещать непонятные картинки или вопросы в стиле: «Вам у нас нравится?» точно не надо.

5. Бесконечное повторение. Если человек закрыл окно, то не нужно его ему показывать снова. И снова. Это слишком навязчиво и отталкивающе. Одного раза вполне достаточно. 

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

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

Главное

1. Поп-ап — графический элемент сайта в виде всплывающего окна, которое чаще всего появляется через определённое время. 

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

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

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

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