Как создать красивое email-письмо с помощью мастер-шаблона Stripo: 5 простых шагов

Привет, маркетологи и немаркетологи! На связи Лилит из enKod’а 👩🏽‍💻

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

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

Что такое Stripo?

Stripo — это платформа для создания шаблонов email-писем. Она позволяет быстро собирать письма с использованием встроенных блоков и легко переносить их в сервисы для рассылок. 

Особенности Stripo:

• много готовых шаблонов на все случаи жизни;
• возможность адаптации писем под мобильные устройства;
• поддержка технологий для создания интерактивных писем 一 AMP;
• интеграция с популярными ESP/CDP для экспорта шаблонов. 

Почему мастер-шаблон?

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

Создаётся мастер-шаблон согласно классической структуре емейл-письма и сдержит: 

• прехедер: тема письма;
• хедер: шапка письма; 
• контент: тело письмо;
• футер: подвал письма.

Структура email-письма

Преимущества использования мастер-шаблона:

1. Удобство: не нужно создавать каждый раз новый дизайн.
2. Единый стиль: все письма соответствуют фирменному стилю.
3. Экономия времени: упрощается процесс адаптации шаблона под разные кампании — не нужно каждый раз верстать письма с нуля.
4. Стабильность: снижение риска ошибок, связанных с дизайном или структурой — можно не переживать, что письмо «поплывёт».

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

В enKod интегрирован модуль Stripo для создания email-писем. Рассмотрим на его примере, как пошагово создать мастер-шаблон.

Инструкция по созданию писем через мастер-шаблон Stripo

Шаг 1. Создайте письмо 

1. В разделе «Рассылки» выберите «Сообщения» → «Новое сообщение» → «Сообщение». 
2. В открывшемся окне выберите «Email».
3. Затем выберите предпочитаемый способ отправки и нажмите «Далее».
4. Откроется «Мастер создания сообщения», где нужно нажать на «Выбрать» и «Редактор Stripo» 一 как на скрине.

Создание письма в enKod

Шаг 2. Сделайте дизайн мастер-шаблона

1. В открывшемся окне «Редактор Stripo» выберите вкладку «Контент».  Из раздела «Блоки» перетащите необходимый блок в структуру письма. 
2. Для добавления логотипа в хедер письма нажмите на иконку слева под текстом «Бросьте контент сюда» и перетащите нужный файл 一 как показано на скрине.
3. Затем для размещения логотипа посередине удалите«Контейнер» в структуре.
4. Хедер готов! 

Создание структуры мастер-шаблона Stripo

Теперь приступим к дизайну тела письма:

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

 Настройте стиль под ваш бренд

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

Используйте готовые блоки контента

Stripo предоставляет набор предустановленных блоков, таких как:

• Заголовки.
• Тексты.
• Изображения.
• Кнопки призыва к действию (CTA).

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

Дизайн мастер-шаблона в Stripo

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

1. Нажать на «Выбрать шаблон» в «Мастере создания сообщения».
2. Выбрать один из доступных шаблонов. 
3. Нажать на «Открыть в редакторе Stripo».
4. Изменить шаблон по желанию и нажать «Применить» 一 как показано на скрине.

Готовые шаблоны писем в Stripo

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

Шаг 3. Адаптируйте под мобильные устройства

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

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

Шаг 4. Тестируйте

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

• на разных устройствах (смартфоны, планшеты, компьютеры).
• в разных почтовых клиентах (Gmail, Outlook, Яндекс.Почта и др.).

enKod предоставляет инструменты для отправки тестового письма и предпросмотра, что делает этот процесс проще.

Тестирование мастер-шаблона

Шаг 5. Сохраните мастер-шаблон

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

1. Сохраните его как черновик.
2. Копируйте черновик при создании писем в последующем. 

Сохранение мастер-шаблона

Полезные советы для создания красивых писем

• Отдавайте предпочтение минимализму: не перегружайте письмо текстом или изображениями.
• Обязательно добавьте в письмо призыв к действию (CTA) 一добавляйте один чёткий CTA, например, «Узнать больше», «Купить сейчас» или другие.
• Тестируйте мастер-шаблон на разных устройства и в разных почтовых сервисах, чтобы исключить последующие искажения/ошибки в письмах.
• Сделайте письма персонализированными: используйте имя клиента или другую информацию, чтобы письмо казалось личным.
• Учтите, что текст и визуал должны дополнять друг друга, а не конкурировать.

Заключение

Полезные советы для эффективного CRM-маркетинга ждут вас в нашем Telegram-канале =)