modular-email-design-saving-time-and-enhancing-efficiency-with-smart-design
10 апреля

Модульный email-дизайн: экономим время и повышаем эффективность за счет продуманного дизайна

Создать эксклюзивные письма
Оглавление
  1. Эволюция процесса создания шаблонов писем
  2. Что такое модульный email-дизайн?
  3. Преимущества перехода на модульный email-дизайн 
  4. Модули контента Stripo. На что они способны?
  5. В завершение
1.
Эволюция процесса создания шаблонов писем

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

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

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

Эволюция процесса создания шаблонов писем

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

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

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

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

Следующим этапом развития email-дизайна стали drag-n-drop редакторы, которые призваны избавить маркетологов от необходимости разбираться в коде для создания писем. Достаточно перетащить необходимые элементы письма в редактор и получить письмо, соответствующее всем требованиям.

Особого внимания заслуживают шаблоны, которые используются как в WYSIWYG-редакторах, так и в drag-n-drop редакторах. Они также призваны экономить время маркетологов, поскольку предлагают готовые письма на все случаи жизни.

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

Что такое модульный email-дизайн?

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

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

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

Преимущества перехода на модульный email-дизайн 

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

Экономия времени на создание писем 

Как гласит известная пословица, «Время — деньги», и модули здесь выигрывают в обоих случаях. Если быть точнее, вместо 16 часов работы над письмом можно потратить всего 1 час, поскольку у вас уже есть готовые элементы письма, которые нужно просто скомпоновать, и письмо полностью готово к рассылке. Сэкономленное время можно направить на решение стратегических задач email-маркетинга.

Простота поддержания целостности бренда

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

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

Целостное фирменное письмо с модулями

Экономически эффективные email-кампании

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

Легкое внесение изменений в шаблоны писем на ходу

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

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

Отсутствие необходимости в технических навыках для создания писем

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

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

Модули контента Stripo. На что они способны?

Мы уже упоминали, что Stripo поддерживает модули. Пришло время рассказать, а еще лучше — показать, как именно функционал модулей может помочь в создании писем.

Библиотека многоразовых модулей

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

Библиотека модулей Stripo

Их можно использовать в письмах, добавляя в шаблоны и настраивая модули под свои нужды.

Все готовые модули разделены на три больших раздела: «Мои модули», «Модули шаблонов» и «Общие модули».

  • в разделе «Мои модули» содержатся все созданные и сохраненные пользователем модули;
  • в разделе «Модули шаблонов» содержатся различные элементы письма, созданные нашими дизайнерами в их уникальном стиле. Они доступны только в существующем письме и создаются на основе базового или готового шаблона Stripo;
  • в разделе «Общие модули» можно получить компоненты из любого письма. Наша библиотека состоит из внушительного количества подготовленных модулей, которые наши дизайнеры продумали до мельчайших деталей. Эти модули выглядят изысканно и привлекательно; некоторые из них содержат предварительно настроенные smart-элементы или AMP-элементы.

Создание собственных многоразовых модулей

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

  1. Навести курсор на нужный элемент и кликнуть на кнопку «Сохранить как модуль».

    Сохранение элемента письма в качестве модуля
  2. На панели настроек присвоить модулю название.

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

    Описание модуля
  4. Выбрать категорию для удобного поиска.

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

    Добавление тегов к модулям
  6. Кликнуть «Сохранить», чтобы сохранить модуль в разделе «Структуры и модули» на вкладке «Мои модули».

    Сохранение модуля

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

Что нужно знать при работе с модулями Stripo

Как и любой другой функционал, модули Stripo имеют свои нюансы работы, о которых стоит знать.

Сохранение элементов письма в виде модулей

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

Добавление модулей в другие письма с разными стилями

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

Но и здесь все очень просто. Модуль хранит структуру модуля (количество контейнеров или структур), контент и частично стили. При перетаскивании модуля в другое письмо он применяет настройки, указанные в разделе «Общие стили» этого письма. Это может быть размер шрифта, размер хедера или кнопки. Кроме того, могут быть приняты стили для мобильных устройств (размер текста на мобильных, размер заголовков, кнопок и многое другое). В результате работа с модулями в многочисленных и таких разных письмах становится довольно простой, а вся магия стилей происходит за кулисами.

Добавление пользовательских стилей в модули

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

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

Руслан Трепухалов

Руслан Трепухалов,

Email Designer в Stripo.

Совет по сохранению дизайна модулей при работе с ними

Если нужно сохранить дизайн модулей при работе с ними в других письмах, мы подготовили несколько советов от нашего профессионального email-дизайнера.

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

Руслан Трепухалов

Руслан Трепухалов,

Email Designer в Stripo.

Сквозные модули контента для множественных действий и массового обновления

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

  1. Выбрать нужный элемент письма и кликнуть на кнопку «Сохранить как модуль».
  2. Присвоить модулю название, описание (не обязательно) и теги (не обязательно), а также выбрать категорию на панели настроек.
  3. Включить контрол «Синхронизированный».

    Контрол «Синхронизированный» модуля
  4. Кликнуть на кнопку «Сохранить».
  5. Переходим к следующей части. Нам нужно активировать опцию синхронизации. При добавлении сквозного модуля в шаблон письма синхронизация по умолчанию отключена.

    Отключенная синхронизация модулей
  6. Чтобы магия сработала, просто кликните на символ «Sync OFF», а затем на панели настроек переключите контрол «Сквозной модуль».

    Активация сквозных модулей
  7. После этого каждый раз, когда нужно будет что-то изменить в этом модуле, у вас будет выбор из трех вариантов:
    • обновить все шаблоны с этим модулем с помощью кнопки «Обновить модуль»;
    • восстановить вид модуля по умолчанию из вашей библиотеки с помощью кнопки «Восстановить»;
    • обновить модуль только в текущем шаблоне, разорвав связь с другими шаблонами с помощью кнопки «Сделать несквозным».

      Опции сквозных модулей

Подход Modules+

Modules+ — это не только новый этап в эволюции традиционных модулей, но и новый виток всей философии модульного дизайна. В ходе этой революции появились новые возможности, которые позволяют сделать процесс создания писем еще более удобным, что является одной из миссий Stripo. Например, Modules+:

  • позволяет «зафиксировать» дизайн модуля и вносить изменения в данные модуля, не затрагивая дизайн;
  • smart-элементы могут использоваться для «фиксирования» данных и свободного изменения дизайна модулей;
  • есть возможность внедрения AMP и других интерактивных элементов в модули;
  • можно генерировать полноценные письма с помощью GenAI.

Мы создали отдельную статью, в которой более подробно рассказываем о сути Modules+ и подводных камнях, на которые стоит обратить внимание.

Вам также может понравиться

the-module-approachПодход Modules+: следующий этап эволюции email-дизайна

В завершение

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

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

Создавайте эксклюзивные письма с помощью Stripo
Была ли статья полезна?
Tell us your thoughts
Спасибо за ваш отзыв!
0 комментариев
Тип
Индустрия
Сезоны
Интеграции
Редактор Stripo
Упростите процесс создания писем.
Плагин Stripo
Интегрируйте Drag-n-Drop редактор Stripo в свое веб-приложение.
Заказать шаблон
Наша команда может разработать и сверстать его для вас. Просто заполните бриф, и мы свяжемся с вами в ближайшее время.

Редактор Stripo

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

Плагин Stripo

Для продуктов, которые могут эффективно использовать интегрированный white label конструктор писем.