Конструкторы писем: 18 классных сервисов для создания email

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

Плюсы:

• вы получаете адаптивное письмо, которое будет хорошо смотреться и на мобильном, и на десктопе, без знания кода;
• экономите время на вёрстке и деньги на верстальщике (хотя за некоторые сервисы тоже нужно платить).

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

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

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

Обзор конструкторов для создания писем

Какие сервисы попали в подборку:

Stripo

Функции:

• 350 адаптивных шаблонов, в том числе с поддержкой AMP.
• Все необходимые блоки, чтобы собрать письмо с нуля: текст, изображение, разделитель, кнопка, социальные сети, видео, гифки, таймер, карусель, аккордеон, AMP-блоки.
• Готовые модули: хедеры, футеры, баннеры, инфо модули, карточки товаров.
• Автозаполнение карточек товаров из интернет-магазина.
• HTML-редактор.
• Редактор изображений.
• Настройка показа контента в зависимости от размера экрана (какие элементы показывать, а какие скрывать на десктопе и смартфоне).
• Создание и сохранение собственных блоков и модулей в личной библиотеке.
• Предварительный просмотр письма (моделирует экраны десктопа и смартфона).
• Отправка текстовых писем (бесплатно 5 адресов).

Topol

Функции:

• 100 адаптивных шаблонов.
• Все необходимые блоки, чтобы собрать письмо с нуля: текст, изображение, разделитель, кнопка, социальные сети, видео, гифка, динамический контент.
• Возможность добавлять HTML-код в виде блока.
• Создание и сохранение собственных блоков.
• Редактор изображений.
• Настройка отображения контента в зависимости от размера экрана (какие элементы показывать, а какие скрывать на десктопе и смартфоне).
• Предварительный просмотр письма (моделирует экраны десктопа и смартфона).
• Отправка тестового письма на один адрес.
• Разработка шаблона в команде.
• Экспорт в виде HTML-кода или в Mailchimp.

BEE Free

Функции:

• Более 200 адаптивных шаблонов.
• Все необходимые блоки, чтобы собрать письмо с нуля: текст, изображение, разделитель, кнопка, социальные сети, видео, гифки, стикеры.
• Возможность добавлять HTML-код в виде блока.
• Редактор изображений.
• Настройка отображения контента в зависимости от размера экрана (какие элементы показывать, а какие скрывать на мобильном и десктопе).
• Разработка шаблона в команде.
• Предварительный просмотр письма (моделирует экраны десктопа и смартфона).
• Отправка тестового письма на любое количество адресов.
• Экспорт в виде HTML-кода или в сервис для рассылок.

Mosaico

Функции:

• Два набора модулей для создания письма.
• Редактор изображений.
• Предварительный просмотр письма (моделирует экраны десктопа и смартфона).
• Отправка тестового письма на один адрес.
• Экспорт шаблона в виде HTML-кода.

Tilda

Функции:

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

Postcards

Функции:

• Более 100 готовых модулей.
• Поддержка Google Fonts, экранов Retina.
• Возможность редактировать письмо в команде.
• Предварительный просмотр письма (моделирует экраны десктопа и смартфона).
• Отправка тестового письма на один адрес.
• Экспорт в виде HTML-кода или в сервис рассылки.

UniSender

Функции:

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

EmailFactory

Функции:

• 27 адаптивных шаблонов.
• Готовые модули для создания письма: хедер, футер, новости, картинки, текст, меню, карта, люди, клиенты, промо.
• Автозаполнение информации с сайта. При первом входе находит на сайте логотип, корпоративные цвета, контакты, ссылки на социальные сети и другие общие данные. Сохраняет их и потом автоматом добавляет в выбранный блок.
• Редактор изображений.
• Автозаполнение карточек товаров из интернет-магазина.
• Автозаполнение новостной ленты из социальных сетей.
• HTML-редактор.
• Возможность создавать и сохранять свои блоки.
• Совместная работа над шаблоном (до 10 человек).
• Предварительный просмотр письма (моделирует экраны десктопа и смартфона).
• Отправка тестового письма на 3 адреса.
• Экспорт в виде HTML-кода или в сервис рассылки.

MakeMail

Функции:

• 20 адаптивных шаблонов.
• Все необходимые блоки, чтобы собрать письмо с нуля: текст, изображение, разделитель, кнопка, социальные сети.
• HTML-редактор.
• Доступ к базе рассылок известных брендов.
• Предварительный просмотр письма (моделирует экраны десктопа и смартфона).
• Тестирование отображения письма в почтовых клиентах Яндекс.Почта, Mail.ru, Outlook 365, Gmail и на Android.
• Отправка тестового письма на 3 адреса.
• Возможность скопировать готовый HTML-код.

Chamaileon

Функции:

• 170 адаптивных шаблонов. Адаптация под 54 почтовых клиента, включая все версии Outlook и Gmail, а также смартфоны.
• Все необходимые блоки, чтобы собрать письмо с нуля: текст, изображение, разделитель, кнопка, социальные сети.
• Возможность добавлять HTML-код в виде блока.
• Создание и сохранений собственных блоков.
• Возможность импортировать свой шаблон.
• Редактор изображений.
• Настройка отображения контента в зависимости от размера экрана (какие элементы показывать, а какие скрывать на десктопе и смартфоне).
• Разработка шаблона в команде.
• Предварительный просмотр письма (моделирует экраны десктопа и смартфона).
• Отправка тестовых писем.
• Экспорт в виде HTML-кода или в сервис рассылки.

Сравнительная таблица сервисов

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

Напоследок предлагаю ещё несколько сервисов, которые сэкономят время и силы при создании письма, особенно если вы не разбираетесь в HTML-коде.

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

Найти подходящий шаблон

Есть бесплатные и платные варианты.

Добавить таймер обратного отсчета

MotionMail. Поможет создать в письме анимированный таймер. Цена зависит от количества просмотров таймера. Есть бесплатный тариф.

Ускорить загрузку письма

TinyPNG. Сжимает изображения JPEG и PNG без потери качества. Поможет сократить общий размер письма и ускорить его загрузку.

HTML compressor. Сжимает готовый код.

Изменить ссылки

Map Linker. Поможет ускорить работу, если приходится часто менять в письмах ссылки. Находит все ссылки и выводит их отдельным списком. Остаётся только заменить нужные.

Протестировать письмо

Litmus и PutsMail покажут, как отобразится рассылка на разных устройствах, в разных браузерах и почтовых клиентах. Litmus предлагает 90 платформ и устройств, а PutsMail всего 50. Зато PutsMail доступен бесплатно, а Litmus стоит от 79$ в месяц.

Поделиться письмом в соцсетях

Email Sharing. Создает код для шаринга в соцсетях. Позволяет задать изображение, тему и описание, указать ссылку. Есть предпросмотр.