перейти к содержанию
Главная » Email-маркетинг » 6 примеров всплывающих окон электронной почты с высокой конверсией, на которых можно учиться

6 примеров всплывающих окон электронной почты с высокой конверсией, на которых можно учиться

6 примеров всплывающих окон электронной почты с высокой конверсией, на которых можно учиться

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

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

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

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

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

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

Наиболее эффективные всплывающие окна с электронными письмами показывают конверсию около 10%. Это очень позитивный показатель для любого малого онлайн-бизнеса.

Источник: Сумо

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

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

Создание всплывающего сообщения электронной почты с высокой конверсией

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

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

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

Сосредоточьтесь на стимуле

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

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

Речь идёт не просто о предоставлении поощрений; важно использовать их в своих интересах. Один из основных способов сделать это — использовать психологию иерархии.

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

Предполагаемый эффект - сделать его более неотразимым, и это чаще всего срабатывает.

Например, если вы предлагаете новым посетителям 10% скидку на приветственное всплывающее окно, то надпись «10% скидка» должна быть одним из наиболее заметных элементов во всплывающем окне.

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

Предоставить контекст

Контекст просто заставляет ваше всплывающее окно появляться для правильной цели и намерения.

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

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

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

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

Используйте всплывающие окна в соответствии с вашей воронкой продаж

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

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

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

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

Найдите время

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

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

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

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

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

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

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

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

Используйте блестящий и фирменный дизайн

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

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

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

Ваши цвета, изображения, шрифты и макет должны правильно представлять ваш бренд.

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

Оптимизируйте свою копию

Текст вашего всплывающего окна должен быть ориентирован на две вещи: нетерпение пользователей и их потребность в ценности.

Продолжительность концентрации внимания у человека очень коротка, а у всплывающего окна — ещё короче.

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

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

Ещё одно важное преимущество всплывающего текста (да и любого текста в целом) — это прозрачность. Пользователи не любят, когда их застают врасплох.

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

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

Оптимизируйте свой призыв к действию

Эффективная кнопка призыва к действию всегда выделяется на фоне дизайна. Но, конечно же, в приятном контрасте.

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

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

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

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

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

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

6 примеров электронных писем с высокой конверсией

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

Следует отметить, что во всех этих примерах коэффициент конверсии составлял не менее 5%, и все они основаны на реальных примерах. Это означает, что в них использовались принципы высокой конверсии, которые действительно применимы на практике.

Кроме того, вы заметите, что эти всплывающие окна появляются по-разному. Это стоит учитывать, если вы еще об этом не знаете.

Хотя я не буду вдаваться в подробности всех способов появления всплывающих окон, наиболее распространенными и популярными являются следующие:

  • Всплывающие окна лайтбоксов: Это ваши «обычные» всплывающие окна, которые закрывают часть экрана, а остальную часть остаются полупрозрачными.
  • Полноэкранные всплывающие окна: Они покрывают всю страницу и часто используются как приветственные коврики или всплывающие окна для новых записей.
  • Нажмите «Всплывающие окна»: Они появляются только после того, как пользователь нажал кнопку или панель CTA.
  • Поля прокрутки: Обычно они появляются в виде менее навязчивого поля в небольшом разделе вашей страницы, часто срабатывают в сообщениях блога после того, как пользователь прокрутил до определенного места в сообщении.
  • Умные бары: Они появляются в самом низу или вверху страницы и постоянно остаются на экране. Обычно они парят и остаются видимыми на своем месте, пока пользователь прокручивает веб-сайт.

Таким образом, у вас есть несколько вариантов на выбор, и хотя «лучший» выбор обычно зависит от вашего усмотрения (или стратегии тестирования), полезно знать, что, согласно исследованию Sumo, всплывающие окна, появляющиеся при клике, показали самые высокие показатели конверсии по сравнению с большинством других вариантов.

Источник: Сумо

Причина? Они были наименее навязчивыми и основывались на решении пользователя.

