Как создать email-шаблоны с нуля с помощью Pixcraft

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

Планирование рассылки

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

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

• Разработка дизайна письма. Дизайн письма должен быть лаконичным. Чрезмерная перегруженность визуальными элементами или слишком яркие цвета могут отвлечь внимание от главной информации рассылки.

• Верстка шаблона. Когда идея, текст и дизайн готовы, наступает технически самый сложный этап — верстка. В этой статье разберем использование плагина Pixcraft для Figma, который позволяет получить качественную email-верстку из дизайн-макета.

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

Текст письма

Вне зависимости от целей рассылки есть несколько неоспоримых правил для текста письма:

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

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

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

Разработка дизайна

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

Для большинства компаний основным инструментом является Figma. Вы можете разработать дизайн-макет с использованием auto layout с вашим уникальным дизайном и структурой. Или воспользоваться заготовками плагина Pixcraft Email Generator и собрать письмо из готовых блоков:

Здесь вы также можете добавить ссылки в элементы. Для этого выберите нужный слой или текст, откройте раздел «Свойства» и укажите URL-адрес ссылки:

Обширная статья для дизайнеров о работе с плагином Pixcraft доступна в нашем блоге.

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

Pixcraft Email Generator позволяет сохранить все ваши блоки (ассеты) в библиотеку, указав им имена и теги для удобного выбора:

Верстка шаблона

При использовании плагина Pixcraft Email Generator вам не потребуется думать о верстке шаблона – достаточно выбрать нужное письмо и открыть предпросмотр. Если письмо отображается корректно, то далее можно перейти в раздел экспорта. Для разовых промо-рассылок достаточно выгрузить результат сразу в ESP. Если же вы планируете повторно использовать этот шаблон или его блоки, особенно, если в дальнейшем предстоит работать над шаблоном без дизайнера, то лучшим вариантом будет сохранить шаблон в Pixcraft:

После сохранения шаблон будет доступен в конструкторе писем Pixcraft Builder. Теперь, когда вам нужно будет создать новое письмо для рассылки, просто откройте сохраненный мастер-шаблон и нажмите «Редактировать копию»:

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

Все сохраненные элементы будут доступны в соответствующем разделе панели инструментов слева:

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

Тестирование отображения

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

• Почтовый клиент – не все клиенты поддерживают AMP-контент или требуют особенной настройки компонентов письма
• Мобильная или десктопная версия – элементы письма должны уметь адаптироваться в зависимости от устройства, которым пользуется получатель
• Системная тема интерфейса – темная или светлая

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

Письма, созданные с помощью Pixcraft, корректно отображаются и сохраняют изначальный внешний вид во всех почтовых клиентах, начиная от самых массовых (Gmail и Mail.ru, Yandex) и заканчивая корпоративными (Outlook).

Заключение

Создание шаблона письма с нуля — это трудоёмкий процесс, требующий от пользователя множества навыков: от написания грамотного текста до работы с языками разметки. В этой статье мы кратко затронули все этапы разработки шаблона. На каждом из них надёжными помощниками могут стать продукты Pixcraft.

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