Более 40 примеров всплывающих окон для электронной почты, чтобы получить подписчиков на рассылку в 2025 году

Электронные письма остаются одним из самых экономически эффективных и высокодоходных маркетинговых каналов для привлечения клиентов и увеличения конверсий. Согласно исследованию, 75.4% потребителей предпочитают получать рекламные сообщения по электронной почте. Более того, 32.7% подписываются на новостные рассылки, чтобы получить доступ к эксклюзивным предложениям и персонализированным скидкам. 

Чтобы эффективно увеличивать базу подписчиков и масштабировать свои усилия по генерации лидов, опытные маркетологи все чаще полагаются на всплывающие окна подписки на рассылку — целевые, автоматизированные на сайте инструменты, которые помогают преобразовывать посетителей сайта в лояльных подписчиков по электронной почте.

В этой статье мы проанализируем реальные примеры всплывающих окон подписки, используемых в различных отраслях, включая электронную торговлю, SaaS и контентные сайты. Вы узнаете, как реализовать стратегию всплывающих окон, которая согласуется с вашей воронкой продаж, улучшает вовлечение пользователей, снижает показатели отказов и увеличивает конверсии. От ориентированных на UX дизайнов до увлекательного копирайтинга, вы узнаете, что делает эти формы всплывающих окон подписки эффективными и как применять аналогичные тактики в своих маркетинговых стратегиях, используя Claspo.

Что такое всплывающие окна электронной почты?

Всплывающее окно электронной почты — это интерактивное окно, которое появляется для посетителей сайта. Его основная цель — собрать информацию о посетителе: адрес электронной почты, телефонный номер, имя, параметры подписки и так далее. В зависимости от настроек, такие окна обычно запускаются на основе поведения пользователя, например, времени, проведенного на странице, глубины прокрутки или намерения выйти, что позволяет маркетологам предлагать целевые предложения в оптимальные моменты в пользовательском путешествии.

После сбора, эти ценные данные затем синхронизируются с вашим Поставщиком Услуг Электронной Почты (ESP) или Платформой Управления Данными о Клиентах (CDP). Это позволяет вам взращивать вашу контактную базу и направлять подписчиков по электронной почте через целевые кампании email-маркетинга, которые приводят к конверсии продукта или услуги.

Несмотря на то, что макет и дизайн всплывающих окон подписки могут различаться, у них всех есть одна общая черта: убедительное сообщение или стимул, ориентированный на ценность (также известный как лидер-магнит). Этот стимул предназначен для мотивации посетителей к предоставлению своей контактной информации. С инструментом, таким как конструктор списков рассылки от Claspo, вы сможете без усилий преобразовывать больше посетителей в вовлеченных подписчиков, увеличивая генерацию лидов и ROI от вашего email-маркетинга.

Насколько эффективны всплывающие окна подписки на электронную почту?

Всплывающие окна подписки на электронную почту — это одни из самых мощных инструментов генерации лидов в современной стратегии цифрового маркетинга. Подтверждено данными, их эффективность не вызывает сомнений: согласно Entrepreneur, сайты без всплывающих окон обычно видят конверсию на уровне 3.7%, тогда как использующие всплывающие окна могут достигать до 16%. В среднем, всплывающие окна подписки на электронную почту конвертируют около 10% посетителей, делая их одним из самых высокоэффективных инструментов захвата лидов в цифровом формате.

Кроме того, включение таких элементов, как элементы геймификации, например, колесо фортуны, может еще больше улучшить вовлеченность и процент конверсии. Эти интерактивные всплывающие окна не только привлекают внимание, но и предоставляют ощущение ценности и развлечения, побуждая пользователей подписываться.

Эффективность всплывающих окон для подписки на email сильно зависит от таких факторов, как отрасль, формат всплывающего окна подписки, своевременность и дизайн. Далее в этой статье вы узнаете лучшие практики использования всплывающих окон для email, которые делают их действительно эффективными и адаптированными к вашей аудитории.

Более 40 лучших примеров всплывающих окон для подписки на рассылку (и почему они конвертируют)

В поисках лучших всплывающих окон для подписки на рассылку, мы изучили десятки сайтов в различных отраслях. Хотя формы подписки различаются в зависимости от бизнес-целей и сегментов аудитории, некоторые элементы остаются неизменными. Наиболее эффективные примеры всплывающих окон для рассылок придерживаются основных лучших практик: стратегический тайминг, убедительный текст, безупречный пользовательский опыт (UX) и убедительное ценностное предложение.

Примеры всплывающих окон для захвата email в сфере электронной коммерции

В сфере электронной коммерции всплывающие окна широко используются для различных целей, включая продвижение предложений, информирование посетителей о важных событиях или обновлениях компании и, конечно, для создания базы контаков. Давайте рассмотрим, как различные компании внедряют всплывающие окна для рассылок на своих веб-сайтах.

Wayfair

Когда вы заходите на wayfair.com, вас сразу приветствует всплывающее окно со скидкой.  

Что хорошо 

Поскольку Wayfair запрашивает email и номер телефона, всплывающее окно подписки на рассылку четко указывает, на что вы согласны и как можно отказаться. Дизайн чистый, а текст на кнопке побуждает к действию. 

Скидки являются одним из самых сильных стимулов для сбора email. Посмотрите наши формы подписки с предложениями скидки, чтобы узнать, как вы можете настроить их для своего сайта.

Области для улучшения

Если вы не готовы воспользоваться предложением сразу, вы можете сделать это позже, нажав на кнопку-активатор или тизер. 

Но как только вы покидаете главную страницу, всплывающее окно подписки полностью исчезает. Сохранение его видимым на всем сайте могло бы быть умным выбором. Этот тип всплывающего окна для захвата email не мешает пользовательскому опыту, и посетители могут легко воспользоваться предложением скидки на подписку.

Что происходит с данными, когда кто-то отправляет форму захвата email? Если вы используете Claspo, вы можете подключить это к вашей ESP или CPD. Если вы ищете аналогичную услугу, ознакомьтесь с нашим обзором лучших платформ для рассылки новостей. 

Собранные данные будут поступать прямо в подключенную систему. Например, если вы отправите промо-код, ваши потенциальные клиенты получат предложение, на которое они подписались, в своих почтовых ящиках.

