Pop up: что это и зачем он нужен

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

1. Что такое Pop up

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

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

Внезапное всплытие окна чаще всего отвлекает посетителя от изучения контента и вызывает раздражение. Ведь чтобы продолжить просмотр сайта, нужно сначала закрыть баннер. Само название "pop up" в переводе с английского означает "возникнуть неожиданно", "всплыть". Так что эти квадратные или прямоугольные окна получили свое имя неспроста.

2. Для чего их используют

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

Основные цели использования таких окон:

Сбор контактов (лидов). Такие окна содержат форму, где пользователи оставляют email или номер телефона, что позволяет в дальнейшем выстраивать коммуникацию с потенциальными клиентами.
Предложение продуктов по символической цене (трипваер). Трипваер - это товар или услуга с очень привлекательной ценой, которые побуждают пользователя сайта совершить первую спонтанную покупку и оставить свои контакты.
Информирование клиентов. С помощью pop up можно анонсировать новинки, акции, скидки. Посетителям не нужно искать информацию на сайте - они сразу видят интересное предложение.
Удержание пользователя на сайте. Данные окна могут появляться, когда пользователь собирается покинуть веб-страницу. Заманчивое предложение способно заинтересовать его и мотивировать остаться на сайте дольше.
Формирование базы подписчиков. Поп-апы не только собирают контакты пользователей, но и привлекают аудиторию в соцсети, предлагают подписку на рассылку.

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

3. Типы по внешнему виду

Чтобы привлекать и удерживать внимание пользователя сайта, используйте разные форматы попапов. Это поможет избежать "рекламной усталости" и раздражения у пользователей.

Основные pop up по внешнему виду:

Лайтбокс. Окно, которое затемняет фон страницы и выводит предложение на первый план. Чаще всего применяется для сбора email-адресов.
"Да/Нет" или "Да/Да". Своеобразный опросник, где нужно отвечать на вопросы в 1-2 клика. В первом случае "Нет" закрывает поп-ап, во втором оба варианта ведут на страницу сайта.
Геймифицированные Pop-up's. Превращают pop up в мини-игру, где за простое действие можно получить бонус или скидку. Это цепляет людей и мотивирует оставить контактные данные.
Компактный баннер сбоку. Маленькое окошко, не мешающее просматривать основной контент сайта.
Плавающая панель. Участок с новостями, акциями, кнопками соцсетей. Его можно настроить на появление в разных местах экрана.
Полноэкранный поп-ап. Агрессивный формат, занимающий все пространство монитора. Многим он не нравится, но при грамотном использовании способен повысить конверсию.

Чередуйте разные типы окон, экспериментируйте с дизайном и предложениями. Так вы сможете удерживать интерес аудитории и не дадите ей устать от однотипных pop up.

4. Типы по цели

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

Давайте рассмотрим основные pop up в зависимости от их назначения:

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

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

5. Типы по триггеру

Триггер - это действие пользователя, которое вызывает появление данного окна. Pop-up's, привязанные к определенным триггерам, демонстрируются не всем подряд, а только тем посетителям, которые совершили конкретные шаги на сайте. Это позволяет получить более "теплых" лидов и повысить конверсию.

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

Основные по триггеру:

По прокрутке страницы. Pop up возникает, когда посетитель пролистывает страницу до определенного места. Так можно синхронизировать содержание всплывающего окна с контентом сайта.
По времени, проведенному на странице. Окно появляется, если пользователь задержался на сайте достаточно долго (обычно 10-60 секунд). Это говорит о его заинтересованности.
С привязкой к конкретной странице. Pop-up, созданный с учетом содержания определенной страницы, работает эффективнее и улучшает взаимодействие с аудиторией.
С привязкой к местоположению пользователя. Всплывающее окно показывается посетителям только из определенного региона. Удобно для локальных акций и скидок.
По клику на элементы сайта. Pop up возникает, когда пользователь кликает на определенные разделы или кнопки. Помогает формировать базу "горячих" лидов.

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

6. Как сделать эффективное всплывающее окно

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

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

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

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

7. Из чего состоят поп апы

Всплывающее окно состоит из нескольких ключевых элементов. Их оформление зависит от целей и задач конкретного pop-up.

Давайте разберем основные составляющие:

Заголовок и текст. Первая фраза должна цеплять внимание, побуждать читать дальше. Заголовок должен быть кратким, информативным и нести пользу для посетителя сайта. В тексте предложите узнать о новинках, подписаться на рассылку, получить скидку или бесплатный материал.
Изображение. Яркие, но не громоздкие картинки привлекают внимание пользователей и дополняют основное предложение. Используйте иллюстрации в единой цветовой гамме с акцентными элементами. Можно добавить обложку книги или изображение, связанное с бонусом.
Детали pop-up. В зависимости от назначения всплывающего окна, в нем могут быть текстовые поля для имени и контактов, чекбоксы для подтверждения согласия на рассылку, переключатели для выбора параметров. Не перегружайте поп-ап, он должен быть простым и понятным.
Поле ввода почты. Избегайте большого количества акцентов вокруг этого поля. Удобно, если есть выпадающий список с вариантами доменов - так пользователю будет проще заполнить адрес без ошибок.
Призывная кнопка (CTA). Текст на кнопке должен перекликаться с общим посылом. Если заголовок призывает подписаться на рассылку - назовите кнопку "Подписаться". Для предложения скачать бесплатный материал подойдет вариант "Скачать".
Согласие на обработку персональных данных. Чтобы законно собирать и использовать личную информацию клиентов, нужно их разрешение. Добавьте чекбокс о принятии условий пользовательского соглашения и ссылку на политику конфиденциальности.

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

8. Как создать поп ап

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

Сервисы-конструкторы позволяют быстро и без специальных навыков установить всплывающее окно на сайт, настроить его внешний вид и отслеживать статистику. Большинство таких платформ - на английском языке, но у них есть бесплатный пробный период. Примеры популярных сервисов: Hello Bar, Mailmunch, Getsitecontrol, AddThis. Алгоритм работы прост: зарегистрируйтесь, укажите адрес сайта, выберите шаблон поп-апа и настройте текст, дизайн. Основное отличие разных конструкторов - в количестве доступных инструментов и возможностей.

Плагины - еще один способ создать pop-up. Принцип тот же: скачайте и установите расширение, выберите цель всплывающего окна, добавьте текст, изображения, поля формы, настройте показ. Для каждой CMS есть свои плагины. Например, для WordPress это Popup Builder, Hubspot, Ninja Popup, Cherry PopUps. На Tilda тоже можно настроить поп-апы с помощью сторонних сервисов и плагинов - подробности ищите на Tilda Education.

Есть и другие удобные решения. Например, виджет "Обратный звонок" от Calltouch позволяет собирать заявки даже в нерабочее время и увеличивать конверсию сайта на 30%. Его можно установить в пару кликов и настроить под задачи конкретного сайта. При этом платить нужно только за реальные звонки и разговоры с менеджером.

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

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

Можете подписаться на наши социальные сети и следить за новостями - Вконтакте, Telegram, Facebook. Подписывайтесь на наш канал YouTube. Там вы найдете полезные видео, как работать с Google Search Console, Analitycs, Яндекс. Метрикой. Читайте и другие наши материалы по SEO.

9. Вопросы и ответы

Как найти лучшее место для размещения pop-up на сайте?

Можно ли делиться pop-up с партнерами?

Как часто нужно обновлять pop-up?

Подходят ли поп-апы для повышения конверсии в воронке продаж?

0