Pop-up`ы или всплывающие окна – палка о двух концах: с одной стороны, они могут быть эффективным маркетинговым инструментом, с другой – очень часто их используют так навязчиво, что они дико раздражают пользователей. В какой-то момент бороться с pop-up`ами начали даже поисковики. Scrum-студия Sibirix в своём корпоративном блоге рассказала о том, как использовать всплывающие окна, чтобы привлекать клиентов и не разозлить при этом Google.
Всплытие покажет
В 2016 году Google напугал всех маркетологов. Компания решила бороться с головной болью интернет-пользователей – навязчивыми pop-up’ами (то есть всплывающими окнами). Google начал понижать в рейтинге поиска те сайты, на которых pop-up’ы были уж совсем вырвиглазными и отпугивали посетителей. Особенно сильно нововведения коснулись мобильных версий сайтов, для которых были разработаны особые правила.
- Маркетологам стало неприятно, ведь значение мобильных устройств в продажах постоянно растёт. По данным на 2020 год, 55% потребителей купили товар после того, как наткнулись на него в соцсетях. Для продавцов Shopify на мобильные устройства приходилось 69% продаж во время BFCM 2019 года.
Всё не так плохо – всплывающие окна по-прежнему помогают продавать. Только последние пять лет разработчикам сайтов приходится ходить по лезвию, чтобы их pop-up’ы не оказались слишком бесячими для пользователей смартфонов. Десктопные версии пришлось переделывать, потому что адекватно они не отображались, перекрывая весь экран. Пришлось выполнить два основных требования Google:
- Окно не должно занимать весь экран, блокируя просмотр содержимого на сайте.
- Если это полноэкранный pop-up, он должен появляться только после того, как пользователь прокрутил страницу вниз или посетил несколько страниц, чтобы показать интерес к контенту сайта. Исключение только для окон, необходимых для работы сайта: отказ от файлов cookie, проверка возраста или страны пользователя.
Хотя прошло уже пять лет, к ограничительным мерам приспособились немногие сайты. Многие просто боятся рассердить Google и совсем не используют всплывающие окна. Но те, кто адаптировался к изменениям и улучшил свой пользовательский опыт, получают львиную долю трафика и конверсий.
Вот десять рекомендаций, которые сделают ваш pop-up эффективным.
1. Выберите совместимый формат
Чем меньше окно занимает места на экране, тем лучше. Баннеры хоть и малы, но при этом легко просматриваются на мобильных устройствах. Они особенно полезны для отображения информации о бесплатной доставке или скидках, которую вы хотите разместить на нескольких страницах.
Если вы используете приветственный pop-up, лучше использовать формат fly-out. Этот тип всплывающих окон начинается с тизера в углу или внизу экрана, а затем раскрывается по клику.
В любом формате нужно масштабировать размер окна, чтобы оно лучше подходило к экрану смартфона.
2. Быть большим тоже можно, но осторожно
Полноэкранные окна выглядят красиво. Окей, обходим требования Google и не вываливаем их сразу, пока пользователь не успел изучить сайт. Большой pop-up может всплыть только на полпути вниз по главной странице.
Предположим, тепловая карта вашего сайта показывает, что средняя глубина прокрутки составляет 70%. Логично, если pop-up будет отображаться непосредственно перед этим процентом. Такая механика гарантирует, что вы собираете электронные адреса или предлагаете скидки, когда клиенты наиболее заинтересованы. В этом случае pop-up помогает ещё и задерживать посетителей на сайте.
Чтобы большие pop-up’ы были менее навязчивы, всегда давайте пользователю возможность легко закрыть их. Можно сделать иконку закрытия окна достаточно большой, или позволить закрыть окно по клику на любое свободное место вне объявления.
3. Сегментация пользователей создаёт впечатление спецпредложения
Чем более персонализировано ваше сообщение, тем выше вероятность конверсии. Вы можете создать всплывающее окно, которое будет отображаться для определённого URL-адреса или параметра UTM. Это актуально, если вы запускаете рекламу на другом сайте и хотите создать для неё специальный pop-up, отделяющий пользователей от пришедших из поисковика.
Попробуйте адаптировать опыт покупок к разным аудиториям, например:
- Новые посетители сайта.
- Покупатели, которые готовы покинуть сайт, оформив покупку.
- Постоянные клиенты или частые покупатели.
- Гости сайта из социальных сетей.
- Жители определённых стран или городов.
В зависимости от того, к какой категории относится посетитель, вы можете адаптировать свой pop-up, чтобы он приносил наибольшую пользу.
4. Сделайте призыв к действию прямым и понятным
Мобильные pop-up’ы небольшого размера, поэтому у них должна быть чёткая цель и впечатляющий дизайн. Призыв к действию на них должен очевидно указывать на то, что вы хотите получить от клиентов. Если пользователи сбиты с толку, они просто проведут пальцем по экрану, чтобы закрыть pop-up, не принеся вам конверсии.
Выделяться должен не только текст CTA, но и дизайн. Кнопка действия должна быть большой и контрастировать с окружающими цветами.
5. Лаконичность
Пользователи обычно не тратят много времени на изучение всплывающих окон, особенно на телефоне. Pop-up’ы должны быть короткими и приятными. Следует тщательно избавляться от «воды», чтобы каждое слово было информативным.
Помните, что у вас не так много пространства для размещения текста. Да и не все посетители обладают достаточно хорошим зрением, чтобы разглядеть мелкие объекты. Крупный и короткий текст окажет наибольшее влияние на потенциального клиента.
6. Подумайте о полях своей формы
Нельзя перетруждать пользователей. Заполнение формы не должно превратиться в сочинение на ЕГЭ, надолго задержав клиента. Особенно это актуально для смартфонов, которые используются преимущественно для быстрых действий.
Продумайте несколько ключевых моментов:
- Нужно ли вам что-нибудь прямо сейчас, кроме электронной почты посетителя?
- Имеет ли смысл запрашивать номер телефона, чтобы вы могли отправить текстовое маркетинговое сообщение в течение нескольких минут, пока клиент всё ещё доступен?
- Что удобнее: переключатели или раскрывающиеся меню?
Сделайте так, чтобы вашим клиентам было как можно проще предоставлять вам информацию. Например, магазин одежды Seven Rock Life сократил количество полей форм, запрашивая только адрес электронной почты и номер телефона посетителей, что дало им возможность запустить текстовую маркетинговую кампанию.
7. Геймификация
Привлекательный мобильный дизайн не обязательно должен быть статичным. Пользователи обожают тыкать на кнопки и играть, даже если это занимает секунды. Дайте пользователю возможность поиграть с вами, что задержит его на сайте – как всплывающее окно с колесом фортуны от магазина мужской косметики Ballwash.
8. Перехватывайте уходящих клиентов
Вы же не хотите, чтобы посетители со смартфонов уходили прочь, не конвертируясь в контакт или не совершая покупки? Как только они уйдут, вернуть их будет очень сложно.
Работайте наперехват – разворачивайте pop-up’ы, когда посетитель намерен уйти с вашего сайта. Соблазните их предложением в обмен на адреса электронной почты в надежде, что это поможет заключить сделку. Ну или хотя бы вы сможете оставаться на связи, чтобы сохранить возможность получения дохода в будущем.
Пример от магазина одежды Piccolina: всплывающее окно появляется на странице оформления заказа, когда у посетителя есть товар в корзине, но он собирается выйти. Цель – предложить сохранить распродажу со скидкой в его почтовый ящик.
9. Избегайте изображений
Фотография продукта во всплывающем окне – это, конечно, красиво. Если вы сидите с десктопа. На смартфоне такой pop-up выглядит перегруженным и сжирает последнее место на экране.
Гораздо эффективнее будет простой дизайн с высокой контрастностью. Изображения продуктов никуда не денутся и сами скажут за себя на вашем сайте. Хороший пример от магазина детских аксессуаров Newton Baby, как переделать десктопную версию окна в мобильную.
Десктопная версия:
Мобильная версия:
10. Выберите один способ привлечения
Не ведите себя как продавец на рынке, который ОЧЕНЬ ГРОМКО пытается продать ковёр, чайник, бусы и сувениры из своего прекрасного города. Не нужно одновременно просить подписаться на информационную рассылку, запросить звонок, подписаться на бонус. Выберите что-то одно.
P.S.
Итак, давайте резюмируем. Всплывающее окно – формат, который не должен быть назойливым. Не пытайтесь закидать клиента рекламой, предлагайте точечно. Лаконичность, функциональность, чувство такта сделают pop-up’ы эффективным средством продажи, а не поводом покинуть сайт.
Чтобы не пропустить интересную и полезную для вас статью о малом бизнесе, подпишитесь на наш