Cult Beauty

Следующий пример всплывающего окна для подписки на рассылку от Cult Beauty, британского онлайн-маркета косметики. 

Что хорошо

Элегантная форма всплывающего окна для подписки на электронную почту появляется через 20 секунд после начала просмотра сайта. Эта стратегия тайминга дает пользователям достаточно времени на взаимодействие с контентом до появления виджета, что увеличивает вероятность их положительного взаимодействия с его сообщением.

Дизайн всплывающего окна довольно простой и соответствует остальной части сайта. В первом заголовке есть ясное предложение. Всплывающее окно поддерживает его списком эксклюзивных преимуществ, которые пользователи получают за подписку, что облегчает восприятие информации. Изображение слева дополнительно демонстрирует выгоды не только от подписки, но и от покупок на их сайте. Этот тщательно продуманный дизайн информационного бюллетеня помогает выразить ценность с первого взгляда и побуждает к действиям.

Области для улучшения

Использование так называемых "мощных" слов на кнопке может сделать всплывающее окно подписки на рассылку более интересным. Независимо от того, используете ли вы всплывающие окна или вложенные формы подписки на рассылку, сильный текст и визуальные элементы являются ключом к высоким конверсиям.

American Trucks 

Этот пример всплывающего окна электронной почты от American Trucks четко и ясно демонстрирует ценностное предложение.

Что хорошо

Преимущество, а именно скидка, занимает большую часть пространства, мгновенно привлекая внимание посетителей сайта. Кнопка содержит текст, ориентированный на действие, и цвет выполняет две задачи одновременно: он соответствует палитре сайта и усиливает желание совершить действие. Наконец, есть также крутая картинка грузовика.

Puma

Puma выбрали другой подход. Как только вы заходите на сайт, лаунчер появляется в нижнем левом углу.

Что хорошо

Лаунчер показывает форму подписки на электронную почту только когда вы на него нажимаете. Это дает пользователям свободу исследовать сайт и нажимать на кнопку лаунчера, если они этого хотят. Чтобы побудить людей нажать на нее, Puma использует умный призыв к действию: «Получите 20% скидку».

Лаунчеры хороши тем, что не закрывают основное содержимое и не прерывают сессию пользователя. Большинство шаблонов Claspo поставляются с лаунчерами, которые вы можете настроить. Вы также можете создать отдельный лаунчер и связать его с существующим виджетом в Claspo.

Попробовать этот шаблон

Heatonist

Этот пример всплывающего окна подписки на рассылку поступает от Heatonist.

Что хорошо

Судя по заголовку, Heatonist хочет задействовать страх упустить что-то важное. Они поддерживают это оригинальным текстом на кнопке: «Подпишитесь, чтобы добавить остроты». Это удачно перекликается с продуктом, который они продают. Изображение справа демонстрирует различные доступные соусы. Мы предполагаем, что это изображение символизирует разнообразие; каждый может найти то, что ему по вкусу. 

Наконец, форма подписки по электронной почте также запрашивает имя пользователя. В Claspo вы можете добавить дополнительные поля в любой шаблон подписки на рассылку, чтобы собрать больше информации о потенциальных клиентах. В данном случае, получение имени человека позволяет персонализировать будущие email-кампании. 

Области для улучшения

Всплывающее окно подписки на email появляется в течение 10 секунд после попадания на сайт. Это кажется почти мгновенным, что может раздражать посетителей. За такой короткий период у людей даже нет времени осмотреть сайт. Поэтому лучше дать своим посетителям немного больше времени перед тем, как пытаться поощрить подписку.

The Trendy Toddlers 

Это интернет-магазин, специализирующийся на одежде для младенцев и малышей, базирующийся в США.

Что хорошо

Мы сразу видим четкое предложение и всплывающую форму подписки всего с двумя полями. 

Также они изменили кнопку формы, подталкивая пользователя активировать предложение. Мы также видим кнопку отказа с текстом «Продолжить без предложения». Эта кнопка важна, так как уважает автономию пользователя и предлагает ненавязчивый способ посетителям отклонить предложение, улучшая пользовательский опыт. В Claspo вы можете легко включить аналогичную функцию отказа, чтобы ваша аудитория чувствовала себя в контроле и ценимой.

Дополнительный текст сразу решает возможные возражения потребителей по поводу стоимости доставки и возврата. И наконец, поскольку сайт нацелен на новых родителей, они использовали фото счастливого малыша в милом наряде. Это помогает установить положительную ассоциацию с брендом.

Nike 

Следующий пример всплывающего окна подписки на рассылку выделился нам не столько своим дизайном, сколько дополнительными полями.

Что хорошо

Эти дополнительные поля помогают более стратегически собирать электронные адреса. Собирая ключевые данные подписчиков на начальном этапе, маркетологи могут сразу сегментировать свою аудиторию. Это позволяет создавать персонализированные email-кампании, настраивать доставку и предлагать предложения, адаптированные к предпочтениям каждого контакта. Если вы собираете дату рождения подписчика, вы даже можете отправлять им email-поздравления с днем рождения. Согласно опросу, 84% потребителей ценят персонализированные предложения на день рождения.

Области для улучшения

Черно-белый всплывающий попап выглядит немного скучно. Возможно, его можно сделать более динамичным и визуально привлекательным с помощью броского изображения.

Tessemae’s

Хороший заголовок не может быть незамеченным. Узнайте это из Tessemae’s.

Что хорошо

Компания соблюдает лучшие практики для всплывающих окон подписки на рассылку: заголовок ясен и имеет хороший ритм. Основной текст ясен и подчеркивает преимущества подписки на рассылку. Два поля для электронной почты и номера телефона расширяют возможности маркетолога для общения с клиентами, добавляя к email'ам уведомления в SMS или мессенджерах. Дизайн этого всплывающего окна подписки на рассылку яркий благодаря фону, но не навязчивый, поскольку монохромная основная часть формы подписки поддерживает баланс цвета.

Craighill

Для привлечения подписчиков на рассылку Craighill полагается на бесплатные подарки.

Что хорошо

