7 уроков о всплывающих окнах для мобильных, которые мы выучили благодаря A/B-тестам

Всем привет. Я контент-маркетолог сервиса Carrot quest, который занимается сбором данных о посетителях сайта и настройкой коммуникаций с ними.
Наши клиенты часто задают нам одни и те же вопросы. Всплывающие окна на мобильных повышают конверсию или только бесят пользователей? Как сделать сообщения, которые будут привлекать клиентов и увеличивать конверсию, а не вынуждать переходить на сайт конкурентов без назойливых попапов?
В этой статье расскажу, есть ли жизнь у мобильных всплывающих окон и кому они нужны. А также раскрою все секреты идеального (по мнению нашего сервиса) попапа для мобильных.
Почему маркетологи используют попапы, если они всех бесят
Многие маркетологи боятся ставить на свои сайты попапы, потому что считают, что людей они раздражают. Это, конечно, неспроста. По запросу «ненавижу всплывающие окна» Google выдает 96 500 страниц.
Пришлось вырезать нецензурную лексику, но вы можете повторить эксперимент самостоятельно.
Если они всех бесят, почему же их используют? Потому что они работают. Как ни парадоксально, хороший попап всегда приносит конверсию. Мы описывали это в кейсах на нашем сайте.
На самом деле, вопрос только в том, когда и как вы их используете. Никто не любит плохие попапы, и на это есть причины:
- они появляются в неподходящий момент;
- отвлекают от основного содержания сайта или не дают с ним взаимодействовать;
- их слишком много и они навязчивые;
- предлагают то, что не интересно клиенту.
В ваших руках сделать хорошие попапы, которые не только не будут раздражать клиентов, но и помогут увеличить вовлеченность, собрать необходимую информацию и продать товар.
Давайте посмотрим, как можно улучшить мобильные всплывающие окна.
1. Сегментируйте предложения
Это очевидный совет, но мы не можем его не упомянуть. Именно благодаря сегментации вы можете понять, что и когда интересно клиенту. Разные люди воспримут один и тот же оффер по-разному: кому-то он будет актуален, а кого-то будет только раздражать.
Никто не посчитает интересное для него предложение навязчивой рекламой. А вот если оффер не цепляет, да их и несколько подряд (если вы всеми силами пытаетесь «попасть» в целевую аудиторию), то это уже повод для недовольства.
- Собирайте информацию о посетителях сайта.
- Делите аудиторию по сегментам.
- Показывайте в попапах только те предложения, которые заинтересуют клиентов.
2. Адаптируйте попапы под мобильные
Продолжаем серию «неожиданных», но от этого не менее важных советов. Мобильный трафик сегодня огромный. Люди просматривают сайты по пути на работу, в очереди, в любой момент, когда им приходится ждать и вообще, кажется, не выпускают телефон из рук.
В среднем 52% мирового трафика приходится на мобильный интернет (а в Кении — 83%).
Адаптировать сайт под мобильные устройства — это давно уже не новшество и даже не тренд, а необходимость. Еще в 2015 Google заявил, что в поисковой выдаче приоритет отдается сайтам, которые адаптированы под мобильные. А с 2018 Google Chrome пригрозил, что будет блокировать назойливую рекламу на сайтах. Но если в попапах вы не рекламируете товары и услуги третьей стороны, вам нечего бояться.
Попап, который вы делаете для сайта, зачастую не подходит под мобильные устройства — его необходимо адаптировать.У вас есть варианты:
- Сделать разные попапы для мобильной и десктопной версии сайта.
- Адаптировать попап под разные устройства.
Первый вариант хорош тем, что вы можете полностью менять оформление и оффер попапа. Понятно, что на мобильных посыл должен быть короче и четче, а оформление лаконичнее, не говоря уже про размер сообщения.
Вот пример всплывающего окошка, который показывается по одному и тому же триггеру одному и тому же сегменту (то есть работает по одинаковому сценарию), но один для больших экранов, а второй — для мобильных.
Если вы предпочитаете все адаптировать и оптимизировать, такая возможность тоже есть. Просто для небольших экранов сделайте попап, в котором иллюстрация прячется под кат. Вот как это будет выглядеть.
Почему нельзя обойтись одним попапом? Неадаптированные всплывающие окна на мобильных могут не показываться целиком, полностью блокировать экран, их сложно закрыть, картинки и кнопки съезжают. В общем, они причиняют много неудобств пользователю и в целом портят дизайн сайта.
Вот пример того, как выглядит неадаптированный попап на мобильных устройствах. Причем это еще не самый ужасный вариант — тут вы еще можете прочитать оффер. А вот крестик закрытия окошка уже не влез.
3. Выберите удобный для пользователя размер попапа
Мобильное всплывающее окно может быть маленьким и не закрывать основное содержание сайта, а может быть на весь экран, тогда его трудно не заметить. Давайте устроим баттл (точнее, А/Б тест).
Как провести A/B-тест сайта: инструменты и популярные гипотезы Как и во всех
Вот какие результаты мы получили:
Вариант А — 1,2%.
Вариант Б — 1,7%.
Конечно, большое всплывающее окно работает лучше, потому что маленький попап можно проигнорировать, а сообщение на весь экран надо либо закрыть, либо оставить свой телефон.
35 ошибок при А/В-тестировании Свою роль еще играет заголовок «Оставьте телефон», который есть только в большом попапе — четкие указания к действию никогда не помешают. Если оставить только этот текст в маленьком всплывающем окошке,
Однако не переусердствуйте с большими попапами. Это как раз то, что всех раздражает — если ваше сообщение мешает пользоваться сайтом, велика вероятность, что клиент просто уйдет. А еще Google может блокировать за назойливую рекламу. Это точно не то, чего вам хочется.
4. Объясните клиентам, что будет после заполнения формы
Хорошо сделать так, чтобы человек понимал, что будет следующим шагом и чего следует ждать. Перезвонит менеджер — а когда? Будете делать рассылку на почту — а как часто? Обозначайте временные границы, особенно когда это касается звонка.
Чтобы подтвердить эту гипотезу, мы провели А/Б тест: в одном варианте автосообщения просили оставить телефон для оформления заявки, а в другом — добавляли информацию, что менеджер перезвонит через две минуты.
Конверсия варианта А — 1,5%.
Конверсия варианта Б — 2,1%.
Что и требовалось доказать. Такая незначительная деталь показывает клиенту, насколько оперативно вы работаете и как хорошо отлажены процессы. Давайте клиенту больше определенности.
5. Покажите пример заполнения
Используйте маску. Чем больше вы облегчаете задачу клиенту, тем выше вероятность, что он сделает то, что вы от него хотите. Маска подставляет код страны и оформляет номер телефона так, чтобы он лучше читался и его было легче проверить.
Мы снова провели А/Б тест. Одна половина аудитории видела попап с обычным полем для ввода (вариант А), а другая — с полем с маской (вариант Б).
Конверсия варианта А — 2,7%.
Конверсия варианта Б — 3,3%.
Глядя на маску, человек сразу понимает, чего от него хотят (можно даже не читать сообщение) и не задается вопросами в духе «надо писать через восьмерку или +7».
Однако будьте аккуратны. Тут вам также пригодится сегментация. Если вы работаете с клиентами из разных стран, то маску лучше не использовать. Вы, конечно, можете добавить возможность выбирать код страны, но такой прием больше годится для форм регистрации, а в мобильном всплывающем окне взаимодействие должно быть минимальным: если маска усложняет задачу клиента, лучше от нее отказаться.Это совет из собственного опыта. Однажды мы не учли, что работаем с международной аудиторией, и добавили только одну маску в форму регистрации на вебинар.
Спасибо нашим клиентам, которые сказали, что у них возникли проблемы. Ситуацию мы быстро поправили, но если бы клиент не был так заинтересован и не написал нам, мы бы не узнали, почему теряем слушателей.
6. Собирайте не только номер телефона
Логично спрашивать про телефон, когда клиент сидит с мобильного устройства — можно сразу же позвонить на этот номер, а телефон уже в руках. Тем не менее просить в попапах email не стыдно — заинтересованные клиенты оставляют их, хотя маркетологам часто кажется, что ввести столько символов сложнее, чем номер телефона.
Посмотрите на это мобильное всплывающее окошко.
Прайс — это не то, что удобно обсуждать по телефону. Его логично отправить на почту, а потом уже обговорить.
Конверсия в email составила 3% (а аналогичный сценарий для десктопной версии принес 4,5%). Конверсия с десктопа еще долго будет выше, чем с мобильных (потому что на них бaнaльно удобнее набирать), но это не значит, что надо игнорировать телефоны и планшеты — не упускайте клиентов.
Вот еще доказательство, что сегментация и отправка правильного предложения в подходящее время — залог успеха. Этот мобильный попап показывается после того, как пользователь оставил заявку на звонок менеджера.
В заявке, чтобы не спугнуть потенциального клиента, запрашивается только телефон, а часто после разговора клиенту необходимо выслать прайс, КП или другие материалы. Надиктовывать почту по телефону неудобно. Поэтому еще до звонка менеджера, пока клиент горячий, просим оставить его и почту.
Конверсия в email — 26,3%, а этот же сценарий с десктопа — 40,5%.
Такая конверсия достигается за счет попадания в горячую целевую аудиторию, которая готова с вами взаимодействовать. И все же помните, что это маленький сегмент. Мы рекомендуем (особенно поначалу) брать более широкие сегменты, чтобы результаты были более ощутимы, потому что на самом деле вас интересует количество лидов и заказов, а не конверсия.
7. Проводите собственные эксперименты
В предыдущих пунктах мы говорили с вами про универсальные советы. Тем не менее, не забывайте про собственные эксперименты. Вы можете перепроверять наши советы (обязательно расскажите, если у вас получились другие результаты) и тестировать другие гипотезы.
Например, нет универсального совета по дизайну. Цвет попапа, кнопок, оффер и иллюстрации — это то, что вам придется тестировать самостоятельно. Посмотрите, как, казалось бы, незначительное изменение всплывающего окошка увеличило конверсию.
Вариант А — 4,9%.
Вариант Б — 3,7%.
На этом сайте победило зеленое всплывающее окно. Значит ли это, что в вашем случае ситуация будет точно такая же? Конечно нет. Запускайте собственные А/Б тесты, следите за статистикой и выбирайте решения, которые подходят именно вам.
И конечно, делитесь мнениями по А/Б-тестам в комментариях.
Мнение авторов гостевого поста может не совпадать с позицией редакции и специалистов агентства Netpeak.
Комментарии:
21 апреля Google официально начнет учитывать совместимость с мобильными девайсами в качестве одного из факторов ранжирования сайта в мобильном поиске. Что это значит для владельцев сайтов и вебмастеров? Мы подготовили небольшой FAQ по теме для рубрики «SE...
08 06 2026 0:36:55
Как проверить качество текста от копирайтера. Составляем техническое задания для копирайтера, проверяем уникальность, наличие ключевых слов, использование LSI, проводим семантический анализ текста....
07 06 2026 22:43:52
Как пользоваться одной из самых важных функций Google Таблиц — подробное руководство по Query...
06 06 2026 2:32:19
И эксперт, и агент. Анонимный покупатель — специальная проверка бизнес-процессов до и во время рекламной кампании...
05 06 2026 1:55:20
Структура того, чем обладают сотрудники департаментов работы с клиентами лучших компаний....
04 06 2026 4:21:30
Как настроить динамический ремаркетинг в myTarget и эффективно ли работают такие объявления — делимся собственным опытом....
03 06 2026 4:42:14
95% заполняемости коливингов для сервиса аренды жилья....
02 06 2026 9:47:23
Панельная дискуссия, на которой специалисты представляют нестандартные идеи для привлечения трафика, продвижения проектов. Всё, что можно применить на деле. Читать!...
01 06 2026 16:52:20
Думаете, что почитать об онлайн-продвижении и диджитал-маркетинге? Вам сюда. Мы собрали топ интересных сайтов, блогов, каналов и пабликов...
31 05 2026 19:31:24
Структура обзора, правила написания и важные хаpaктеристики этого формата. Подача информации в обзоре и запрещенные методы, которые отпугнут клиентов. Узнать больше!...
30 05 2026 20:16:36
Продвижение сервисного центра техники Total Apple в Москве....
29 05 2026 12:47:36
Мнение Сергея Петренко, CEO компании Odesseya....
28 05 2026 10:36:24
Как поможет Regex Engines в работе с Google ***ytics и преимущества использования Regex в Диспетчере тегов Google. Узнать больше....
27 05 2026 9:44:55
Пример удачной рекламы. История о том, как маленький региональный магазин может получать хорошую прибыль с прайс-агрегаторов...
26 05 2026 21:31:49
Для работы в интернет-маркетинге нужно хорошо разбираться в аналитике. Рассмотрим, как использовать в работе Google ***ytics 4 и чем он отличается от Universal...
25 05 2026 10:55:56
Клиникка использует лазеры и нуждается в продвижении. В специфических сферах привлечь потребителя впервые бывает сложнее и дороже, чем удержать его. Этот кейс о том, как повысить количество обращений новых клиентов с помощью видеорекламы...
24 05 2026 10:39:56
За каждым проектом стоят прежде всего люди. Как часто мы пользуемся сложными системами и не думаем о том, кто их создал и продолжает развивать? Интересно о том, кто и что стоит за «ПланФиксом». Читайте далее!...
23 05 2026 4:36:29
Кейс SMM-специалиста Edu-CASH.com о том, что делать, если Facebook страница заблокирована. И почему могут забанить аккаунт даже популярного бренда. Узнайте в статье!...
22 05 2026 9:38:36
Сначала учитесь, а потом идите в бизнес и предпринимательство. Бизнес — это игра, в которую играют пару тысяч лет, и здесь не нужно придумывать велосипеды. Научитесь сначала просто ездить, потом уже будете думать про кастомы....
21 05 2026 19:42:42
Правильно задать вопрос или сфоримулировать ответ на собеседовании это еще далеко не все. Рецензия на книгу Ласло Бока «Работа рулит»...
20 05 2026 19:18:38
Предложение для крупных и средних бизнес-проектов по эффективному использованию больших бюджетов при запуске на новых рынках...
19 05 2026 17:44:18
Поговорим о soft skills, потому что именно они, исходя из моего опыта, помогают строить поистине сильные комaнды....
18 05 2026 21:41:44
А ещё у нас появилась новая стратегия SEO-продвижения для ниши доставки еды и продуктов....
17 05 2026 21:40:12
На что обращает внимание система и менеджеры Google при проверке сайта и аккаунта....
16 05 2026 21:44:40
Почти 4,5 млрд людей имеют аккаунты в соцсетях. Огромная и активная аудитория. Но как среди нее найти своего клиента? Поможет таргетированная реклама....
15 05 2026 23:55:56
Четыре важных шага для новичка...
14 05 2026 16:58:25
Какой контент публиковать в Instagram, зачем ставить хештеги, какие активности интересны пользователям инсты, как ведут свой Инстаграм топовые бренды. Узнать больше!...
13 05 2026 6:30:49
К социальным сетям уже нельзя относиться, как к сугубо личному прострaнcтву?...
12 05 2026 13:48:16
Всё, что вы хотели знать о функциях вычисляемых полей, но боялись спросить....
11 05 2026 16:32:21
Создаем фид товаров, настравиваем код и списки динамического ремаркетинга для интернет-магазинов в странах, где отсутствует Google Merchant Center....
10 05 2026 3:56:54
Динамический ремаркетинг: как вернуть посетителя на сайт и продать, когда человеку «надо ещё подумать»....
09 05 2026 16:43:58
1 — меняй работу внутри работы, 2 — выбери то, что нравится больше всего и старайся делать это чаще, 3 — придумай себе развлечения. Подробности — в посте. Читать дальше....
08 05 2026 20:43:20
Правильное продвижение сайта и нестандартные предложения по привлечению трафика...
07 05 2026 10:25:36
Знания основных принципов конверсионности сайта, этапов воронки продаж важны для того, чтобы наладить процессы, рост продаж в любом бизнесе. Узнать больше!...
06 05 2026 13:15:59
Директор «1С-Битрикс» в Казахстане Сармантай Касенов о кейсах, развитии и образовательной миссии компании...
05 05 2026 9:36:44
Плейсменты, требования, запоминаемость...
04 05 2026 0:13:59
Украинские реалии того, в каких тематиках трафик из Yandex.Direct дороже Google Ads. Новое исследование Алексея Селезнева....
03 05 2026 3:40:46
Получаем реальную статистику эффективности использования AMP-страниц с помощью АМР Client ID API....
02 05 2026 6:13:29
Языковой закон требует, чтобы общение бизнеса с клиентами шло на украинском языке, если нет просьбы о другом приемлемом варианте. Что это означает для РРС, читайте дальше....
01 05 2026 9:22:19
Словарь, которым пользуются SEO-специалисты агентства Netpeak...
30 04 2026 4:32:43
О важных для разметки сайта тегах — alternate, hreflang, media, — и как их грамотно использовать при продвижении....
29 04 2026 4:25:11
Как использовать сервис Serpstat для оптимизации кампаний по контекстной рекламе...
28 04 2026 15:15:15
Чем радовала, смущала и шокировала реклама в социальных сетях в марте 2021-го...
27 04 2026 2:30:53
Мануал для SEO-специалистов, как автоматизировать сбор данных из блока People also ask (Пользователи также ищут). Это блок, который показывается в верхней части страницы результатов поиска. Он нужен, чтобы уточнить запрос пользователя....
26 04 2026 5:11:54
В этой статье мы поговорим про принципы работы СRM-системы. Это базовые моменты, прояснив которые СRM перестанет быть для вас чем-то сложным и непонятным....
25 04 2026 4:53:34
Опыт, накопленный за более чем 10 лет работы в нише и упакованный в специальные предложения....
24 04 2026 13:54:34
88% времени в телефоне люди проводят в приложениях. Рассказываем, как их можно создавать без написания кода....
23 04 2026 17:54:18
Чем вам может пригодиться это исследование? Понимания стоимость конверсии и необходимое количество конверсий, вы можете прогнозировать, сколько денег на рекламу нужно выделить. Читать!...
22 04 2026 2:36:59
Эта история о том, как за два года комплексный подход к поисковому продвижению (SEO на этапе разработке сайта и дальнейшие действия по оптимизации) помог увеличить рост бесплатного трафика на 463% или Что делать, если SEO не приносит результаты сразу...
21 04 2026 9:14:15
Вам тоже нужно предоставлять отчеты о работе рекламной кампании, посещение сайтов? Держите три примера работы с Google ***ytics и понятных отчета по ним, которые можно продемонстрировать, не открывая доступ к аккаунту....
20 04 2026 8:41:35
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::