Как можно сверстать HTML рассылку для Mindbox

Внутри платформы Mindbox есть два пути, как можно настроить емейл рассылку: через визуальный конструктор или HTML-код. У обоих способов есть как преимущества, так и недостатки.

Способ сборки письма

Преимущества

Недостатки

Конструктор
  • Даже специалист без подготовки может собрать рассылку
  • Сокращается время на подготовку
  • Меньшая гибкость — возможности ограничены функционалом конструктора
  • Если какой-то баг с версткой, связанный с констурктором — вы не сможете его оперативно исправить
HTML-верстка
  • Большая гибкость — вы полностью управляете тем, как выглядит рассылка
  • При переносе с платформы на платформу писем вы не зависите от платформы
  • Тратится больше времени на подготовку рассылки
  • Не каждый маркетолог готов поддерживать и разбираться в коде

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

Зачем вообще верстать в HTML для Mindbox?

Это надо не всем и в 95% случае можно обходиться конструктором. Но в некоторых случаях, когда в письме много динамических элементов, которые зависят от состояния или сегмента клиента, легче сделать его на HTML.

У нас в практике были примеры, когда целый шаблон подменялся в зависимости от того, в каком сегменте клиент. Итого в верстке через условные операторы If – else if были подставлены аж 5 разных версток писем. Зачем мы так сделали? Чтобы по письмо, хоть оно и меняется от клиента к клиенту, собирало единую статистику.

Динамические данные

Продолжая историю про «зачем Майндбоксу вообще HTML» стоит сказать, что любые динамические данные будут требовать верстку. Можно собрать письмо на конструкторе, но если понадобится вывести товары из корзины или рекомендации — в любом случае придется вставлять блок с HTML, без этого никак. 

Или, например, вы хотите, чтобы для  одних клиентов отображался баннер, а для других — нет. Тут тоже потребуется заверстать условие внутри шаблона.

Как можно немного себе облегчить жизнь с HTML

Однако, чтобы собрать в Майндбокс письмо на HTML, но при этом ускорить этот процесс, можно воспользоваться предварительной сборкой письма на любом сервисе по email-верстке (самые популярные — Stripo и Letteros). 

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

Такой же фокус с конструктором Mindbox тоже, в целом, пройдет, но код на выходе из конструктора будет чуть более громоздким, так как стили инлайновые.

Если не хочется разбираться в том, как правильно сверстать HTML-рассылку для Mindbox, можете отдать это на аутсорс. Мы с радостью поможем разобраться.