Большинство высококонверсионных сайтов используют всплывающее окно подписки, чтобы захватить лиды прямо перед тем, как пользователи покидают страницу. Брендовые маркетологи используют pop-up на основе намерения выхода, чтобы решать две задачи одновременно:

• получение подписок на рассылку новостей;
• попытка вернуть посетителя к покупкам.

Привлекательный дизайн работает для обеих целей: изображение приза, который можно выиграть за подписку.

Тот же продукт также отображается на виджете благодарности, а кнопка CTA побуждает посетителей продолжить покупки. Возможно, изображение продукта вдохновит некоторых людей на продолжение покупок. Этот второй pop-up также объясняет участнику условия и сроки — где и когда ждать новостей о выигрыше.

Dollar Tree

Еще один интересный пример всплывающего окна электронной почты — виджет на сайте популярного американского магазина Dollar Tree.

Что хорошего

Во-первых, дизайн всплывающего окна рассылки привлекает внимание. Он легкий и почти воздушный с достаточным расстоянием между элементами. Цветовая схема выдержана в фирменном зеленом цвете бренда. Уникальный заголовок вдохновляет посетителей «Порадуйте свой почтовый ящик» вместо стандартного «Подписаться». Кнопка призыва к действию выделяется, текст написан от первого лица — один из умных трюков в копирайтинге. Однако, что действительно делает это всплывающее окно подписки на электронную почту оригинальным, так это его форма — с 3D-изображением конверта с логотипом бренда.

Quiet Town

Далее давайте рассмотрим несколько примеров всплывающих окон подписки на рассылку от Quiet Town.

Что хорошего 

Заголовок ясно подчеркивает преимущества подписки на рассылку. В основном тексте компания обращается к общим сомнениям скептичных посетителей о том, что их будут «засыпать спамом». Скидка упоминается дважды — сначала в пояснительном тексте, а затем снова в CTA от первого лица.

На втором этапе этой многоэтапной подписки пользователи приглашаются поделиться своими номерами телефонов. Заголовок, побуждающий пользователей «Стать VIP», выделяется, апеллируя к чувству собственной важности. Сопроводительный текст объясняет эксклюзивные привилегии для этих подписчиков.

Что можно улучшить 

Стоит поэкспериментировать с различными стимулами для подписки на SMS-рассылку или быть более конкретными — вместо простого «раннего доступа» они могли бы предложить что-то вроде «Получите доступ на 2 часа/2 дня раньше», например.

Fabdog

Этот пример от Fabdog также использует многоэтапную форму в процессе подписки, но оригинальным образом.

Что хорошо

Fabdog объединяет подписки на email и SMS-маркетинг в одном всплывающем окне. Визуально окно email-маркетинга разделено на две секции с использованием заголовков. Осознавая, что люди могут неохотно делиться своими номерами телефонов, они предлагают большую скидку за подписку на SMS-рассылку.

После заполнения первой формы пользователи переходят ко второму этапу: сбор дополнительной информации для сегментации и предложений на день рождения. Наконец, третье сообщение «Спасибо» объясняет, где найти промокод.

Это последнее всплывающее окно благодарности является мостом к первому письму в почтовом ящике. Если вы хотите произвести отличное первое впечатление, ознакомьтесь с примерами лучших приветственных писем для новых подписчиков, которые мы собрали. 

Области для улучшения

Первую форму подписки можно было бы сократить, чтобы она помещалась в одном экране. Кроме того, всплывающее окно появляется сразу после входа на сайт, что может быть отталкивающим. Было бы лучше дать пользователям немного больше времени, прежде чем показывать всплывающее окно, чтобы не раздражать посетителей.

Woolx

Чтобы заинтересовать посетителей, Woolx использует игровой виджет, который занимает весь экран.

Что хорошего

Всплывающее окно использует популярный игровой механизм «выбери один из трех». Пользователь должен выбрать одну из предложенных овечек, чтобы открыть скидку. Кроме того, интерес пользователя подогревается сообщением о получении максимальной скидки. Однако конкретные цифры не показаны. Поэтому, чтобы узнать точную сумму скидки, человеку нужно поделиться своим email и получить промокод в почтовом ящике.

Области для улучшения

Возвращаясь к примеру, который мы обсудили, вы можете изменить его макет с полноэкранного всплывающего окна для email на менее навязчивое. Ведь Google не приветствуетиспользование этого типа виджета, за исключением случаев проверки возраста.

Funko

Funko, известный бренд коллекционных фигурок, воспринял это как божественную миссию — развлекать посетителей своего сайта, предоставляя нам свой следующий игровой пример формы подписки на новостную рассылку.

Что хорошо

Дизайн виджета безупречно сочетается с общим стилем сайта, используя те же цвета и шрифт, благодаря чему он ощущается как неотъемлемая часть сайта, а не что-то навязчивое. Призыв к действию на кнопке ясен, а игривое написание слова «колесо» добавляет веселья. Хорошо видимая кнопка закрытия предлагает пользователям легкий способ выйти, если их не заинтересовало предложение. Кроме того, всплывающее окно подписки на электронную почту показывается только новым посетителям, которые еще не подписались, предотвращая раздражение у существующих подписчиков.

Области для улучшения

Всплывающее окно для сбора электронных адресов появляется почти сразу, как только пользователь заходит на сайт. Подписки лучше работают, когда они активируются действиями пользователя, такими как прокрутка или длительное пребывание на странице, давая посетителям время для вовлечения перед предложением подписаться.

Также можно поэкспериментировать с дизайном интерактивного всплывающего окна, а именно показать все колесо.

Хотите изучить больше идей для всплывающих окон с подпиской на новостную рассылку, таких как эти? Узнайте больше о игровой механике всплывающих окон — включая его преимущества, творческое использование и как дизайнировать игровые всплывающие окна, которые действительно конвертируют.

Посмотрите шаблон поближе

Примеры всплывающих окон для подписки на новости для B2B и SaaS

В B2B и SaaS всплывающие окна помогают собирать лиды для дальнейшей коммуникации с отделом продаж. Давайте рассмотрим некоторые интересные примеры всплывающих окон для подписки на почту и выделим маркетинговые подходы к привлечению целевой аудитории.

Virtuance

