Создание и управление динамическими блоками кода с помощью Email-паршиалов

От разовых маркетинговых рассылок до регулярных новостных бюллетеней и транзакционных писем — вы отвечаете за создание огромного количества электронных писем. Написание кода для каждого из них может занимать невероятно много времени, даже при использовании шаблона. Есть ли способ повысить эффективность? Используйте email-паршиалы (partials).

## Что такое email-паршиал?

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

— Обновление заголовков (header) и подвалов (footer)

— Поддержание структуры макета и базовых стилей

— Повторное использование часто применяемых компонентов

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

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

Вы будете рады, что использовали паршиалы, если вам когда-нибудь придется вносить согласованные изменения во все свои письма, как это было у меня. Я работал в компании, которая проводила ребрендинг, и обновление логотипа (помимо всего прочего) в каждом автоматизированном письме вручную стало бы кошмаром. Все, что мне нужно было сделать — это обновить логотип в паршиале заголовка, и бум, готово — все письма с этим паршиалом обновились автоматически! 🙌

## Оцените преимущества в процессе создания писем

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

**Легко обновлять и поддерживать множество писем.** Вносите изменения в один паршиал и наблюдайте, как все ваши письма обновляются автоматически.

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

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

## Когда использовать паршиалы

Паршиалы помогают на разных этапах создания писем:

**Заголовки и подвалы**: поддерживайте единообразие логотипа, панели навигации, ссылок на соцсети, кнопки отписки и многого другого без использования шаблона.

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

**Структура макета**: легко управляйте структурным кодом, например, условными таблицами-обертками для Outlook.

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

По сути, используйте паршиалы для любого фрагмента кода, который постоянно применяется в нескольких письмах и не требует изменений для каждого из них. Тот же код, те же изображения, тот же текст. Без изменений.

Хотите узнать, чем они отличаются от сниппетов? Ознакомьтесь с нашей статьей о разнице между сниппетами и паршиалами.

## Начало работы с паршиалами в Litmus

Преимущества трудно игнорировать. Вот почему мы создали email-паршиалы в библиотеке дизайна (Design Library) в Litmus Builder:

– Дэн Денни, ранее в Code School

### Перейдите в Библиотеку дизайна

Чтобы создать новый паршиал, просмотреть уже имеющиеся или внести правки, перейдите в Design Library и выберите Partials в левой части раздела Modules. Или перейдите по прямой ссылке на ваши паршиалы в библиотеке.

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

### Добавление паршиалов в письма

Чтобы использовать паршиалы, откройте Litmus Builder и выберите один из ваших проектов (или создайте новый). Убедитесь, что вы находитесь в редакторе HTML-кода, а не в визуальном редакторе. Нажмите кнопку Insert в левом верхнем углу над кодом и выберите Partial.

Это откроет панель вставки между редактором кода и окном предварительного просмотра, где будет отображен список ваших паршиалов в алфавитном порядке. Вы также можете воспользоваться поиском.

Когда найдете нужный паршиал, кликните в редакторе кода в то место, куда хотите его поместить. Затем наведите курсор на паршиал в панели и нажмите Insert.

Вы также можете сослаться на паршиал во время написания кода, используя синтаксис **{{название паршиала}}**, если вы знаете его заголовок. Например, если файл паршиала называется **Header**, используйте **{{Header}}** в редакторе кода.

### Просмотр результата

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

Чтобы получить итоговый HTML-код письма со скомпилированными паршиалами, нажмите кнопку Export в правом верхнем углу в Litmus Builder и выберите Download HTML.

## Сила email-паршиалов

Litmus — это полноценная система сборки email-кампаний, сочетающая в себе мощь таск-раннеров и генераторов статических сайтов без лишних зависимостей.

Вас когда-нибудь пугала сложность рабочих процессов с таск-раннерами? Забудьте о зависимости от npm, ручной настройке Grunt или Gulp, конфигурации Middleman или Assemble, а также об использовании терминала.

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

*Опубликовано 13 июля 2016 года автором Кевином Мандевиллем. Последнее обновление 3 июня 2021 года.*