Итак, давайте теперь рассмотрим примеры всплывающих окон с высокой конверсией в электронных письмах:

Скрещенный канат

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

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

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

Однако можно сказать наверняка, что коэффициент конверсии бренда в этом всплывающем окне составил 13.71%.

Что заставляет это всплывающее письмо генерировать высокие конверсии?

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

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

Ещё один удачный приём во всплывающем окне — это изображение. Активное изображение людей, занимающихся спортом, прыгая через скакалку и выглядящих при этом счастливыми, олицетворяет всё, к чему стремится целевая аудитория Crossrope.

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

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

Слова «Я бы предпочёл не заниматься спортом» способны вызвать чувство вины даже у самых убеждённых любителей фитнеса и заставить их нажать на кнопку «Да».

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

Lilach Баллок

Это всплывающее окно — приветствие для тех, кто впервые посещает сайт Лилах Буллок.

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

Что заставляет это всплывающее окно работать?

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

CTA - самая заметная вещь во всплывающем окне, чему очень помогают яркие и контрастные цвета.

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

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

И это подтвердилось: 5.09% посетителей, впервые попавших на сайт, перешли на сайт.

Помощь Scout

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

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

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

Именно это и делает всплывающее окно от Help Scout.

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

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

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

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

Социальное доказательство всегда будет влиять на людей, поэтому число 251,101 XNUMX читателя довольно убедительно.

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

Backlinko

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

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

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

Заполнение формы электронной почты будет казаться сравнительно небольшой платой за такую ​​ценность.

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

Что заставляет это всплывающее окно работать?

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

Основные моменты проработаны правильно. Призыв к действию (CTA) хорошо различим благодаря контрастному цвету, а текст прямой и лаконичный. Слово «Эксклюзив» также служит тонким сигналом, создавая у пользователей ощущение, что им обещают что-то особенное.

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

Нил Штраус

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

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

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

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

Так что же сделало это конкретное всплывающее окно таким эффективным?

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

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

Источник: Sleeknotes

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

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

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

Это просто говорит о том, что ваша общая маркетинговая стратегия и отношения с потребителями важны для ваших электронных писем.

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

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

вертеться

Это всплывающее окно, предлагающее скидку 10% новичкам в этом магазине модной электронной коммерции.

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

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

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

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

Дизайн простой и эффективный, классический черно-белый, который делает скидку и CTA заметными.

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

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

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

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

Распространено мнение, что чем меньше полей в форме, тем выше вероятность конверсии. Большее количество полей в форме воспринимается пользователями как утомительное и отталкивающее.

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

Источник: Sleeknotes

Обоснование использования нескольких полей заключается в сборе более релевантных данных для более эффективной стратегии персонализации.

В заключение

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

Для эффективной генерации лидов и успешного проведения email-маркетинговой кампании вам необходим хороший веб-сервис, например, конструктор сайтов , который может интегрироваться с email-сервисом, таким как ваша служба рассылки электронных писем, чтобы оптимизировать процесс генерации и развития лидов. Однако этот эффективный процесс не будет готов к высокой конверсии, пока вы не проведете A/B-тестирование своих элементов и стратегий.

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

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

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

Предпочитаемый источник Google

Вам понравилось это руководство? Смотрите больше подобных материалов. Webnus в гугле

Добавить Webnus Если вы выберете наш источник в качестве предпочтительного, наши статьи будут чаще появляться в вашей подборке «Главные новости Google».

Добавить в качестве предпочтительного источника

Вафа Махмуди

Вафа — менеджер по цифровому маркетингу в компании [название компании]. Webnus Обладая 13-летним опытом работы в сфере цифрового маркетинга и 15-летним опытом работы в экосистеме WordPress, он специализируется на SEO, контент-стратегии и развитии продуктов WordPress, таких как... Modern Events Calendarпомогая компаниям улучшать свое присутствие в интернете и успешно проводить мероприятия с помощью инновационных решений. Свяжитесь с Вафой в LinkedIn.