С помощью этого всплывающего окна для подписки команда Virtuance стремится создать список потенциальных клиентов, с которыми в дальнейшем можно будет выстраивать отношения.

Что хорошо

Это всплывающее окно содержит лид-магнит. Поскольку цикл продаж и маркетинга в B2B обычно длиннее и сложнее, постоянное внимание к лидам играет важную роль. По мере продолжения просмотра сайта появляются больше всплывающих окон. Однако это окно предлагает другой стимул.

Flowium 

Flowium также предлагает бесплатный материал для занятых маркетологов в обмен на электронную почту.

Что хорошо

Текст всплывающего окна четко указывает на преимущества, которые пользователи получают, скачивая контрольный список. Этот пример всплывающего окна с электронной почтой также содержит изображение одного из членов команды. Это может иметь несколько положительных эффектов:

• Персонализация: Это добавляет человеческий акцент к сообщению, делая всплывающее окно менее похожим на автоматический запрос. 
• Брендинг: Корпоративная футболка укрепляет идентичность бренда.
• Надежность: Встреча с кем-то из команды может повысить доверие и восприимчивость компании.

Наконец, дружелюбное лицо может привлечь внимание пользователей к всплывающему окну, увеличивая шансы на взаимодействие.

Дизайн всплывающего окна для подписки на рассылку от Visme

Иногда визуальные элементы говорят громче слов.

Что хорошо

Это один из тех примеров всплывающего окна с рассылкой новостей, где дизайн и текст работают в идеальной гармонии. Жирный заголовок, привлекающие внимание визуальные элементы и ясный поясняющий текст создают убедительное и профессиональное впечатление. Сильная синергия между визуальными элементами и текстом предполагает, что подписка принесет реальную ценность, а именно, качественные советы по дизайну.

Ссылка на условия использования размещена ниже кнопки призыва к действию. Следующий шаг после подписки - отправка двойного подтверждения по электронной почте, что защитит вас от возможных обвинений в спаме. Если вас интересует эта тема, у нас есть блог-пост с шаблонами писем 'подтвердить свою подписку'.

Quantum Metric

Вот еще один пример компании, использующей лендмагнит для создания базы подписчиков.

Что хорошо

Вместо использования множества различных всплывающих окон компания создала один виджет со слайдером, который показывает два руководства. Функции всплывающего окна настроены так, чтобы появляться, когда читатель прокручивает страницу до конца с результатами исследования. Этот подход гарантирует, что пользователи не будут прерваны во время погружения в исследование. Кроме того, виджет не появляется посередине экрана, не накладывается на другой контент и не нарушает пользовательский опыт.

Примеры всплывающих окон подписки на электронную почту для сектора потребительских услуг

Компании, предоставляющие услуги для потребителей, часто имеют ценную информацию, которую могут поделиться со своими клиентами, делая email кампании выгодными для обеих сторон. Ниже мы выделили несколько убедительных всплывающих окон для сбора email, а также примеры всплывающих окон с новостными рассылками, которые показывают, как эти компании превращают посетителей в подписчиков

Pvolve 

Эта фитнес-компания с сетью студий, онлайн-курсами и магазином товаров запустила увлекательный виджет на своём сайте накануне Дня труда. 

Что хорошо

Он привлекает внимание, выполняя сразу две задачи: продвижение распродажи ко Дню труда и увеличение списка подписчиков. На изображении показан пример набора, который можно купить со скидкой, что подчёркивается в заголовке. Если посетителей заинтересует предложение, они могут ввести свой email в втором окне этого всплывающего окна с двумя шагами. Такой подход решает одну из ключевых задач цифрового маркетинга — сбор контактной информации без отвлечения посетителей от основной конверсии.

Области для улучшения 

Объяснительный текст в первом виджете упоминает дату окончания кампании. Чтобы усилить эффект FOMO, рассмотрите возможность использования таймера обратного отсчета.

White Oak Pastures

Для бизнеса в секторе обслуживания потребителей важно создать дружелюбную и гостеприимную атмосферу, даже с формой всплывающего окна для новостной рассылки. Мы нашли отличный пример этого на сайте White Oak Pastures.

Что хорошо 

Всплывающее окно выделяется простым и искренним текстом, что делает его искренним. Фото фермерского дома еще больше усиливает позитивную, привлекающую атмосферу. В целом, форма подписки идеально соответствует дизайну сайта и стилю бренда.

Области для улучшения

Было бы полезно сократить текст, чтобы пользователям не пришлось пролистывать вниз, чтобы добраться до поля ввода email и кнопки CTA. Этого можно достичь, удалив раздел, продвигающий мобильное приложение, особенно потому, что тот же призыв к действию появляется во втором всплывающем окне, активируемом лаунчером.

Примеры всплывающих окон с email из медиа и блогов

Всплывающие окна для подписки на электронную почту для блогеров и медиа являются важным инструментом для сбора контактов читателей. Однако использование их на сайтах с богатым контентом имеет некоторые нюансы. Давайте рассмотрим несколько примеров.

This Lonely Planet

Компания выбрала стратегию увеличения списка рассылки с помощью всплывающего окна, которое нацелено на путешественников в поисках приключений и исследований.

Что хорошо

Заголовок и текст четко излагают преимущества подписки, а призыв к действию побуждает к немедленному действию. Ясно указано, как часто будут отправляться электронные письма и какой тип контента будет делиться редакционной командой. Однако, наибольшее внимание пользователя привлекает привлекательное изображение, которое является настоящей изюминкой этого виджета. Вы можете создать подобное изображение с помощью доступных генераторов изображений на основе ИИ. Кстати, у нас есть статья на нашем блоге, в которой рассматриваются эти сервисы.

Области для улучшения 

Оформление всплывающего окна кажется нарушенным, так как кнопка призыва к действию расположена слишком далеко справа. Лучшим решением будет разместить ее под полем для ввода электронной почты для более чистого дизайна.

Darren Rowse

Исследуя примеры улавливания электронных адресов для блогов, мы наткнулись на сайт австралийского блогера и спикера Даррена Рауса. 

Что хорошо

Автор не обещает своим подписчикам невероятные награды, но приглашает их присоединиться к эксклюзивному кругу инсайдеров через всплывающее окно на сайте. Посетителям гарантируется отсутствие строгого графика рассылок, чтобы они не получили целую лавину писем в свой ящик.

