7 способов добавить автоматизации в рабочий процесс электронной почты

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

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

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

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

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

Сэкономленное время: 30-60 минут

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

Согласно нашему отчету State of Email Creative за 2017 год, большинство дизайнеров электронной почты сообщили, что они создают только разовые дизайны электронных писем для крупных событий, таких как новые продукты, или ключевых сезонных кампаний, таких как Черная пятница. Использование стандартного шаблона в остальное время обеспечивает большую эффективность производства.

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

Скачать шаблоны сообщества Litmus Начните свою следующую кампанию с помощью одного из предварительно протестированных шаблонов Litmus. Доступ к шаблонам →

Используйте ярлык во время кодирования

Использовать сниппеты

Сэкономленное время: 10-15 минут

Фрагменты - это модули многоразового кода. Они идеально подходят для элементов, которые обычно используются в дизайнах электронной почты, таких как doctype, пуленепробиваемые кнопки и ссылки. Вместо того, чтобы переписывать код каждый раз, когда используется один из этих элементов, вы можете использовать Snippet. Это снижает избыточность и возможные ошибки кодирования для общих элементов в дизайне электронной почты.

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

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

 <table border="0" cellspacing="0" cellpadding="0"> <tr>   <td>     <table border="0" cellspacing="0" cellpadding="0">       <tr>         <td align="{align}" bgcolor="{bgcolor}" <a href="{link}" target="_blank">I am a button &rarr; </a> </td>        </tr>      </table>    </td>  </tr> </table>

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

Теперь, когда вы хотите добавить пуленепробиваемую кнопку, вы можете просто использовать ярлык «bb» для генерации кода.

Вы можете использовать сниппеты в:

• Лакмус Builder
• Возвышенный текст
• Атом
• Dreamweaver
• Coda

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

Использовать частичные

Сэкономленное время: 30 мин - несколько часов, в зависимости от того, сколько шаблонов электронной почты вы обновляете.

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

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

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

Например, в Litmus мы используем один и тот же заголовок в большинстве наших писем:

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td bgcolor="#33373e" align="center"> <!--[if (gte mso 9)|(IE)]> <table width="500" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table cellpadding="0" cellspacing="0" width="100%" border="0" align="center"> <tr> <td align="center"> <a href="http://litmus.com" target="_blank"> <img src="logo.png" width="130" height="48" alt="Litmus" border="0"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table>

Вместо того, чтобы использовать фактические HTML и CSS заголовка в электронном письме, мы используем частичную ссылку:

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="center"> {{header}} </td> </tr> </table>

Примечание. В приведенной выше ссылке используется синтаксис Handlebars, который используется в Litmus Builder.

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

Чтобы использовать партиалы, вам необходимо использовать систему сборки и генератор статических сайтов, например Handlebars, Middleman или Assemble. Мы настоятельно рекомендуем использовать Litmus Builder (установка не требуется) или рабочий процесс Grunt Email от Ли Манро, чтобы использовать Partials.

Используйте ярлыки кода с Эмметом

Сэкономленное время: 10-15 минут

Emmet - это бесплатное дополнение для вашего текстового редактора, которое позволяет вводить сочетания клавиш, которые затем расширяются до полных сегментов кода.

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

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

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

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

 table>tr*3>td>img+p+a

После нажатия кнопки TAB для запуска Эммета одна строка кода выше расширяется до полного HTML.

 <table> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> </table>

Избавьтесь от повторяющихся задач и создавайте быстрее

Используйте средство запуска задач

Сэкономленное время: 30-60 минут

Исполнители задач автоматизируют повторяющиеся задачи, такие как встраивание CSS и отправка тестовых писем. Согласно нашему отчету о состоянии рабочих процессов электронной почты за 2018 год, 8,9% маркетологов электронной почты используют средства выполнения задач как часть рабочего процесса создания электронной почты.

Посмотрите, может ли средство выполнения задач помочь вам, проверив следующие варианты:

• Хрюканье
• Глоток
• Кодекит

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

Сэкономленное время: 30 мин - несколько часов, в зависимости от того, сколько шаблонов электронной почты вы обновляете.

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

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

Посмотрите, могут ли вам помочь генераторы статических сайтов, проверив следующие варианты:

• Рули
• Посредник
• Собрать

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

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

Сэкономленное время: 10-15 минут

Препроцессоры и постпроцессоры - это, по сути, разные способы написания CSS. Хотя это не прямая экономия времени, они могут помочь автоматизировать рабочий процесс, изменив формат, чтобы его можно было отображать в браузере.

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

Посмотрите, могут ли препроцессоры помочь вам, проверив эти параметры:

• Sass
• Haml
• Меньше

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

Добавьте автоматизацию в рабочий процесс электронной почты с помощью Litmus

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

Послушайте наш вебинар по автоматизации электронной почты или попробуйте Litmus.

Автоматизируйте рабочий процесс →