Лучшие практики дизайна электронных писем: конвертируются ли ваши проекты?

Насколько эффективны ваши маркетинговые кампании по электронной почте? По данным Constant Contact, в 2023 году средний показатель открываемости электронных писем составит 34,51 процента, а показатель кликабельности — 1,33 процента для более чем 200 миллионов писем.

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

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

Лучшие практики дизайна электронной почты для красивых кампаний

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

1. A/B-тестирование всего

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

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

Сплит-тестирование гарантирует, что ваше сообщение актуально, ориентировано на производительность и готово к запуску.

2. Добавьте нужную информацию в нижний колонтитул

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

Итак, что же следует включить в нижний колонтитул вашего электронного письма? Вот несколько идей:

• Ссылки на поддержку: вы можете использовать этот раздел, чтобы запросить обратную связь по электронной почте (если только она не отправлена ​​с адреса электронной почты, на который нет ответа) или предоставить ссылки на поддержку, чтобы клиенты или потенциальные клиенты могли получить ответы на свои вопросы.
• Реферальные ссылки. Нижний колонтитул электронной почты — идеальное место для реферальных ссылок, особенно если ваша реферальная программа новая и вы распространяете информацию.
• Ссылка на приложение. Поощряйте больше загрузок приложений и вовлеченности, включив ссылку на свое приложение в Google Play Store и Apple App Store в нижний колонтитул вашего электронного письма.
• Ссылки на социальные сети: создайте кнопки социальных сетей для основных платформ, включая Facebook, LinkedIn, Twitter, Instagram и YouTube. Добавьте гиперссылки на каждую кнопку.
• Ссылка на веб-сайт: не помешает добавить дополнительную ссылку на ваш сайт в нижний колонтитул. Однако, если ваш нижний колонтитул уже перегружен ссылками, вы можете опустить его.
• Юридическая информация: вы должны включить краткое, но подробное юридическое заявление, включая ссылку для отказа от подписки, в которой говорится, что вы не будете передавать личную информацию. Изложите свои условия в этом юридическом заявлении и подумайте о том, чтобы проконсультироваться с адвокатом для рассмотрения.

3. Минималистичный дизайн — это хорошо

Как должно выглядеть ваше электронное письмо? Это вопрос на миллион долларов, и на него нет единственного правильного ответа.

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

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

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

Читайте также: 15 шаблонов вводных электронных писем, которые работают как шарм

4. Используйте динамический контент

Динамический контент производит фурор в email-маркетинге, и это справедливо.

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

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

5. Двойная проверка на наличие грамматических и орфографических ошибок.

Независимо от того, написали ли вы электронное письмо самостоятельно или использовали инструмент электронного маркетинга, у вас всегда должна быть хотя бы еще одна пара глаз, читающая содержимое, прежде чем нажать кнопку «отправить» (или «запланировать», если вы используете инструмент автоматизации маркетинга). .

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

6. Уделяйте приоритетное внимание мобильной оптимизации

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

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

Читайте также: Шаблоны электронных писем для новых клиентов и сотрудников

7. Сделайте ваши сообщения удобными для темного режима

По данным EarthWeb, темный режим популярен как никогда: его предпочитают 81,9 процента мобильных пользователей. Это приятнее для глаз, чем белый фон, и не потребляет столько заряда батареи мобильного устройства.

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

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

8. Следите за своим тоном

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

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

9. Подумайте о макете своего электронного письма

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

Вот обзор каждого стиля дизайна.

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

Читайте также: 18 трендовых идей email-маркетинга [+ шаблоны]

10. Выбирайте GIF-изображения

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

Тем не менее, вы должны контролировать размер GIF. Не отправляйте файлы размером более 1 МБ.

11. Вставьте свои видео

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

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

Иногда GIF-файлы не могут передать ваше сообщение, особенно при представлении нового продукта или услуги. Вот тогда и пригодятся вставки видео.

12. Добавьте немного пользовательского контента

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

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

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

