Как быстро собирать красивые письма

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

Базово в письмах важны:

1. Единый стиль, который визуально соответствует компании-отправителю.
2. Типографика, которая не заставляет читателя напрягаться.
3. Адаптивность. Письмо можно легко прочитать на любом устройстве.

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

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

Готовить письма можно по-разному — всё зависит от возможностей, команды и бюджета.

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

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

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

Вариант второй: сами в конструкторе. Если имейл-маркетинг ещё на старте или нужно быстро собрать простое хорошее письмо.

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

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

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

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

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

На примере блочного редактора Mailganer рассказываем, как эффективно работать с готовыми блоками и целыми строками.

Блок — один элемент контента.

Заголовок, текст, картинка, кнопка, иконки и другие элементы — разные блоки. Они находятся в разделе «Содержимое»:

По клику на блок справа на панели открываются его свойства. Для каждого типа блока — свои.

Строка — полоса, которая содержит в себе несколько блоков.

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

Пример вёрстки письма, состоящего из строк:
Первая строка = логотип, шапка и баннер с заголовком и кнопкой.
Вторая строка = основной текст письма с подзаголовками.
Третья строка = товарный блок с нужной сеткой (одна-две-три колонки).
Четвёртая строка = подвал с соцсетями, кнопкой отписки и веб-версией.

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

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

Вот некоторые из готовых полос, которые уже есть в библиотеке Mailganer:

Блочный редактор → Строки → Готовые

Чтобы добавить строку в письмо, перетащите её в рабочее поле редактора.

Далее вы можете отредактировать содержимое: изменить свойства строки, любой из элементов, добавить новые блоки и т. д.

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

После этого строка появится в разделе «Сохранённые»:

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

Не обязательно заказывать мастер-шаблон целиком — всегда можно запросить несколько блоков под свои задачи.