Автоматизация верстки писем: сниппеты против парциалов

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

Но так быть не должно.

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

Например, согласно исследованию Litmus «State of Email Workflows 2018», почти 18% маркетологов при создании нового письма повторно используют одни и те же «шапки» и «подвалы», собирая остальное из фрагментов кода прошлых писем. Еще 23% используют библиотеку стандартных компонентов или модулей.

Инструменты вроде сниппетов (snippets) и парциалов (partials) в Litmus Builder являются ключом к этим более безопасным методам. Они ускоряют рабочий процесс, позволяя сосредоточиться на творческой части создания писем.

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

## Что такое сниппеты?

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

Рассмотрим пример «неубиваемой» (bulletproof) кнопки:

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

Я кнопка →

Такие кнопки — основа наших призывов к действию (CTA). Однако для каждого письма их нужно адаптировать: изменить текст, ссылку и расположение. Сниппеты решают проблему ручного пересоздания кода, сохраняя его в библиотеке с коротким триггером (например, «bb»).

Мы можем добавить точки редактирования (edit points) для ускорения настройки. Точки редактирования определяют места, требующие правки, чтобы вы могли быстро переключаться между ними:

{text}

В этом примере после активации сниппета редактор автоматически переходит к {fs}. Вы правите контент и нажимаете Tab, чтобы перейти к {lh}, вместо того чтобы скроллить код.

Сниппеты можно использовать в Litmus Builder, Sublime Text, Atom, Dreamweaver и Coda.

## Что такое парциалы?

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

Парциалы отлично подходят для «шапок», «подвалов», CSS-сбросов и стандартных CTA — для всего, что должно быть одинаковым во всех рассылках.

## В чем разница?

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

Что будет, если поменять их местами?

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

Используйте парциалы для неизменных модульных компонентов, а сниппеты — для кастомизируемых элементов.

## Автоматизируйте рассылки со сниппетами и парциалами

Оба инструмента станут отличным дополнением к вашему арсеналу. У вас еще нет Litmus Builder? Попробуйте бесплатно сегодня.