Читайте также: Как создавать отличные информационные бюллетени по электронной почте в 2023 году [с помощью 7 бесплатных шаблонов]

13. Проверьте свои ссылки

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

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

14. Следите за соотношением текста и изображения.

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

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

15. Расставьте приоритеты для размещения CTA

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

Цвет должен быть отчетливым и контрастным, но не резким для глаз, независимо от того, смотрите ли вы в светлом или темном режиме. Чем выше над папкой кнопка CTA, тем лучше. Хорошее место для вставки кнопки — заголовок электронного письма, но не останавливайтесь на этом.

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

Читайте также: Примеры рассылки по электронной почте от популярных брендов, которые вас вдохновят

16. Добавьте интерактивный контент

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

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

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

17. Всегда имейте в своих электронных письмах текстовые копии.

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

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

Эта привычка может привести к отпискам и жалобам на спам, поэтому не рискуйте.

18. Напишите хорошие призывы к действию

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

Вы не можете сказать «нажмите здесь», поскольку это недостаточно конкретно. Вместо этого вы можете написать: «Нажмите здесь, чтобы узнать больше о [название продукта]» или «Разместите заказ сегодня».

В обоих случаях читатели знают, куда вы их направляете. В первом примере вы перенаправляете их на целевую страницу, а во втором — на страницу продукта.

Читайте также: 12 шаблонов счетов по электронной почте, которые можно настроить и нажать «Отправить»

19. Учитывайте размеры призыва к действию

Мы обсудили значение пробелов и цвета для кнопки CTA, но как насчет ее размера? Хороший размер кнопки CTA — 50 пикселей. Он достаточно велик, чтобы ваши читатели не могли его пропустить, но не настолько велик, чтобы отвлекать внимание от других элементов вашего электронного письма.

20. Используйте теги слияния

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

Вам будет проще персонализировать переписку и сделать сообщения более персонализированными.

21. Знайте, какую кодировку мобильной электронной почты использовать

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

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

Читайте также: 27 примеров писем-подтверждений для удовлетворения клиентов

22. Напишите замещающий текст в изображениях в электронных письмах.

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

23. Тщательно выбирайте шрифты

Хотя вы можете придать цветистости многим аспектам дизайна вашего электронного письма, шрифт не входит в их число. Почтовые клиенты имеют свои предпочтительные шрифты, такие как Times New Roman для Outlook, Arial для Gmail и Helvetica для Apple Mail.

Другие шрифты безопасны для большинства почтовых клиентов, в том числе:

• Влияние
• Вердана
• Требюшет МС
• Тахома
• Палатино Линотип
• Люсида Гранде
• Люцида без Юникода
• Люцида Консоль
• Гельветика
• Грузия
• Новый Курьер
• Комикс без MS
• Ариал Блэк

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

Читайте также: Освойте все ключевые типы маркетинговых кампаний по электронной почте

24. Избегайте стоковых изображений

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

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

25. Следите за размером изображений в электронных письмах.

Больше не всегда значит лучше, как, например, в случае с изображениями в электронных письмах. Большое изображение загружается медленнее, особенно если оно в высоком разрешении. Размер изображения в формате PNG не должен превышать 1 МБ (в других форматах, например JPG, оно должно быть меньше) и не превышать 1200 пикселей.

26. Привлеките внимание заголовком

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

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

Читайте также: Письма для повторного вовлечения 101: Руководство [с шаблонами]

27. Следите за шириной письма

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

28. Используйте контекстный маркетинг

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

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

29. Добавьте прехедеры

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

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

Читайте также: Секреты и шаблоны для идеального электронного письма с нежным напоминанием

Нижняя граница

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

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

Теперь, когда вы знаете, что нужно вашим маркетинговым кампаниям по электронной почте, вы готовы начать создавать лучшие электронные письма! Зарегистрируйтесь на EngageBay, если вам нужно классное решение для электронного маркетинга с бесплатной интегрированной CRM.