Обзор сервисов, в которых можно верстать письма без HTML в 2022 году

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

В 2022 году российский рынок email-маркетинга перенёс встряску: из страны ушли некоторые платформы и сервисы, в том числе Stripo — популярный конструктор писем с тысячей адаптивных шаблонов.

Мы подготовили обзор, в котором рассказываем, чем заменить Stripo. В статье говорим про специализированные сервисы сборки писем и маркетинговые платформы, где сборка писем — дополнительный функционал.

Читайте также

Что такое зерокодинг, какие перспективы у этой технологии

Специализированные сервисы

Рассмотрим сервисы, где сборка писем является основным функционалом.

EmailMaker

Количество шаблонов: 2, в ближайшее время станет больше.

Бесплатная версия: все функции сервиса работают бесплатно без ограничений.

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

конструктор писем email maker
EmailMaker не будет вносить негативных изменений в код,
в отличие от подобных ему конструкторов писем

Среди других преимуществ конструктора EmailMaker:

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

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

Полный обзор сервиса и видеогид по функциям вы найдёте на ютуб-канале EmailMaker и на сайте конструктора.

Красиво сверстаем ваши письма

Дизайн и вёрстка email-рассылок

Letteros

Количество шаблонов: 18.

Бесплатная версия: одно бесплатное письмо в месяц.

Среди полезных функций Letteros — проверка ссылок внутри писем, создание превью письма на разных устройствах и экспорт писем в форматах HTML, EML или ZIP-архива.

В drag-and-drop-редакторе из готовых блоков можно создать собственный шаблон с нуля. Блоки можно редактировать.

блоки редактора писем
Блочный редактор drag-and-drop в Letteros

Прямо в редакторе доступна функция проверки орфографии, кода и адаптивности письма.

Читайте также

HTML-вёрстка писем — полная инструкция

Topol.io

Количество шаблонов: 135.

Бесплатная версия: скачивать бесплатные шаблоны можно, если не превышать 5 Гб в месяц. После взимается плата за трафик.

Интерфейс Topol.io — англоязычный без возможности перейти на русскую версию.

Шаблоны не разделены тематически. Скроллите список шаблонов вниз и выбираете тот, который нужен. Чтобы изменить, нажимаете Edit Template.

блочный редактор писем
Переход в редактор шаблонов

Откроется редактор. В нём можете менять контент, структуру, дизайн ссылок, шрифты, добавлять HTML-код для кастомных элементов. Тут же можно проверить, как выглядит письмо на смартфоне или десктопе.

адаптивность
Редактор готовых шаблонов Topol.io

Когда работа с шаблоном завершена, его можно скачать на компьютер — в ZIP-архиве, внутри которого есть HTML-код и изображения, либо в виде файла с расширением .html.

конструктор писем загрузка шаблона
Экспорт шаблона

Если надо получить HTML-код без скачивания, нажмите HTML в разделе Export Options, откроется окно. Скопируйте код.

конструктор писем код
Код шаблона из интерфейса Topol.io

Если настроена интеграция с маркетинговыми платформами, отправить шаблон можно прямо туда.

интеграции
Отправка шаблона на маркетинговую платформу

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

конструктор писем topol io
Создание шаблона с нуля в Topol.io

Маркетинговые платформы

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

Каждый конструктор писем из рассмотренных ниже доступен и бесплатно.

Unisender

Количество шаблонов: 100.

Бесплатная версия: до 1 500 писем и до 100 контактов.

Шаблоны поделены на тематические категории: «‎Праздники‎», ‎‎e-commerce‎‎, «‎‎Рестораны‎», «‎‎Чёрная пятница‎» и другие.

конструктор писем шаблоны для разных сфер
Шаблоны категории e-commerce в Unisender

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

конструктор писем правка
Редактирование шаблона в Unisender

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

блочный редактор писем
Drag-and-drop-конструктор писем Unisender

Чтобы создать кастомный элемент, используйте HTML-редактор.

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

Читайте также

Обзор платформы UniSender для новичков в email-маркетинге

DashaMail

Количество шаблонов: 17.

Бесплатная версия: до 100 контактов и 2 000 писем.

На сайте DashaMail сказано, что пользователям доступно 100 готовых шаблонов писем, однако по факту — всего 17.