Виджет ненавязчивый, так как активируется только при клике на элемент верхнего меню.

Области для улучшения 

В целом, виджет дополняет дизайн сайта и создает положительное впечатление своими мягкими, успокаивающими цветами. Однако изображение содержит обрезанную фразу, оставляющую зрителя в ожидании большего. Лучшим подходом было бы горизонтальное всплывающее окно, позволяющее полностью отобразить вертикальное изображение.

Forbes

Даже известное издание, такое как Forbes, задумывается о том, как привлечь больше подписчиков на email. 

Что хорошо

Дизайн виджета минималистичен, но при этом подробен и ясен в плане содержания. Для улучшения читаемости использован маркированный список, а частота рассылки четко указана в заголовке. Кроме того, условия использования включены в форму, что повышает прозрачность.

McKinsey & Company 

Консалтинговая компания McKinsey & Company использует всплывающие окна для построения базы подписчиков на своем блоге.

Что хорошо

Компания полагалась на плавающую панель, чтобы не мешать восприятию читателя и не отвлекать пользователей. Она максимально гармонирует с почти монохромным дизайном сайта. Единственное яркое пятно - кнопка призыва к действию. Виджет появляется, когда посетитель прокручивает до середины статьи. 

Обратите внимание на тематическую релевантность этого всплывающего окна рассылки — оно предлагает подписаться на обновления статей из раздела, который просматривает пользователь. Это персонализирует опыт пользователя, увеличивая вероятность превращения их в подписчиков.

Aspiration Marketing

Форма Aspiration Marketing выделяется среди других всплывающих окон для подписки своей длиной, но на это есть практичная причина.

Что хорошо

В дополнение к стандартным полям имени и email, посетители могут выбрать язык рассылки и как часто они хотят ее получать. Это дает новым подписчикам контроль над частотой писем с самого начала. Большой размер формы гарантирует, что всплывающее окно не останется незамеченным, но A/B тестирование необходимо, чтобы определить, подходит ли такой подход для ваших посетителей сайта.

Области для улучшения 

Кнопка закрытия сливается с ярким фоновым изображением, из-за чего ее трудно заметить. Было бы лучше сделать «x» более заметной, увеличив ее контраст.  

Примеры всплывающих окон подписки от некоммерческих организаций

Подписчики столь же важны для некоммерческих организаций, как и для бизнеса. Статистика показывает, что в среднем каждое тысяча отправленных писем для сбора средств приносит $42 в виде пожертвований. Однако использование всплывающих окон для подписки в этом секторе имеет свои нюансы. Обычно они разрабатываются так, чтобы быть как можно менее навязчивыми, чтобы не отвлекать посетителей от основных целей — будь то пожертвования или регистрация в качестве добровольца.

Catholic Relief Services 

Вот пример плавающей панели, которую Catholic Relief Services использует для формирования своего списка подписчиков.

Что хорошо

Этот всплывающий элемент подписки на email подчеркивает миссию некоммерческой организации и приглашает посетителей присоединиться к их делу. Виджет идеально подходит для веб-сайта и выглядит очень естественно. 

Плавающие панели обеспечивают отличную видимость, так как остаются видимыми при прокрутке. Кроме того, оставаясь на экранах пользователей, они побуждают их к действию. Если вы хотите попробовать другой тип виджета для сбора email-адресов, Claspo также предлагает плавающие панели.

Смитсоновский институт

Веб-сайт Смитсоновского института использует очень осторожный подход к сбору подписчиков. 

Что хорошо

Всплывающее окно email настроено появляться только после того, как посетители нажмут специальную кнопку в нижней части страницы.

Области для улучшения 

Хотя этот метод активации виджета подходит для некоммерческой организации, дизайн самого всплывающего окна нуждается в улучшении. Учитывая, что сайт Смитсоновского института полон оригинальными и захватывающими изображениями, удивительно, что они не создали более привлекательное всплывающее окно для подписки на новости, побуждающее посетителей делиться своими email. Отсутствие изображения также делает структуру виджета выглядящей несбалансированной.

The Animal Rescue Site

Такие случаи редки, но сайт The Animal Rescue Site управляет своим собственным интернет-магазином, доходы от которого идут на благотворительность. 

Что хорошо

Это классический пример всплывающего окна, предлагающего скидку на первую покупку в обмен на подписку на рассылку. Основное внимание уделяется размеру скидки и призыву к действию. 

Области для улучшения

Включение краткого пояснительного текста, чётко описывающего, что получат пользователи, подписавшись, может быть полезным. Без этой информации неясно, будут ли подписчики получать обновления от некоммерческой организации или только информацию о продуктах. Краткое объяснение поможет избежать путаницы. 

Примеры всплывающих окон для email на мобильных устройствах

Мобильные устройства разделили веб-трафик с настольными компьютерами почти поровну в течение нескольких лет, делая всплывающие окна для мобильных устройств необходимыми для веб-сайтов. Давайте изучим некоторые ключевые особенности. 

Perfume.com

Мобильная версия сайта Perfume.com приветствует посетителей акцией по скидке.

Что хорошо

Это классический пример из сферы электронной коммерции, побуждающей к подписке. Небольшой размер всплывающего окна, появляющегося в нижней части экрана, является важной особенностью. Четкий текст и яркая кнопка призыва к действию эффективно подчеркивают его преимущества, а легко видимый знак "x" позволяет пользователям без труда закрыть его.

Этот компактный дизайн - лишь один из умных приемов. Ознакомьтесь с нашей полной статьей о всплывающих окнах для мобильных устройств, чтобы узнать больше способов повышения конверсии без раздражения пользователей.

Области для улучшения      

Есть потенциал экспериментов с текстом кнопки. Можно использовать что-то более креативное для CTA вместо повторения заголовка. Для кнопки отказа от подписки они могут протестировать варианты, которые подчеркивают потерю преимуществ. 

Bloomscape

Еще один пример компактного всплывающего окна подписки на рассылку представлен на сайте Bloomscape.

Что хорошо

