Экспорт шаблонов писем: форматы, интеграция с ESP и рабочие процессы после экспорта

Вы создали письмо, и теперь его нужно куда-то отправить. Будь то ваш ESP, почта коллеги или платформа автоматизации маркетинга — способ экспорта имеет гораздо большее значение, чем вы думаете.

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

Ключевые выводы

1. Существует несколько способов экспорта шаблона. Его можно экспортировать в виде HTML-файла в выбранный ESP, использовать сторонние инструменты, такие как Webhook или Zapier, скачать в формате PDF или в виде изображения и многое другое. Каждый способ имеет свои преимущества, поэтому выбирайте исходя из целей использования шаблона.
2. Прямой экспорт в ESP — это самый простой и быстрый способ экспорта созданных шаблонов писем, но он работает только в том случае, если ваш инструмент для email-дизайна напрямую интегрирован с нужным ESP.
3. Проблемы после экспорта, такие как некорректный рендеринг, отсутствующие картинки или смещение разметки, обычно вызваны тем, как принимающий ESP обрабатывает импортированный HTML-код, а не самим процессом экспорта.

Сравнение форматов экспорта: какой тип файла выбрать

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

HTML-файл

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

Основной недостаток этого типа экспорта заключается в том, что все используемые при разработке шаблона изображения сохраняются на сервере CDN (серверах Stripo), и каждое изображение в коде указывается с помощью ссылки, ведущей на этот сервер. Если удалить картинки с сервера, они не будут отображаться в вашем HTML-файле должным образом.

HTML-архив

Если нужно объединить все файлы шаблона в один файл, экспорт в архив .zip — это оптимальный вариант. При экспорте шаблона таким образом все изображения и файлы шаблона сохраняются в этом архиве .zip. При этом все ссылки на эти картинки в файле шаблона указывают на точный путь к папке, в которой хранятся все изображения. Если переместить папку с изображениями или изменить путь к ней, все картинки перестанут отображаться.

HTML-код

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

Файл AMP HTML

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

Экспорт в формат PDF и картинки

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

Однако в связи с многочисленными просьбами пользователей о добавлении этой функции мы добавили эту опцию. Так, 9% наших пользователей экспортируют свои письма в формат PDF.

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

Экспорт в ESP: прямая отправка или ручной импорт HTML-файла

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

Как работает прямая отправка в ESP

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

Stripo поддерживает 81+ сервис почтовых рассылок, и этот список постоянно пополняется, поскольку мы внимательно анализируем запросы клиентов и расширяем спектр наших услуг.

Пошаговая инструкция: подключение Stripo к ESP

Настроить подключение между Stripo и вашим ESP очень просто. Сначала найдите желаемый ESP в нашем широком списке вручную или введя его название. Затем выберите ESP и кликните на «Подключить новый аккаунт».

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

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

Ручной импорт HTML-файла: когда прямая интеграция отсутствует

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

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

Почему все шаблоны Stripo можно полноценно экспортировать?

Поскольку мы стремимся упростить экспорт шаблонов писем, требуется внести некоторые изменения в код, чтобы обеспечить его совместимость с различными ESP. В результате все создаваемые в Stripo шаблоны имеют чистый код, лишенный служебных символов, которые могут вступать в конфликт с ESP. Это означает, что вам не нужно будет корректировать код шаблона письма после экспорта. Дальнейшие действия зависят от того, как ваш ESP обрабатывает импортированный код; об этом мы подробно расскажем далее в этой статье. 

Редактирование шаблона после экспорта

Как говорится, нет предела совершенству. Если нужно отредактировать экспортированный шаблон письма в выбранном ESP, вы можете это сделать. Все шаблоны писем можно редактировать после экспорта несколькими способами:

• через встроенные в ESP WYSIWYG-редакторы;
• используя редакторы кода, которые позволяют пользователям настраивать текст, цвета, ссылки на изображения и т. д.

Например, если вы экспортируете шаблон в Mailchimp, его можно настроить с помощью встроенного в платформу редактора кода.

Массовый экспорт: перенос или обновление библиотеки шаблонов

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

Это потребует всего нескольких кликов. Достаточно выбрать несколько шаблонов, созданных в Stripo, и отправить их в ESP. И все, теперь все созданные шаблоны находятся там!

Наши экспорты являются платными и ограничены по количеству в зависимости от выбранного тарифного плана. В настоящее время мы предлагаем следующие тарифы:

