Найти тему
Unisender

4 лучших сервиса для верстки писем

Оглавление

Автор — Никита Аксютин

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

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

UniSender

Конструктор от сервиса рассылок UniSender. Его функционала хватит, чтобы сверстать большинство писем. В одной из прошлых статей у меня был челлендж — в конструкторе UniSender я верстал копию письма Reebok . Спойлер: моя копия почти неотличима от оригинала, да и сил я потратил немного.

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

UniSender же зарабатывает на отправке писем — конструктор у них бесплатный. При этом в нем есть и шаблоны, и внушительный функционал, и прямая отправка сразу из сервиса.

Когда листал шаблоны UniSender, увидел жуткое недоразумение — в письме с мексиканской кухней не было котов! Благо, это недоразумение легко устранить 😉

-2

Попробовать конструктор — нужно зарегистрироваться

Stripo

Stripo — один из самых популярных конструктор писем в мире. Его интерфейс переведен на 8 языков, в том числе и на русский.

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

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

Предусмотрена система модулей: заранее готовых элементов страницы. Например, можно сделать карточку товара — она состоит из картинки, ценника, кнопки покупки и описания. Всю эту карточку можно сохранить в виде модуля и использовать в любом письме — экономия времени. Еще можно сохранить в модуле футер email — и в следующих письмах вставлять его одним кликом.

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

Этому шаблону не хватает котика
Этому шаблону не хватает котика

Попробуйте верстку в демо-версии без регистрации

Mosaico

Mosaico — казуальный конструктор. К нему реально приспособится за минуту, а структуру письма накидать за 10 секунд. Но в жертву принесен функционал: если бы Stripo был фотошопом, то Mosaico на его фоне был бы пером из Инстаграма.

Верстка тут происходит скорее модулями. Есть модуль картинки, кнопки, названия, карточек товара. У самих модулей минимум кастомизации, а настраивать их можно с помощью ползунков «да — нет». Например, у модуля «изображение + заголовок + текст» через галочки можно отключить заголовок или картинку. Прехедер — верхняя рамка письма со ссылкой на веб-версию, тут и вовсе отключается одним ползунком.

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

Mosaico — нарочито простой конструктор. Его ограничения — источник силы. Здесь все работает предсказуемо и не нужно разбираться в функциях. Он идеален для новичков — можно потренироваться и понять концепцию всех конструкторов писем. Если в макете email нет сложных дизайнерских решений, то по скорости верстки с Mosaico не сравнится ни один другой конструктор.

-4

Попробовать что-нибудь сверстать — регистрация не нужна, нет платных опций.

Topol

Topol похож на Stripo: арсенал их функций примерно на одном уровне, но незначительно отличается подход. Я оставил этот конструктор в списке чтобы была альтернатива при выборе. Например, мне Topol ближе — и по внешнему виду, и по удобству работы.

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

Мне понравился «кошачий» шаблон, но захотелось глянцевого котика заменить на домашнего обалдуя
Мне понравился «кошачий» шаблон, но захотелось глянцевого котика заменить на домашнего обалдуя

Попробовать — регистрация не нужна.

Какой из конструкторов вам понравился больше?