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