На сайте есть лаунчер, который при нажатии отображает полное всплывающее окно захвата email для мобильных пользователей. Лаунчер быстро привлекает внимание значком подарка, а индикатор уведомления с цифрой "1" создает четкую ассоциацию с непрочитанным сообщением. Эта комбинация побуждает посетителей кликнуть и посмотреть уведомление.

Области для улучшения  

Компания могла бы поэкспериментировать с изображением на лаунчере. Например, A/B тестирование могло бы сравнить две версии: одну с иконкой подарка и другую с отображением "Скидка 20%".

Shopwine Direct

Shopwine Direct предоставляет отличный пример легкого попапа с привлекательным визуальным дизайном.

Что хорошо

Всплывающее окно регистрации занимает около половины экрана, что не позволяет ему быть навязчивым. Щедрое использование белого пространства придает ему воздушный, не нагруженный вид, а красная кнопка CTA сразу привлекает внимание. Заголовок, текст и CTA четко указывают пользователю, что делать и чего ожидать. Вместо того чтобы спрашивать имя подписчика, маркетологи выбрали сбор дат рождения для использования в своей маркетинговой стратегии. Дизайн всплывающего окна также включает фоновое изображение с продуктами, что сохраняет виджет компактным и усиливает его визуальную привлекательность.

Zaful

В следующем примере мобильного всплывающего письма от Zaful основной акцент сделан на копирайтинге, который говорит ровно столько, сколько нужно.

Что хорошо

Всплывающее окно рассылки быстро привлекает внимание, а надпись ясно дает понять, почему стоит подписаться. Посетитель видит, кто именно может получить купон и какой размер скидки. Призыв на кнопке CTA подчеркивает основную выгоду в очень жизнерадостном стиле. Визуальная часть виджета демонстрирует продукт, добавляя яркости всему всплывающему окну. Ясно видимая кнопка закрытия позволяет пользователю легко отказаться от предложения.    

Области для улучшения 

   Добавление кнопки отказа может повысить чувство контроля среди посетителей.

Лучшие практики создания эффективных всплывающих окон для электронной почты

Как и любой инструмент, всплывающие формы для электронной почты приносят результаты только при стратегическом использовании. Чтобы максимизировать их эффективность, обратите внимание на следующие рекомендации: 

1. Убедитесь, что всплывающее окно актуально

Лучшие всплывающие окна для электронной почты — это те, которые добавляют ценность. Окна, которые не связаны с содержанием страницы, нарушают поток пользователя и могут вызывать раздражение. 

Что вы можете сделать, чтобы ваше всплывающее окно воспринималось как полезное предложение, а не как нежелательное прерывание? Вот несколько советов:

• Анализируйте контент страницы: Поймите основную тему и цель страницы, где будет появляться всплывающее окно. Настройте сообщение, чтобы оно дополняло или усиливало этот контент.
• Предлагайте соответствующие ресурсы: Предоставляйте всплывающие окна, которые предлагают дополнительные ресурсы или информацию, связанную с содержанием страницы. Например, если пользователь читает блог о стратегиях в социальных сетях, всплывающее окно с предложением бесплатного руководства по инструментам соцсетей будет уместным.
• Соответствуйте намерению пользователя: Учтите возможное намерение пользователя на странице. Например, если они находятся на странице с обзором продуктов, использование всплывающего окна для предложения скидки на этот продукт или похожие товары будет очень уместным.

2. Выберите подходящее время

Выбор времени для отображения всплывающего окна подписки на рассылку — еще один важный аспект, который необходимо учитывать. Исследования показывают, что показ всплывающего окна после 8 секунд пребывания человека на сайте увеличивает конверсии на 34.57% . Правило большого пальца говорит нам ждать как минимум 5 секунд. 

Однако лучше всего анализировать метрики сайта. Посмотрите, как долго посетители остаются на странице. Попробуйте публиковать всплывающие окна на страницах с самыми длинными сессиями. Как показано в исследовании Nielsen Norman Group, чем дольше пользователь остается на странице, тем больше он заинтересован. Это, в свою очередь, увеличивает шансы на взаимодействие с вашим всплывающим окном. 

Время, проведенное на странице, — это только один из триггеров. Вы также можете экспериментировать с всплывающими окнами при выходе. Посмотрите на страницы с самым высоким уровнем отказов и попробуйте добавить всплывающее окно, срабатывающее при выходе. Использование всплывающего окна подписки на рассылку вместе с триггером при выходе может помочь захватить посетителей, прежде чем они уйдут, и спасти 10-15% потерянных посетителей. 

Устанавливайте триггеры на основе поведения пользователей. Например, в Claspo вы можете задавать правила отображения, основываясь на глубине прокрутки. Допустим, у вас есть пост в блоге об инвестиционных стратегиях. Таким образом, всплывающее окно блога может появиться после того, как пользователь прокрутил определенный процент страницы и достиг конкретного раздела, отображая предложение, связанное с этим разделом.

3. Напишите цепляющий заголовок

Используйте слова или фразы, привлекающие внимание, чтобы возбудить любопытство и заставить посетителей захотеть узнать больше. Чтение в Интернете сильно отличается от традиционного чтения. Чтобы просеивать тонны информации, пользователи сканируют страницы в поисках того, что привлекает их внимание, включая заголовки и подзаголовки. 

Claspo упрощает вашу задачу. Наши шаблоны для всплывающих окон с электронной почтой уже содержат короткие, привлекательные заголовки, которые понравятся вашим посетителям сайта. Но вы можете легко изменить их так, чтобы они соответствовали тону вашего бренда.

Попробуйте этот шаблон

4. Предложите что-то взамен

Лид-магнит — это конкретная выгода, которую вы предлагаете потенциальным клиентам бесплатно в обмен на их электронные адреса. Это может быть скидка, полезная информация, небольшая бесплатная услуга (аудит, доставка), электронная книга, аналитическая записка и т.д. Покупатели любят бонусы; поэтому использование бесплатного лида-магнита во всплывающем окне с электронной почтой может увеличить эффективность всплывающего окна на 100%.

5. Создайте мощную кнопку CTA

Хороший текст для кнопки подобен мини-билборду на вашем экране — он должен быть ясным, лаконичным и убедительным, чтобы пользователи кликали по ней. 