• тариф «Free» с 4 экспортами в месяц;
• тариф «Basic» с 50 экспортами в месяц;
• тариф «Medium» с 300 экспортами в месяц;
• тариф «Pro» с 4000 экспортами в месяц.

Важное примечание: помните, что лимиты распространяются на все варианты экспорта, упомянутые в этой статье. Кроме того, вы можете приобрести дополнительные экспорты, если их объема недостаточно для ваших нужд в рамках тарифа. Однако при повторной покупке дополнительных экспортов в том же месяце ранее приобретенные дополнительные экспорты будут аннулированы.

Что переживает экспорт, а что нет

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

Merge-теги и синтаксис персонализации

Говоря более конкретно, каждая платформа ESP, в которую можно экспортировать шаблоны, имеет собственные merge-теги. Они не только различаются между собой, но и имеют разный синтаксис. Например, Mailchimp использует *|FNAME|*, HubSpot — {{ contact.firstname }}, Klaviyo — {{ first_name }} и так далее.

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

Другой вариант — использование плейсхолдеров. Введите в редакторе что-нибудь вроде [FIRST_NAME], а после экспорта найдите и замените его на синтаксис вашего ESP.

AMP-элементы и фолбэк 

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

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

• кинетическая версия: это интерактивный контент, созданный с использованием HTML5 и CSS3, поскольку он обеспечивает более легкую форму интерактивности вроде отображения / скрытия секций или поддержки квизов и опросов. Он работает в Apple Mail, Samsung Mail, Thunderbird и большинстве современных почтовиков;
• статичный фолбэк: это простая версия в формате HTML, в которой отображаются только текст, картинки и ссылки. Это самая надежная версия, которая работает везде, в том числе в Outlook.

Если вы все же хотите экспортировать интерактивное письмо в ESP без поддержки интерактивных элементов, оно будет экспортировано в виде классического HTML-письма (то есть весь интерактивный контент будет вырезан) Помните об этом нюансе, если ваши email-кампании требуют интерактивности.

Условные блоки и динамический контент

Несмотря на то, что создаваемые в Stripo шаблоны имеют чистый код и готовы к экспорту, все же существует множество факторов, зависящих от EPS. Сложности возникают в отношении условных блоков и динамического контента. Это также зависит от выбранного ESP, типа динамического контента и многих других факторов. Обычно простая персонализация, условия отображения / скрытия и динамические блоки, встроенные в ESP, остаются неизменными после экспорта. Однако вся ситуация переворачивается с ног на голову, когда в игру вступают контент в реальном времени или на основе API и кастомные скрипты. Существует слишком много переменных, при которых после экспорта может произойти сбой. Лучший способ справиться с этой неопределенностью — использовать базовые условия или добавлять расширенные условия после экспорта шаблона в ESP (если его инструменты позволяют редактировать код). Такой подход позволит настроить шаблон специально под используемый инструмент и его требования.

Распространенные проблемы после экспорта и способы их устранения

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

Экспорт без ESP: Gmail, Outlook, Zapier и Webhook

Если нужно экспортировать созданный шаблон без использования какого-либо ESP, для этого есть несколько способов, таких как экспорт в Gmail или Outlook либо использование инструментов вроде Zapier или Webhook. 

Экспорт в Gmail или Outlook

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

• Gmail: 23,54%;
• Outlook: 5,67%.

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

Например, процесс экспорта в Gmail выглядит следующим образом:

• кликните на кнопку «Экспорт» над областью шаблона письма;
• в попапе выберите Gmail;
• введите свои учетные данные Gmail (Stripo не будет иметь доступа к вашему аккаунту, только к черновикам писем. Мы ежегодно проходим тест безопасности Bishop Fox, поэтому можете быть уверены, что ваша конфиденциальность надежно защищена);
• найдите свое письмо в папке «Черновики» в выбранном почтовике.

Письма из Outlook можно экспортировать в Windows, macOS и даже в вебверсию, что значительно расширяет возможности экспорта и добавляет удобства.

Экспорт через Webhook и Zapier

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

Эти параметры экспорта можно найти на вкладке «Приложение» в окне экспорта.

Stripo напрямую интегрирована с популярными сервисами вебхуков Zapier и Webhook. У нас есть удобные и подробные инструкции по интеграции писем с этими сервисами:

• мануал для Zapier;
• мануал для Webhook.

Когда использовать экспорт без ESP, а когда — прямую отправку через ESP

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

Чеклист перед отправкой

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

Проверка дизайна и контента