даша мейл поддержка
Ответ технической поддержки DashaMail о количестве шаблонов на сайте

Точно неизвестно, но предполагаем, что количество шаблонов уменьшилось после ухода Stripo из России: DashaMail использовал его инструменты.

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

Создавать собственные шаблоны можно с нуля в редакторе drag-and-drop. Прямо в нём можно добавить HTML-код.

конструктор писем даша мейл
Блочный редактор DashaMail

Для вёрстки письма только с помощью кода, можно использовать HTML-редактор. Работать в нём удобно: с одной стороны пишете код, с другой — смотрите, что получается.

даша мейл правка кода
HTML-редактор DashaMail

Если есть готовые HTML-шаблоны писем, импортируйте их в DashaMail через ZIP-файл или по ссылке.

конструктор писем даша мейл импорты
Импорт HTML-шаблона

Читайте также

ESP и CDP столкнулись. Приготовьтесь к ESCDP!

Sendsay

Количество шаблонов: 30.

Бесплатная версия: до 200 контактов в базе подписчиков.

Sendsay — это платформа для рассылок с собственным редактором для вёрстки писем и готовыми шаблонами.

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

конструктор писем правка шаблона
Редактирование шаблона письма в Sendsay

Создать письмо также можно в HTML или блочном редакторе.

дизайн письма
Дополнительные редакторы писем Sendsay

Блочный редактор — обычный drag-and-drop-конструктор.

добавление изображения
Блочный редактор Sendsay

HTML-редактор — это два рабочих поля: в одном пишете код, в другом смотрите на результат.

конструктор писем новый шаблон
HTML-редактор Sendsay

Mailo Post

Количество шаблонов: 52.

Бесплатная версия: до 200 контактов в базе подписчиков.

Mailo Post — сервис почтовых рассылок с шаблонами писем и встроенными редакторами.

Всего доступны 52 штуки. Они разделены по тематике.

конструктор писем разные шаблоны
Шаблоны писем в Mailo Post

Шаблоны можно менять. При клике по шаблону платформа перекинет вас в редактор — в нём можно менять структуру, контент, цвет и элементы письма.

конструктор писем редактор
Редактирование шаблона

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

выбор шаблона в конструкторе писем
Текстовый редактор Mailo Post

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

редактирование шаблона
HTML-редактор Mailo Post

Читайте также

Какие CRM-платформы выбирать российским компаниям в 2022 году. Инструкция по переезду на примере Unisender

NotiSend

Количество шаблонов: 20.

Бесплатная версия: до 200 контактов в базе подписчиков.

NotiSend — это платформа рассылок: создавать дизайн писем можно там же с помощью готовых шаблонов и редакторов.

Клик по «Пустому шаблону‎» перенаправит в блочный редактор, в котором письмо собираете с нуля.

конструктор писем notisend
Шаблоны писем в NotiSend
пример текстового блока
Создание шаблона письма в drag-and-drop-редакторе

Есть два дополнительных редактора: простой и HTML. Простой напоминает текстовый редактор, где можно форматировать текст, добавлять картинки и таблицы.

В HTML-редакторе можно сверстать дизайн письма с помощью кода, а потом протестировать готовый дизайн. Кликните «‎Тестирование шаблона‎«‎, и NotiSend покажет, как письмо будет выглядеть в почте.


Узнавать подробности о развитии блочного редактора от CRM-group можно на официальном ютуб-канале. В телеграм-канале «Маркетинг за три минуты» вас ждут интересные материалы про онлайн-маркетинг в формате постов-трёхминуток. А если хотите поболтать и поделиться мыслями, приходите в CRM-Chat.

Узнавайте об обновлениях блога Email Soldiers первым

Спасибо!

Осталось подтвердить подписку — кликнуть по кнопке в письме, которое мы вам отправили.

Похожие статьи

Что такое дизайн-системы и почему стоит внедрять их в работу

Что выбрать для работы над макетом: дизайн-систему или мастер-шаблон? Рассказываем, как работают оба подхода и почему стоит отдать предпочтение ДС.

Выравнивание текста по ширине или по краям — какое выбрать для письма

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

Скачать готовую html-вёрстку письма можно с помощью плагина для Фигмы

Новый плагин для Фигмы — Marka Email Generator — позволяет выгружать дизайн-макет сразу в готовое для отправки письмо, минуя код.