Текст кнопки должен быть ориентирован на действия. Он должен сообщать пользователям точно, что произойдет при нажатии. Используйте глаголы такие как "Загрузить," "Начать," "Получить," или "Купить." Подчеркните, какую выгоду получат пользователи, нажав на кнопку. Рассмотрите использование слов "Сейчас" или "Сегодня" для временно ограниченных предложений или ограниченного количества, чтобы создать чувство срочности.  

Наконец, кнопка CTA должна быть четко видима на вашем всплывающем окне захвата электронной почты. Сделайте её выделяющейся, используя контрастные цвета и очистив пространство вокруг неё. CTA с большим количеством белого пространства могут повысить конверсии на 42%.

6. Работать над визуализацией

Привлекательный визуальный элемент захватит больше внимания ваших посетителей. Изображение в дизайне всплывающего окна с электронной почтой может помочь лучше отразить ваш бизнес, создать эмоциональную связь с потенциальными клиентами и генерировать больше лидов. Конкретно, изображение увеличивает подписки на электронную почту на 63%.

С Claspo вы можете добавить изображение в ваше всплывающее окно с электронной почтой тремя различными способами:

• Загрузить его с компьютера.
• Вставить ссылку на изображение. 
• Выбрать подходящее из нашего встроенного фотобанка.

Попробуйте этот шаблон

7. Настройте стиль всплывающего окна в соответствии с вашим брендом

Вы когда-нибудь замечали, как некоторые электронные всплывающие окна выглядят так, будто они случайно оказались на сайте? Чтобы избежать такого диссонанса, убедитесь, что ваши всплывающие окна органично вписываются в общий дизайн.

Это касается не только цвета и шрифтов. Учитывайте тон вашего бренда – то, как вы общаетесь со своими клиентами. Последовательный и увлекательный стиль повествования делает посетителей более довольными и склонными откликнуться на ваш призыв к действию.

Прежде чем нажать на "опубликовать" ваше электронное всплывающее окно, спросите себя: ощущается ли оно как часть моего сайта? 

8. Убедитесь, что всплывающее окно оптимизировано для мобильных устройств

Хотя большинство современных мобильных устройств имеют относительно большие экраны, они не сравнятся с настольными компьютерами. Учитывая ограниченное пространство, всплывающие окна, скорее всего, будут раздражать пользователей смартфонов. Что вы можете сделать? 

Во-первых, убедитесь, что электронное всплывающее окно имеет правильные размеры. Обычно рекомендуется использовать максимальную ширину около 320 пикселей и высоту, которая подстраивается под содержимое, но не превышает 50% высоты экрана. Далее, упростите ваше всплывающее окно. Например, в Claspo вы можете выбрать скрытие изображений на мобильных устройствах, делая ваше всплывающее окно более компактным. 

Убедитесь, что всплывающее окно не нарушает работу на мобильных устройствах. Google достаточно строг в отношении мобильных интерстициальных окон. Ваше всплывающее окно не должно блокировать основной контент на мобильном устройстве. Это дает вам несколько вариантов: задержка показа всплывающего окна, использование тизера, такого как лаунчер, или использование плавающей панели. 

Имея это в виду, Claspo предлагает функцию предпросмотра для ваших электронных всплывающих окон. Это позволяет вам увидеть, как они выглядят на настольных и мобильных экранах до публикации. Регулировка высоты и ширины также возможна, что гарантирует хорошую подгонку под макет любого устройства.

9. Не увлекайтесь полями ввода

Чем больше информации у вас есть о клиентах, тем более персонализированные предложения вы можете им представить. Некоторые владельцы бизнеса добавляют три или более поля ввода в одно электронное всплывающее окно, пытаясь получить всю возможную информацию. 

Это решение может обернуться против вас, так как статистика показывает, что каждое добавленное поле ввода снижает коэффициент конверсии. Всплывающее окно с 2 полями имеет средний коэффициент конверсии 3.31%. Тем временем, у всплывающих окон с 5 полями коэффициент конверсии составляет 0.81%.

Шаблоны всплывающих окон Claspo имеют оптимальное количество полей ввода для ваших конверсий. Вы можете добавить, удалить или заменить их непосредственно в нашем редакторе.

Попробуйте этот шаблон

10. Тестируйте различные версии формы всплывающего окна

A/B тестирование, также известное как сплит-тестирование, включает сравнение двух версий всплывающего окна, чтобы определить, какая из них работает лучше. Проведение исследований при создании формы для всплывающего окна электронной почты - это здорово, но теория - это одно, а практика - другое. Сплит-тестирование позволяет получить ценные инсайты о предпочтениях и поведении пользователей, что приводит к более эффективным и оптимизированным кампаниям по подписке на электронную почту. Вот три полезных совета для успешного проведения A/B тестов:

• Тестируйте одну переменную за раз: сосредоточьтесь на одном элементе, таком как заголовок или призыв к действию, чтобы выявить, что влияет на изменения производительности.
• Используйте достаточно большую выборку: убедитесь, что ваш тест проводится достаточно долго, чтобы собрать значимые данные для надежных результатов.
• Анализируйте и внедряйте выводы: внимательно просмотрите результаты теста и примените инсайты для оптимизации ваших всплывающих окон.

С Claspo провести A/B тестирование очень просто. Просто выберите виджеты, которые хотите протестировать, и начните эксперимент.

Как создать всплывающее окно для подписки на электронную почту с помощью Claspo

С Claspo создание настраиваемого всплывающего окна для захвата электронной почты - это очень просто. Разрабатывайте и запускайте потрясающие всплывающие окна в мгновение ока, экономя драгоценное время и ресурсы. Вот как это делается:

 

Шаг 1. Зарегистрируйтесь и начните создавать

Сначала вам нужно создать бесплатный аккаунт Claspo. Нажмите на кнопку New widget, чтобы начать строить всплывающее окно подписки.

Вы можете начать с нуля или использовать шаблон из нашей библиотеки. Мы рекомендуем второй вариант, так как он ускоряет и упрощает весь процесс. Наши шаблоны работают прямо из коробки, но продвинутые пользователи могут настроить HTML всплывающего окна для создания уникальных макетов.

Шаг 2. Выберите шаблон всплывающего окна для подписки на рассылку

