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

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

Зачем нужен новый шаблон?

Вот перечень основных причин:

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

• Редизайн сайта. В этой ситуации необходим пересмотр шаблонов и приведение их к стандартам нового фирменного стиля.

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

• Добавление новых элементов. Технологии не стоят на месте: то, что вчера было актуальным, сегодня уже пора менять. Если хотите идти в ногу со временем и отправлять АМП-письма, придется оптимизировать шаблон. Но игра стоит свеч! Такие элементы в рассылках пока редкость, и это хороший шанс выделиться среди конкурентов.

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

• Добавление писем нового типа. Например: компания использовала только триггеры, а теперь решила отправлять еще и проморассылки.

Что такое мастер-шаблон

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

1. Хедер.

2. Баннеры.

3. Заголовки.

4. Текстовые блоки.

5. Кнопки СТА.

6. Карточки товара.

7. Соцсети.

8. Футер.

9. Ссылка "Отписаться" и обязательная фраза о причине отправки email.

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

Тот самый, первый шаблон

Хотите создать первое письмо в eSputnik, но не слишком близко знакомы с тонкостями верстки и не знаете с чего начать? Мы сделаем мастер-шаблон для email-рассылки бесплатно! Он будет отвечать всем необходимым критериям:

• Адаптивность;
• Лучшие практики в оформлении;
• Соответствие стилю вашего сайта.

При подаче заявки на создание бесплатного шаблона письма необходимо сообщить:

1. Название вашего аккаунта в eSputnik.

2. В стиле какого сайта он должен быть сделан (ссылка на сайт, если есть - макет в формате psd).

3. Желаемую структуру письма.

4. Кому будут адресованы рассылки: как были получены эти емейл-адреса? Как и когда давали согласие контакты из списка на получение писем от компании?

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

Мы проверяем, чтобы шаблон html письма для рассылки корректно отображался во всех почтовых клиентах, операционных системах и на разных устройствах, включая мобильные и десктопные варианты. Для проверки используются Litmus или Email on Acid.

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

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

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

Примеры бесплатных шаблонов от eSputnik

Структура шаблона письма

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

Шапка письма или хедер обычно включает лого, меню со ссылками на основные разделы сайта, контактную информацию и соцсети. Последние два пункта – факультативно. Они могут быть и в футере. Пример хедера:

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

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

Виды адаптивных шаблонов в eSputnik

Если вы хотите сделать адаптивное письмо в редакторе eSputnik, воспользуйтесь встроенными шаблонами, все они поддерживают эту функцию. Найти их можно в аккаунте → выбрать “Сообщения” в меню → подпункт “Сообщения” → кнопка “Создать Email”.

1. Базовые шаблоны

Вы попадете на страницу с шаблонами, которые предназначены для быстрого создания основных триггеров и промописем:

Выбирайте подходящий и редактируйте, отталкиваясь от инфоповода и контента.

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

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

• Информационное письмо. Есть новости для подписчиков? Или нужно оповестить коллектив о нововведениях и достижениях компании? Смело используйте этот шаблон письма!

• eCommerce письмо. У вас интернет-магазин? Этот шаблон электронного письма можно взять за основу ваших рассылок! Не забудьте придать ему фирменный стиль и наполнить актуальным контентом.

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

• Дайджест. Хотите рассказать обо всем и понемногу? Выбирайте такой вариант шаблона для email-рассылки:

• Брошенная корзина – один из самых конверсионных триггеров для интернет-магазинов. Чтобы облегчить вам задачу с его внедрением, шаблон мы уже подготовили! Он уже адаптивный, осталось только добавить элементы вашего фирменного стиля:

• Брошенный просмотр – письмо, напоминающее о вашем магазине и о товарах, которые потенциальный покупатель, увлекшийся серфингом в сети, так и не положил в корзину. Может, он о них забыл? Или не нашел, вернувшись на сайт? Что ж, брошенный просмотр ему напомнит. Шаблон для такого письма уже есть в системе eSputnik. Кроме тех товаров, которые посетитель посмотрел на сайте магазина, мы предлагаем добавить рекомендационный блок:

• Велком-письмо этот шаблон можно использовать для приветственной серии и благодарственных писем:

• А если у вас уже есть готовый html-шаблон, выберите последний вариант “Отправить свой html” и вставьте собственный код. Это можно сделать и в том случае, если вы нашли подходящий шаблон в сети и хотите его использовать в eSputnik.

2. Тематические шаблоны

В этом разделе собраны 300+ примеров писем, которые сгруппированы по инфоповодам и типу бизнеса.

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

Правда, есть одно уточнение: чтобы отправлять письма с AMP-контентом, нужно сначала подать заявку и дождаться ее утверждения. Детальнее про АМП мы писали здесь.

Как сделать адаптивными структуры и контейнеры?

Задавать параметры адаптивности можно для каждой структуры

или для каждого изображения

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

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

К примеру, нужно скрыть пункт меню “Акции”. В параметрах блока находим его и функцию “Скрытие элемента”, кликаем “На мобильном”. Возле элемента появился значок с перечеркнутым глазом – значит, получатели, открывшие письмо на мобильном, пункт “Акции” не увидят:

Важные действия при работе с шаблонами

Независимо от того, где был взят шаблон (найден в сети, взят из библиотеки шаблонов eSputnik, специально создан профессиональным верстальщиком или по заявке – сотрудниками нашего ESP), перед отправкой письма на его основе, проверьте следующее:

• имя отправителя;

• тему;

• прехедер;

• ссылки, в том числе под изображениями;

• альт-тексты;

• контактную информацию;

• наличие обязательной фразы о том, почему получателю отправлена эта рассылка;

• возможность отписаться;

• логотип.

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

Редизайн – свежий взгляд на емейл-рассылку

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

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

Успешные примеры редизайна шаблонов

Редизайн шаблона для компании Highprofileclub (до и после):

Подведем итоги?

Шаблон письма можно найти:

• в ЕСП;

• в открытых источниках;

• на платных сервисах;

• заказать дизайнеру и верстальщику;

• сделать самостоятельно.

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

Перед первой рассылкой не забудьте тщательно проверить ваше письмо:

1. На правильность ссылок,

2. Соответствие фирменному стилю, 

3. Актуальность контактной информации, 

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

Библиотека шаблонов в eSputnik будет пополняться, следите за анонсами и обновлениями!