Примеры писем для подписчиков, которые улучшат email-опыт

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

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

## Что такое письмо для подписчиков?

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

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

## Почему письма для подписчиков важны?

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

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

## 5 отличных примеров писем для подписчиков

### Пример 1: Приветственное письмо

Приветственное письмо от Zoës Kitchen для их программы лояльности кратко описывает, как люди зарабатывают баллы — через приложение или в магазине. Затем оно побуждает подписчика сделать заказ.

Хотите отправить приветственное письмо? Начните здесь.

### Пример 2: Пример письма ко дню рождения

Письма с днем рождения — одни из самых распространенных писем для подписчиков. Один из способов выделиться во входящих — отправлять поздравления до наступления самого дня.

Outdoor Voices поздравляет своих подписчиков с «половиной» дня рождения, отправляя им письмо с промокодом до наступления важной даты, показывая подписчикам, что компания думает на опережение. Затем, в сам день рождения, они отправляют еще одно письмо, также с промокодом.

Хотите отправить письмо с днем рождения? Начните здесь.

### Пример 3: Пример письма к годовщине

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

Хотите отправить письмо к годовщине? Начните здесь.

### Пример 4: Пример письма после покупки

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

Хотите отправить письмо после покупки? Начните здесь.

## Бесплатные шаблоны писем для подписчиков

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

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

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

## Общие советы по дизайну шаблонов для адаптации под ваш бренд

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

### Познакомьтесь с дизайн-сеткой

Есть ресурсы для дизайна? Хотите создавать макеты в дизайн-приложении (например, Figma или Sketch) перед тем, как вносить изменения в шаблоны писем? Начните с понимания деталей сетки, на которой были созданы эти письма.

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

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

### Создайте версии изображений для темного режима

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

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

### Обновляйте письма фирменными изображениями

Все изображения в шаблонах писем мы взяли с бесплатного фотостока Pexels. Unsplash — еще один сайт, который нам нравится благодаря обширной коллекции бесплатных изображений.

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

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

### Уменьшайте размер файлов изображений

Чтобы ваше письмо не было слишком тяжелым, сожмите все графики, которые планируете использовать. Есть несколько бесплатных онлайн-инструментов для сжатия изображений, таких как tinypng, tinyjpg или ezgif. (Наш любимый инструмент для сжатия — ImageOptim).

## Общие советы по кодированию шаблонов писем для подписчиков

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

Вот еще несколько полезных советов:

### Используйте веб-безопасный шрифт

Мы использовали Trebuchet MS в качестве шрифта по умолчанию для этих писем. Trebuchet поддерживается на 99,67% в Windows и на 97,12% в Mac. Вырвитесь из стандартной спирали Arial или Helvetica без сложностей с веб-шрифтами (минимальная поддержка и необходимость дополнительного кодирования), выбрав веб-безопасный шрифт с хорошей поддержкой.

### Освойте эффекты при наведении (hover)

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

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

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

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

### Обратите внимание на двухколоночные блоки для мобильных устройств

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

Это создает два типа блоков: стандартный и обратный.

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

В обратных блоках контент слева идет вторым в коде и окажется снизу при отображении:

Убедитесь, что вы обновляете правильный блок контента, чтобы ваши блоки выстраивались нужным образом на мобильных устройствах. Подсказка: Обратные строки обозначаются в коде как dir=»rtl» (направление справа налево), так как правый блок будет располагаться поверх левого на мобильном. Шаблоны приветственного письма и письма для повторного вовлечения используют как стандартное, так и обратное наложение контента, так что будьте внимательны!

## Конкретные рекомендации для каждого шаблона письма

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

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

### Шаблон приветственного письма

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

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

Хотя я не верю в линию сгиба (я верю в СКРОЛЛ!), верхняя часть письма (hero-секция) невероятно важна. Это первое, что ваши подписчики увидят в письме от вашего бренда. Сделайте так, чтобы это имело значение.

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

Темный режим с прозрачным PNG дает вам возможность изменить цвет фона с помощью медиа-запросов, так что вы можете создать любой из вариантов, показанных в примере ниже. Использование JPG ограничивает вас вариантом справа.

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

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

Смотрите пример эффекта затухания в светлом режиме с прозрачным PNG (слева) по сравнению с JPG (справа):

Как только вы привлечете внимание подписчиков визуальными элементами, удержите его impactful кнопкой призыва к действию (CTA).

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

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

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

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

### Шаблон письма ко дню рождения

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

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

### Шаблон письма к годовщине

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

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

### Шаблон письма для оценки и отзыва

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

Мы адаптировали шаблон письма для оценки и отзыва для продукта или услуги — но вы можете легко использовать его для запроса отзыва о рассылке или в качестве письма для расчета индекса лояльности (NPS). Подумайте о том, чтобы отправлять такой тип письма каждый квартал, чтобы получать постоянную количественную обратную связь, значимую для вашей стратегии email-маркетинга.

При работе с кодом этого шаблона письма убедитесь, что вы присваиваете правильный URL правильной звезде. Эффект постепенного выделения звезд создается с помощью HTML-символов звезд, псевдоселекторов и атрибута dir. (Таким образом, первая звезда, которая появляется в письме, управляется последней звездой в коде.) Мы добавили комментарии, чтобы помочь вам правильно добавить URL, но вот как это выглядит визуально:

`

`

****

★****

★****

★****

★****

★

HTML выше выделен цветом, чтобы вы могли видеть, какой фрагмент кода соответствует какой звезде на скриншоте письма ниже:

В качестве интерактивной шкалы оценок он отлично работает в паре с инструментом для опросов, таким как SurveyMonkey или GetFeedback.

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

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

★ ★ ★ ★ ★

Затем используйте отслеживание кликов из вашей системы email-рассылок (ESP), чтобы отследить, по какой оценке был совершен клик. Легко!

### Шаблон письма для повторного вовлечения

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

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

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

### Шаблон письма в формате простого текста

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

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

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

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

## Используйте эти шаблоны, чтобы завоевать своих подписчиков

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