что нужно знать о поп-апах
Алекс Цельный

Поп-ап: как использовать этот инструмент для увеличения конверсии

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

Но давай пойдём по порядку.

Что такое поп-ап и кому он нужен

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

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

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

Для чего еще они нужны?

1. Информирование

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

2. Удержание

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

3. Опросы

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

4. Привлечение подписчиков

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

5. Демонстрация рекламы

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

6. Точечная реклама

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

7. Сегментировать аудиторию

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

И это лишь часть задач, которые в реальности могут решить всплывающие окна.

для чего нужен поп-ап

Плюсы и минусы поп-апа

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

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

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

Однако при правильном использовании с помощью поп-апов можно повысить конверсию. По данным SUMO, проанализировавших 2 миллиарда всплывающих окон, конверсия может достигнуть 40% и даже больше. А Blog Marketing Academy утверждает, что именно всплывающие окна показали наиболее хорошую кликабельность в сравнении с другими видами рекламы.

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

  • показывать на определенной странице сайта;
  • показывать после определенных действий пользователя;
  • показывать по истечению конкретного отрезка времени;
  • показывать на конкретном месте страницы.

Основные форматы всплывающих окон

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

По центру

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

основные форматы поп-апов

Hello bar

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

Сбоку

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

С «блокировкой» всего экрана

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

Ключевые элементы поп-апа

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

Заголовок

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

Основная часть

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

Призыв действовать

Эта часть должна мотивировать пользователя совершить целевое действие. Например, можно предложить подписаться на рассылку или сделать заказ. Чаще тут используется СТА-кнопка, отражающая желаемое действие, например, «Подпишись».

Помимо трех основных элементов, в зависимости от контекста и особенностей, в поп-ап можно добавить:

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

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

Основные сценарии вывода

основные сценарии вывода поп-апа

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

Приветственный

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

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

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

При попытке покинуть сайт

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

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

Дожимающий

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

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

Как должен быть оформлен хороший поп-ап

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

Простой интерфейс

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

Адаптивность

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

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

Наличие крестика, чтобы закрыть окно

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

Уместность

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

Ненавязчивость

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

Отзывчивость

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

Одиночные окна

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

Как настроить

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

Подключение отдельного сервиса

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

  • Hello Bar;
  • Mailmunch;
  • Getsitecontrol;
  • AddThis.

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

Еще один сервис, где можно бесплатно создать поп-ап для своего сайта — маркетинговая платформа SendPulse. Разберем поэтапно на его примере, как это делается.

Для начала зарегистрируйся. Есть быстрая регистрация через аккаунт Google или Facebook.

Далее найди вкладку «Формы подписки» и нажми «Создать форму подписки». Перед тобой появятся шаблоны для поп-апа — выбери любой на свой вкус.

создание поп-ап формы подписки в сендпульс

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

настройка дизайна поп-апа в сендпульс

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

выбор условий появления поп-апа в сендпульс

На этом процесс установки завершается.

Через плагин для CMS своего сайта

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

Тильда также позволяет настроить поп-апы при помощи сторонних сервисов и добавить плагины. Вся подробная информация по этому поводу есть на Tilda Education.

Написать свои кастомные поп-апы с помощью программиста

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

Если все же было принято решение действовать таким способом, посмотри, как сделали это при помощи Zero Block на Тильде. Зеро блок — это профессиональный редактор, который поможет создать любые блоки, воплотить в жизнь любые идеи и создать уникальный собственный дизайн. Инструкцию по созданию поп-апа из зеро блок можно посмотреть здесь или здесь.

поп-ап собственной разработки

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

Комментарии (0)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *