Формы всплывающих окон электронной почты (email pop-ups) по-прежнему очень актуальны и являются важнейшим типом форм подписки для создания списков для email-маркетинга.
Хотя Klaviyo устанавливает общий базовый показатель отправки форм подписки на уровне 3 %, Мария Тротта, старший цифровой стратег в Klaviyo, говорит, что это низкая планка.
Тротта работала с брендами, у которых показатель отправки форм подписки составлял 8–20 %, а это значит, что в 2027 году все еще возможно создать значительную собственную аудиторию с помощью всплывающих окон.
Здесь мы рассматриваем 11 лучших практик, которые помогут вам собирать данные клиентов с помощью форм всплывающих окон электронной почты, а также приводим несколько реальных примеров для начала работы.
1. Централизуйте данные ваших клиентов, маркетинг и взаимодействие на сайте
Прежде чем запустить хотя бы одно всплывающее окно электронной почты, вам необходима надежная инфраструктура клиентских данных под ним. Если ваше всплывающее окно существует отдельно от централизованных клиентских данных, использовать данные, собранные в формах, для последующей персонализации электронных и текстовых сообщений будет практически невозможно.
Всплывающие окна — это ворота к клиентским отношениям. Отношения с клиентами характеризуются взаимодействиями, которые генерируют данные, и всплывающие окна часто запускают эти отношения с адреса электронной почты или номера телефона.
Когда вы собираете такие данные нулевой стороны (zero-party data), это только первый шаг. Каждое последующее взаимодействие — будь то прямое заявление о предпочтениях или косвенное наблюдение за поведением — должно поступать в один единый профиль клиента. Именно это делает возможной персонализацию в реальном времени в маркетинге и обслуживании клиентов.
2. Персонализируйте всплывающее окно
В случае с email-всплывающими окнами те люди, которых вы исключаете, почти важнее тех, кого вы включаете. Если одна из ваших целей — сделать всплывающие окна менее навязчивыми, начните с отключения показа существующим
Но если показатели отправки ваших всплывающих окон соответствуют эталонным значениям, вы можете начать экспериментировать с персонализированными всплывающими окнами для существующих подписчиков. Попробуйте создавать всплывающие окна для:
- Посетителей сайта из конкретного источника привлечения: допустим, вы сотрудничаете с инфлюенсером в рамках цифровой маркетинговой кампании верхнего уровня воронки и создали специальную целевую страницу по короткой ссылке, куда инфлюенсер направляет свою аудиторию. Вы можете запустить специальное всплывающее окно подписки только для этой страницы, а затем добавить этих
- Посетителей сайта с определенным поведением: попробуйте настраивать время появления всплывающих окон на основе такого поведения, как глубина прокрутки, время на странице или намерение уйти (exit intent). Человека, который тянет курсор к панели поиска браузера, можно убедить остаться с помощью специального предложения в обмен на адрес электронной почты.
- Существующих подписчиков: существующие подписчики не хотят видеть форму с призывом подписаться на рассылку, в которой они уже состоят. Вместо этого покажите им всплывающее окно с предложением подписаться на текстовые сообщения, сообщения в WhatsApp или push-уведомления через ваше мобильное приложение. Мобильные маркетинговые каналы могут создавать более близкие и непосредственные отношения с клиентами, и создание таких списков должно быть приоритетом, если у вас уже есть здоровый список email-адресов.
3. Напишите сильный заголовок
Сильный заголовок всплывающего окна достигает идеального баланса между понятностью и неожиданностью. Хотя многие всплывающие окна не очень привлекательны, один из способов выделить ваше — протестировать варианты и найти лучший заголовок. Сильный заголовок всплывающего окна:
- Соответствует вашему сценарию использования и контексту. Адаптируйте заголовок под цель вашего всплывающего окна.
- Побуждает посетителя обратить внимание. Всегда стремитесь к ясности, а не к мудрености, но подумайте об экспериментах с юмором, тоном бренда и привлекательными предложениями, мимо которых люди не смогут пройти.
- Отражает голос вашего бренда. Создайте заголовок, который даст посетителю представление о том, кто вы.
Вас, возможно, не удивит, что этот пример от бренда полезной газировки OLIPOP представляет собой всплывающее окно при попытке покинуть сайт (exit-intent), то есть оно появляется, когда кто-то пытается уйти с веб-сайта бренда. Известный своими яркими цветами и дерзкими текстами, OLIPOP призывает людей остаться на сайте с помощью каламбура. Заголовок соответствует голосу бренда и контексту всплывающего окна.
OLIPOP
4. Пишите простой и понятный текст
У вашего всплывающего окна есть одна задача: убедить посетителя подписаться на вашу рассылку. И ваш лучший шанс получить этот адрес электронной почты — быть честным насчет условий обмена.
Хотя вы можете протестировать остроумный текст заголовка против понятного, текст самого всплывающего окна всегда должен быть более прямым. Это обещание, которое вы даете вашему
Этот пример от итальянского дизайнерского бренда делает упор на текст и полностью обходится без заголовка. Бренд предпочитает донести суть предложения и выделить больше места под политику конфиденциальности, которая предлагает прозрачность в отношении того, как бренд будет использовать
Alessi
5. Предложите неотразимый стимул во всплывающем окне
Вы можете до бесконечности экспериментировать с заголовками и текстами, но ничто так не побуждает человека поделиться своим адресом электронной почты, как бонус.
Но что предложить? Скидку? Бесплатный подарок или доставку при покупке? Участие в конкурсе или розыгрыше? Эксклюзивный контент? Если вы не хотите разориться, проявите креативность при тестировании различных бонусов во всплывающих окнах.
Если вы работаете в такой сфере, как уход за кожей, где производство продукта стоит очень дешево, а продать его можно дорого, бесплатный подарок при покупке может стать разумной альтернативой скидке. Например, в этом всплывающем окне бренд оливкового масла Brightland предлагает бесплатный дозатор в обмен на контактные данные.
Brightland
6. Создайте привлекательный дизайн всплывающего окна
Хороший дизайн субъективен. То, что отлично выглядит для одного бренда, может не подойти другому. И следить за тенденциями дизайна сложно, если у вас нет штатного дизайнера.
Именно поэтому настраиваемые шаблоны так важны. Если вы хотите разместить всплывающие окна на множестве страниц в больших масштабах, у вас, вероятно, не будет много времени на возню с дизайном, но качественно оформленное всплывающее окно может существенно повлиять на конверсию.
Некоторые из важнейших элементов дизайна всплывающего окна включают в себя:
- Современный шрифт
- Приятную цветовую палитру
- Отличный снимок продукта
- Выделяющуюся кнопку призыва к действию (CTA)
- Чистый дизайн с минимальным количеством полей (подробнее об этом позже)
- Бонус: фото, отражающее вашу аудиторию
Этот пример от кофейного бренда Grind объединяет все эти элементы воедино. Фирменные цвета выделяются на фоне снимка продукта с изображением людей, а в шрифте есть изюминка, которая не выглядит банально или устаревше.
Grind
7. Сведите поля всплывающего окна к минимуму, но тестируйте дополнительные поля
Проверьте, готова ли ваша аудитория заполнять больше полей формы во всплывающем окне. Если да, то собранная информация поможет вам отправлять более персонализированные сообщения в будущем.
Мария Тротта, старший цифровой стратег в Klaviyo, рекомендует оценивать успех как по показателю отправки, так и по тому, что это дополнительное поле может дать для персонализации. Например, вы можете протестировать:
- А: один экран, запрашивающий только адрес электронной почты
- Б: два экрана, где на первом экране запрашивается адрес электронной почты, а на втором задается вопрос вроде: «Для кого вы делаете покупки?»
Когда вы используете многошаговые формы для сбора пользовательских вопросов, вы также можете синхронизировать полученные сегменты с социальными сетями в виде похожих аудиторий (lookalike audiences), чтобы находить совершенно новых клиентов.
В этом примере от бренда одежды minnow на первом шаге формы подписчику предлагается указать, для кого он совершает покупки. В форме используются лайфстайл-изображение в фирменной цветовой гамме, логотип и крупный заголовок с информацией о скидке 15%.
minnow
8. Добавьте четкий призыв к действию (CTA) в ваш всплывающий email-модал
Кнопка CTA — это то, на что люди нажимают, чтобы совершить конверсию во всплывающем окне. Считайте призыв к действию вашей последней возможностью выразить то, что читатель получает за подписку.
Эффективный CTA строится на базовых правилах дизайна: крупная кнопка, хороший цветовой контраст и минимум текста. Но в этом примере всплывающего окна бренд посуды Zarina пошел дальше, используя CTA «Получить код», чтобы подчеркнуть: подписка приносит покупателю скидку.
По сравнению с более стандартным призывом «Подписаться», это небольшое изменение формулировки показывает, что бренд что-то дает, а не забирает.
Zarina
9. Рассмотрите менее навязчивые типы форм подписки
По определению, всплывающее email-окно появляется на вашем сайте, что может нарушить процесс покупки. Если вы хотите протестировать менее навязчивые типы форм, рассмотрите выдвижные панели (fly-out) или слайдеры.
Выдвижные панели появляются и скрываются на сайте, и они отлично подходят для условий ограниченного пространства. Мы рекомендуем тестировать слайдеры с учетом того, где обычно располагается большой палец пользователя на мобильном экране, чтобы проверить, работают ли они лучше, чем на ПК.
Этот пример от Aura Bora появляется в виде выдвижной панели только после того, как вы прокрутили определенный процент главной страницы. Он привлекает внимание, предложение понятно, и бренд может получить много информации, но пользователю не обязательно взаимодействовать с формой, если он пока не готов.
Aura Bora
10. Сделайте окно всплывающей формы удобным для закрытия в целях доступности
При разработке всплывающих окон помните о людях с ограниченными возможностями. Это означает, что ваше окно должно соответствовать стандартам доступности и быть простым для закрытия для каждого, но в первую очередь для людей с нарушениями моторики и зрения.
Доступность выгодна всем, поскольку дает людям возможность взаимодействовать с вашим всплывающим окном на собственных условиях. Помимо укрепления доверия и установления позитивных отношений с аудиторией, это позволяет посетителям просматривать ваш сайт без прерываний.
В этом примере от бренда веганской косметики OSEA в правом верхнем углу видна четкая кнопка «X», контрастирующая с другим цветом на фото. Белый крестик на сером фоне достаточно заметен, чтобы его легко было найти, но не настолько бросается в глаза, чтобы перетягивать на себя все внимание.
OSEA
11. Повышайте показатели отправки форм с помощью ИИ
После создания всплывающего окна отслеживайте его эффективность и улучшайте его с помощью A/B-тестирования. Некоторые метрики для измерения:
- Общее количество подписок
- Коэффициенты конверсии
- Показатели отказов (bounce rates) на страницах, где появляется ваше всплывающее окно
Чтобы провести A/B-тест, общепринятая мудрость гласит: выбирайте по одной переменной за раз, будь то заголовок, кнопка CTA или предложение. Если всплывающее окно конвертирует хуже, чем ожидалось, измените предложение или триггер и проводите тестирование до тех пор, пока не найдете правильную комбинацию, которая отзывается у вашей аудитории.
Но теперь, благодаря оптимизации показа форм на базе ИИ, вы можете тестировать вариации в фоновом режиме и автоматически запускать версию с наилучшими результатами.
До того как бренд косметики Tata Harper начал использовать ИИ от Klaviyo для тестирования и оптимизации форм подписки на email и SMS, они могли тестировать вручную только две версии за раз. Но благодаря оптимизации отображения форм они смогли протестировать 20 вариантов размещения и времени появления на основе ИИ во всплывающих окнах для ПК и мобильных устройств.
В течение 30 дней после запуска победивших версий количество отправок для обеих форм выросло более чем на 65% по сравнению с 30 днями до тестирования.
Tata Harper
Создайте лучшую форму подписки с помощью Klaviyo
Эффективность ваших форм подписки зависит от того, как вы можете использовать собранные с их помощью данные. Klaviyo, автономная CRM для B2C, хранит все данные клиентов, необходимые для персонализации тысяч или даже миллионов сообщений в массовом масштабе.
А с помощью Composer, встроенного в Klaviyo постоянного помощника по маркетингу на базе ИИ, вы можете создавать новые email- и текстовые сообщения за считанные минуты.
Начните с цели, брифу или того, что Composer обнаружил в данных о ваших клиентах и эффективности. Composer может помочь создать аудитории, цепочки и кампании по таким каналам, как email, текстовые сообщения и мобильные push-уведомления, используя контекст вашего бренда и бизнеса на протяжении всего процесса.
Готовы создать фирменные формы подписки за считанные минуты?
Начать работу