1. Проверьте расположение merge-тегов, так как их неправильное размещение может привести к нарушению разметки или рендеринга.
2. Проверьте видимость динамического контента, чтобы убедиться, что каждая аудитория видит соответствующий контент.
3. Убедитесь, что условные блоки отображаются правильно, так как скрытые или дублирующиеся секции являются распространенными проблемами при экспорте.
4. Проверьте внешний вид в темном режиме, так как некоторые ESP переписывают стили во время экспорта.
5. Проверьте скрытые тексты прехедера, так как при импорте в ESP иногда отображается скрытый контент.
6. Проверьте фолбэки шрифтов, так как при использовании кастомных шрифтов они могут не сохраниться при экспорте в ESP, если он не поддерживает ваши шрифты.

Техническая проверка

1. Проверьте встроенный CSS, так как многие ESP удаляют встроенные стили.
2. Убедитесь в правильности синтаксиса merge-тегов для целевого ESP, поскольку синтаксис различается в зависимости от платформы.
3. Убедитесь в совместимости синтаксиса условий, так как парсеры ESP по-разному обрабатывают логику.
4. Убедитесь в наличии фолбэка HTML-кода для AMP, так как это крайне важно для клиентов, не поддерживающих эту технологию.
5. Осторожно минимизируйте HTML, так как чрезмерная минимизация может нарушить условия или AMP.
6. Проверьте плейсхолдеры отслеживания, так как ESP могут переписывать или дублировать трекинговые ссылки.
7. Проверьте, переписывает ли ESP код HTML при импорте, так как это критично для сложной разметки и логики. 

Проверка массового экспорта

1. Проверьте соблюдение правил именования, чтобы избежать путаницы в кампаниях и ESP.
2. Убедитесь в правильном выборе рабочей среды / проекта, чтобы не экспортировать устаревшие ресурсы.
3. Проверьте варианты локализации, так как при массовых операциях часто распространяются версии на неправильном языке.
4. Проверьте соблюдение стандартов отслеживания во всех шаблонах, чтобы обеспечить целостность аналитики.

Настройки экспорта: полезные дополнительные параметры

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

Минимизация HTML

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

Путь к изображению и настройка папок

Эта функция доступна только при экспорте в формат HTML и позволяет указать конкретный путь (или просто папку) для сохранения изображений в архиве. По умолчанию все изображения будут сохраняться в каталоге /images, но его можно легко изменить.

Поддержка доступности

Эта функция доступна во всех версиях экспорта и играет важную роль в обеспечении доступности писем для людей с нарушениями зрения и другими ограниченными возможностями. Она устанавливает атрибут role=presentation, который помогает скринридерам, используемым некоторыми получателями из этой категории людей. При отключении атрибут role=presentation будет удален из HTML-кода.

Фиксированные размеры изображения

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

В завершение

Экспорт писем — это незаменимая функция, которая позволяет сэкономить драгоценное время при подготовке email-кампаний. В ходе работы потребуется переносить письма из редактора в систему автоматизации маркетинга. Stripo гарантирует, что этот процесс будет простым и не потребует технических знаний. Мы предлагаем пять различных вариантов для любых маркетинговых задач, которые удовлетворят потребности email-маркетологов, независимо от того, каким ESP, почтовиком или системой email-дизайна вы пользуетесь. Мы готовы помочь в любой ситуации. 

FAQ

Можно ли экспортировать drag-n-drop письмо в формат HTML?

Да, это самый простой способ экспортировать созданный шаблон, и для этого можно воспользоваться несколькими способами (HTML-файл, HTML-архив или HTML-код).

Сколько шаблонов я могу экспортировать в месяц?

Все зависит от вашего тарифного плана; у нас есть тарифы с 4, 50, 300 и 4000 ежемесячными экспортами (с возможностью покупки дополнительных экспортов отдельно).

Будут ли мои merge-теги работать в новом ESP после экспорта?

Если вы используете merge-теги, поддерживаемые вашим ESP, они будут работать после экспорта.

Что происходит с AMP-контентом при экспорте в ESP, который не поддерживает технологию AMP?

Часть AMP обычно игнорируется или удаляется, и пользователи видят только резервную версию в формате HTML.

Можно ли экспортировать сразу несколько шаблонов писем?

Да, у нас есть функция массового экспорта, которая позволяет экспортировать большое количество шаблонов.

Можно ли отредактировать шаблон в моем ESP после экспорта?

Да, но только если у вашего ESP есть такая функция.