7 способов добавить автоматизацию в ваш процесс создания email-рассылок

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

Но это вовсе не обязательно. Существует множество инструментов, позволяющих email-маркетологам и разработчикам автоматизировать рабочий процесс, устранить рутину и выявлять дорогостоящие ошибки еще до нажатия кнопки «Отправить».

Как показал наш отчет «Состояние рабочих процессов email-маркетинга 2018», email-программы состоят из множества подвижных элементов, а цикл подготовки одного письма обычно занимает пару недель или дольше.

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

## Создавайте стандартизированные шаблоны

*Экономия времени: 30-60 минут*

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

Согласно нашему отчету «Состояние креатива в email-маркетинге 2017», большинство дизайнеров создают уникальные макеты только для крупных событий (новые продукты) или важных сезонных кампаний (например, «Черная пятница»). Использование стандартизированного шаблона в остальное время значительно повышает производительность.

Именно поэтому мы создали Litmus Community Templates — коллекцию элегантных, предварительно протестированных шаблонов для самых разных задач: от управления аккаунтом и e-commerce до запуска продуктов и маркетинговых кампаний.

## Используйте сокращения при верстке

### Используйте сниппеты (Snippets)

*Экономия времени: 10-15 минут*

Сниппеты — это модули многократно используемого кода. Они идеально подходят для элементов, которые часто встречаются в письмах: doctype, «пуленепробиваемые» кнопки и ссылки. Вместо того чтобы переписывать код каждый раз, вы можете вставить сниппет. Это уменьшает дублирование и риск ошибок в стандартных элементах.

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

Вот HTML-код, который мы используем для такой кнопки:

«`

Я кнопка →

«`

Сниппеты решают проблему ручного создания кода кнопки: вы сохраняете его в библиотеке под коротким триггером (например, «bb» для bulletproof button).

Теперь, когда вам нужно добавить кнопку, просто введите «bb», чтобы сгенерировать код.

Сниппеты поддерживаются в:

— Litmus Builder

— Sublime Text

— Atom

— Dreamweaver

— Coda

Хотите больше сниппетов или готовы поделиться своими? Присоединяйтесь к сообществу, чтобы искать и дополнять нашу библиотеку.

### Используйте партиалы (Partials)

*Экономия времени: от 30 минут до нескольких часов (зависит от объема шаблонов)*

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

По данным нашего отчета за 2018 год, 22% маркетологов используют партиалы (рост на 18,2% по сравнению с 2017 годом). По мере роста числа автоматизированных рассылок использование партиалов должно стать обязательным.

Они отлично подходят для хедеров, футеров, сброса CSS и стандартных кнопок — всего, что повторяется в разных рассылках, особенно в триггерных и транзакционных письмах.

В Litmus мы используем один и тот же хедер для большинства писем через партиал-ссылку `{{header}}`.

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

### Сокращайте код с помощью Emmet

*Экономия времени: 10-15 минут*

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

Пример: чтобы создать таблицу с тремя строками, изображением, текстом и ссылкой, достаточно ввести одну строку `table>tr*3>td>img+p+a`, и Emmet превратит её в полный HTML-код.

## Устраняйте повторяющиеся задачи

### Используйте таск-раннеры

*Экономия времени: 30-60 минут*

Таск-раннеры (например, Grunt или Gulp) автоматизируют инлайнинг CSS и отправку тестовых писем.

### Используйте генераторы статических сайтов

*Экономия времени: от 30 минут до нескольких часов*

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

### Препроцессоры и постпроцессоры

*Экономия времени: 10-15 минут*

Это другой способ написания CSS. Препроцессоры (как Sass или Less) упрощают создание кода, а постпроцессоры очищают ваш CSS, обеспечивая совместимость с различными почтовыми клиентами.

## Автоматизируйте email-маркетинг с Litmus

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