Разбор конверсии: Pop-up окно на сайте
1. Объект разбора (контекст)
Типичный интернет-магазин, продающий, например, профессиональную косметику для волос, мебель или товары для дома в ценовом сегменте «средний плюс». Вы заходите на сайт, просматриваете пару страниц каталога, читаете карточку товара (скажем, шампунь за 4500 рублей или ортопедическую подушку), понимаете, что сейчас покупать не готовы, и тянете курсор к крестику закрытия вкладки браузера.
В этот момент экран затемняется, и на вас выпрыгивает всплывающее окно (Exit-Intent pop-up). Большой баннер с фотографией неестественно счастливой девушки из фотостока и заголовком: «Не уходите! Подпишитесь на нашу рассылку и получайте новости компании и полезные статьи». Под текстом — три поля для ввода: «Ваше имя», «Ваш email», «Ваш телефон». И огромная кнопка «Подписаться». Рядом, мелким серым шрифтом, сливающимся с фоном, ссылка «Нет, спасибо, я не хочу быть в курсе новинок».
2. Что бизнес пытался сделать
Логика маркетолога или владельца бизнеса была предельно ясной: «У нас показатель отказов (Bounce Rate) больше 60%. Люди уходят и не возвращаются. Рекламный клик в Яндекс.Директе стоит 150-200 рублей. Мы буквально сжигаем бюджет. Надо как-то ловить этот уходящий трафик. Давайте поставим exit-intent попап. Соберем их email-ы и телефоны, а потом будем догревать цепочками писем и звонками менеджеров, пока они не созреют до покупки». Цель абсолютно благая — максимизировать ROI (возврат инвестиций) с платного трафика за счет удержания контакта с пользователем.
3. Что получилось хорошо
Даже в таком виде есть пара технических и визуальных плюсов, которые спасают ситуацию от полного провала:
- Технология срабатывания (Триггер). Попап действительно настроен на exit-intent. Он не выпрыгивает в первую секунду посещения (что бесит больше всего) и не перекрывает контент, пока пользователь увлеченно скроллит страницу. Он срабатывает ровно тогда, когда мысль об уходе уже сформировалась.
- Контрастность и фокус. Экран затемняется (эффект lightbox), что полностью фокусирует внимание на самом окне, отсекая визуальный шум остального сайта. Кнопка «Подписаться» сделана ярким, контрастным цветом (например, оранжевым на белом фоне), что визуально выделяет целевое действие.
- Отказ от навязчивого звука. Окно появляется без резкого системного звука «Дзынь!», что часто практикуется на серых рынках и вызывает непреодолимое желание немедленно закрыть вкладку.
4. Что плохо (с цифрами или предположениями)
Несмотря на технически верный момент показа, конверсия такого попапа в подписку, скорее всего, болтается в районе 0.5% – 1%. То есть из 1000 уходящих людей бизнес получает 5-10 сомнительных контактов. Почему так происходит?
- Нулевая ценность оффера (предложения). «Новости компании» — это то, что интересует только основателя компании и, возможно, его маму. Клиенту абсолютно плевать на ваши новости, корпоративы или получение новой партии товара. Человек уходит, потому что не нашел ценности прямо сейчас. Предлагать ему подписаться на спам (а именно так воспринимается слово «рассылка») — значит просить об одолжении, не давая ничего взамен.
- Слишком высокий барьер входа (Friction). Просить Имя, Email и Телефон на этапе первого, причем случайного, контакта — это как на первом свидании просить ключи от квартиры. Чем больше полей, тем ниже конверсия. Каждое дополнительное поле снижает конверсию на 15-20%. Телефон — это вообще красная тряпка. Пользователь думает: «Сейчас начнут звонить и впаривать».
- Пассивно-агрессивный копирайтинг (Confirmshaming). Ссылка отказа гласит: «Нет, я не хочу быть в курсе новинок». Это манипулятивный прием из 2015 года. Он вызывает раздражение, а не желание остаться. Пользователь закрывает окно с чувством легкого отвращения к бренду.
- Стоковая нерелевантная графика. Девушка с белыми зубами из Шаттерстока никак не соотносится с болью клиента, который искал шампунь от перхоти. Изображение не работает на усиление оффера, а служит лишь визуальным мусором.
5. Что бы я переделал
Полностью меняем концепцию: от эгоистичного «дай контакты» к ценностному подходу на основе микро-обязательств (Micro-commitments).
- Шаг 1. Релевантный лид-магнит вместо новостей. Смотрим, откуда уходит человек. Если из раздела «Уход за проблемными волосами», попап должен предлагать решение именно этой проблемы.
- Новый заголовок: «Уходите так быстро? Заберите чек-лист: 5 скрытых ошибок в мытье головы, которые приводят к выпадению волос».
- Подзаголовок: «Короткий PDF на 2 страницы, который спасет ваши волосы. Отправляем моментально без спама».
- Шаг 2. Внедрение микро-обязательств (Двухшаговый попап). На первом экране мы вообще не просим email. Мы задаем простой вопрос с двумя кнопками, где клик не требует ввода личных данных. Люди охотнее соглашаются на маленькое действие.
- Кнопка 1 (Большая, яркая): «Да, хочу чек-лист!»
- Кнопка 2 (Менее яркая, но без пассивной агрессии): «Нет, спасибо, с волосами всё отлично».
- Шаг 3. Запрос контакта после согласия. Если пользователь нажимает «Да, хочу чек-лист!», попап меняет состояние на второй экран.
- Текст: «Отлично! Куда прислать PDF?»
- Поле: Только одно поле — Email (или выбор мессенджера: Telegram/VK, что сейчас в РФ работает даже лучше и дает открываемость под 80%). Никаких имен и телефонов.
- Кнопка: «Получить материал».
- Шаг 4. Дизайн. Вместо стоковой фотографии — реалистичный мокап (3D-изображение) самого чек-листа или телефона, на экране которого открыт этот PDF. Пользователь должен визуально осязать то, что он получит.
Ожидаемый результат такой переделки: рост конверсии попапа с 1% до 5-8%. В разрезе года это тысячи спасенных лидов.
6. Универсальный урок
Ценность вашего предложения во всплывающем окне должна многократно превышать трение (Friction), которое возникает при передаче личных данных. Вы не можете просто «собирать» контакты, вы должны их покупать. Ваша валюта — ощутимая польза, решающая сиюминутную проблему пользователя.
Вторая часть урока: принцип ноги в двери (Foot-in-the-door). Сначала просите о малом (кликнуть по кнопке согласия), затем о большем (ввести email). Этот психологический трюк снижает внутреннее сопротивление пользователя в разы.
7. Связанные материалы