На левой боковой панели вы найдете фильтры шаблонов. Выберите "Собрать электронные адреса" в разделе "Use Case" и макет "Pop-up". Вы также можете применить дополнительные фильтры, если хотите.

Шаг 3. Настройте ваш виджет

Это тот момент, когда ваше всплывающее окно для подписки на электронную почту начинает приобретать форму. Давайте настроим виджет вместе. Допустим, вы хотите, чтобы люди подписывались на вашу рассылку, используя этот шаблон:

Попробуйте этот шаблон

На левой боковой панели конструктора drag-and-drop у вас есть все компоненты, которые вы можете добавить в ваш всплывающий элемент. Допустим, вы хотите добавить поле для ввода имени человека. Наведите курсор на компонент, который вы хотите добавить, затем возьмите его и поместите в нужное место.

Теперь давайте изменим текст в соответствии с контекстом страницы. Дважды щелкните по заполнителю текста, чтобы отредактировать его. На правой боковой панели вы также можете настроить размер, шрифт, интервал и другие параметры. 

Пока что все выглядит хорошо. Предположим, вы хотите изменить используемую для закрытия всплывающего окна иконку, чтобы она гармонировала с остальной формой. Щелкните по иконке и выберите понравившийся стиль на правой боковой панели. Вы также можете изменить её размер и положение, если хотите.

Форма подписки готова, теперь давайте настроим формы успешного и ошибочного выполнения. Эти формы позволяют пользователям узнать, было ли их действие успешным, или требуется что-то исправить. Они делают веб-сайт более удобным, предотвращая разочарование и помогая пользователям завершать задачи. Эти формы также придают сайту более профессиональный вид, что помогает удерживать пользователей и делать их счастливыми.

Прокрутите вниз, и вы увидите три дополнительные формы: 

• Форма успешного выполнения 
• Форма для уже подписавшихся
• Форма ошибки

Вы можете изменять заголовки и текст, а также переименовывать кнопки, но, что самое главное, вы можете выбрать, что произойдет, когда пользователь нажмет на кнопку на всплывающем окне. 

Нажмите на кнопку, затем на правой боковой панели выберите "Общие" и настройте действие:

Вы можете сделать это для каждой дополнительной формы отдельно. 

Шаг 4. Просмотр виджета

Предположим, что вы завершили настройку. Давайте посмотрим, что у вас получилось. В правом верхнем углу вы увидите кнопку "Предварительный просмотр".

Приложение переключится в режим предпросмотра. Вы можете увидеть, как каждый попап будет выглядеть на десктопе и мобильных устройствах:

Если вы хотите внести изменения, просто вернитесь на шаг назад, нажав кнопку со стрелкой в верхнем левом углу.

Шаг 5. Выберите Триггер и Настройте Запуск

Мы закончили с дизайном. Теперь давайте подготовим вашу форму подписки на электронную почту к запуску. По умолчанию установлены правила отображения для обеспечения плавного пользовательского опыта. Попап появится через 20 секунд и один раз за сессию. Claspo применяет Интервал тишины, чтобы предотвратить перекрытие нескольких виджетов.

Но, конечно, вы можете изменить настройки отображения в соответствии с вашими целями. Нажмите «Редактировать» и выберите время отображения, местоположения, аудиторию и страницы, где должен появляться попап.

Шаг 6. Укажите, Куда Передавать Данные

Чтобы эффективно управлять и использовать собранные электронные письма и связанную информацию, интегрируйте Claspo с популярными приложениями, такими как Mailchimp, Pipedrive, HubSpot и т. д. Эта интеграция позволяет автоматически запускать кампании по электронной почте и безупречно добавлять потенциальных клиентов в вашу воронку продаж. Кроме того, подключив Claspo к Google Analytics, вы сможете анализировать, что работает в ваших маркетинговых кампаниях с попапами и оптимизировать их эффективность.

Нажмите «Готово», и ваш виджет готов!

Шаг 7. Установите Скрипт

Теперь вам нужно установить скрипт, чтобы показывать попапы на вашем сайте.

Существует несколько способов сделать это:

• Устанавливайте скрипт непосредственно в код на каждой странице, где вы хотите, чтобы появился попап.
• Получите плагин для Shopify.
• Скачайте плагин для форм подписки и попапов WordPress.
• Используйте Google Tag Manager для добавления виджетов в любую CMS.

Следуйте подсказкам на экране для получения подробных инструкций для каждого метода. Если вы столкнетесь с трудностями, не стесняйтесь обратиться к нашей команде, и мы поможем вам установить ваш скрипт.

После завершения проверьте, что скрипт работает правильно.

Если у вас есть вопросы, нажмите на значок чата в правом нижнем углу, и наша служба поддержки вам поможет. 

Итак, теперь, когда вы готовы создавать список адресов электронной почты, вы, возможно, задумываетесь о создании серии приветственных писем. Ознакомьтесь с нашей статьей на блоге о выборе подходящего шаблона письма «спасибо за подписку».

Используйте мощь всплывающих окон для электронной почты

Всплывающие окна для электронной почты — мощный инструмент для бизнеса, который стремится наладить связь с клиентами и увеличить количество подписок. Они могут помочь увеличить конверсии на сайте, создать теплую базу лидов и расширить клиентскую базу.

Ключевое значение имеет их стратегическое использование. Хорошо спроектированные всплывающие окна, которые предлагают ценность вашей целевой аудитории, с большей вероятностью будут восприниматься как полезные дополнения, а не как надоедливые прерывания. Мы надеемся, что приведенные выше примеры форм подписки на электронную почту помогли вам ориентироваться в том, как именно должны выглядеть ваши всплывающие окна для электронной почты.

Claspo предлагает простой и интуитивно понятный опыт, делая создание кастомизированных и увлекательных всплывающих окон проще, чем когда-либо. Самое главное, наши продвинутые правила срабатывания позволяют достичь вашей аудитории в нужный момент, максимизируя вовлеченность и конверсии. 

Создайте и опубликуйте всплывающее окно для электронной почты на вашем вебсайте без усилий с помощью Claspo. Зарегистрируйтесь для бесплатной учётной записи сегодня и получите пожизненный доступ бесплатно!