Дизайн письма рассылки: Дизайн Email рассылки | Конструктор Email писем

Дизайн email рассылки: что такое хорошо и что такое плохо

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

Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.

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

• Дизайн шаблона email рассылки: общие рекомендации
• Адаптивный дизайн рассылки

• Используйте бесплатные шаблоны

  Экономьте время и для создания email рассылок используйте шаблоны SendPulse.

• Текст в дизайне email рассылки
• Цвет в дизайне письма для рассылки
• Дизайн хедера
• Дизайн футера email рассылки
• Изображения в дизайне письма рассылки
• Дизайн CTA
• Чек-лист по дизайну email рассылки

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

Как не надо

1. Нельзя менять шаблоны слишком часто. Если подписчик каждый раз получает по-другому оформленное письмо, ему сложно запомнить образ компании.

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

Избыток розового цвета в шаблоне утомляет

3. Не оформляйте текст картинкой, потому что:

• картинка может не отобразиться;
• сложно менять макет — придется просить дизайнера переделывать картинку;
• если на картинке промокод, читатель не сможет его скопировать и вставить, нужно перенабирать;
• кроме того, если оформить картинкой все письмо, почтовые сервисы могут отправить его в спам.

Советуем ознакомиться:

• «Почему письма попадают в спам и как с этим бороться»;
• «Как выйти из спама — полная инструкция».

4. Не делайте фон пестрым, иначе сложно читать основной текст:

Пестрый фон отвлекает от текста письма

5. Не пренебрегайте профессиональной версткой. Неаккуратно сверстанное письмо портит впечатление о компании. Кроме того, письма, набранные Caps Lock, кричащим цветом и разными шрифтами, чаще отправляют в спам почтовые сервисы. В примере ниже дизайн письма выглядит неаккуратно: нет выравнивания по одному краю, используется три размера шрифта, красный цвет в призыве к действию и нагромождение ссылок:

Форматирование письма выглядит слишком пестрым

Email рассылка — это просто!

Используйте удобный сервис email маркетинга, чтобы ускорить рост прибыли. Поддержка доступна 24/7.

Как надо

1. Разработайте корпоративный шаблон в стилистике сайта или на основе брендбука. Это не только работает на узнаваемость компании, но и повышает доверие. Например, рассылка магазина техники «Фокстрот» выполнена в фирменных цветах бренда, а в письмах присутствует узнаваемый персонаж.

Пример шаблона в стилистике сайта компании

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

3. Создайте несколько шаблонов для разных типов писем. Благодаря этому вы сэкономите время при запуске рассылок. Например, платформа для дизайнеров Dribbble использует несколько типов шаблонов. Первый — для дайджестов:

Шаблон для дайджеста статей

Второй шаблон — для промо-рассылок:

Шаблон для промо-рассылки

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

Цветовые акценты в корпоративном шаблоне

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

Шаблон с основной информацией в первом экране прокрутки

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

7. Чередуйте текстовые блоки и картинки. Это нужно для лучшей доставляемости писем, когда вы только начинаете делать рассылки и у вашего домена еще не сформирована положительная репутация отправителя. Есть советы придерживаться соотношения 80:20 или 60:40. То есть чтобы в письме было 80% текста и 20% картинок.

8. Поручите дизайн email рассылки профессиональному верстальщику, чтобы оформление заголовков, текстовых блоков и картинок выглядело гармонично. Посмотреть пример дизайна рассылки с красивой и аккуратной версткой можно в письмах торговой сети Walmart:

Гармоничная верстка рассылки Walmart

Адаптивный дизайн рассылки

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

Как не надо

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

Результат ошибки в адаптивной верстке, когда блоки не перестроились

Как надо

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

2. Еще один вариант — использовать готовые адаптивные шаблоны в SendPulse или делать шаблон в блочном редакторе SendPulse. В нем уже учтены все правила верстки. Кроме того, вы сразу можете посмотреть, как выглядит письмо на компьютере и на мобильном:

Предпросмотр веб- и мобильной версии письма в редакторе SendPulse

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

Как не надо

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

Пестрый текст в рассылке детского магазина

2. Не используйте мелкий или блеклый шрифт. Неразборчивый шрифт ухудшает восприятие текста.

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

4. Не ставьте ссылки слишком близко, иначе они могут «склеиться». При чтении со смартфона тяжело будет кликнуть на нужную ссылку:

В рассылке консалтинговой компании ссылки стоят слишком близко

Как надо

1. Выберите один или два шрифта для email рассылки.

2. Используйте стандартные шрифты. Некоторые почтовые сервисы, например, Gmail и Yahoo, поддерживают больше шрифтов, Outlook и AOL — меньше. Если сервис не может прочитать ваш шрифт, он заменяет его стандартным, и верстка может «поплыть». Чтобы этого не произошло, пишите стандартными для всех сервисов рассылки шрифтами: Arial, Lucida Grande, Tahoma, Trebuchet, Verdana, Georgia, Palatino, Times New Roman, Courier New, Courier и Impact.

3. Корпоративными шрифтами оформляйте надписи на баннерах и в тексте, который верстается картинкой.

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

5. Используйте размер шрифта не менее 14px.

Рассылка Adidas соответствует требованиям к тексту

Цвет в дизайне письма для рассылки

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

Как не надо

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

Кислотные цвета в рассылке

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

Слишком явная граница в градиенте

Как надо

1. Используйте яркие цвета как акцент для важных элементов. А верхний баннер и футер сделайте в более спокойных оттенках.

2. Учитывайте особенности вашего продукта и целевую аудиторию, выбирая цветовое оформление письма. В статье на блоге Kissmetrics написано, что мужчины предпочитают контрастные цвета, а женщины — мягкие оттенки.

3. Подходите творчески к использованию градиента. Например, в новогодней рассылки Wizzair удачно обыграли переход цветов в открытке:

Интересное использование градиента в новогодней рассылке

4. Проводите A/B тестирование, чтобы определить более эффективный цвет элементов рассылки.

Дизайн хедера

Хедер — это блок вверху письма, над главной картинкой. Здесь обычно размещают логотип, ссылки на разделы сайта, контактную информацию. Хедер помогает идентифицировать письмо: читатель видит имя бренда в поле «от кого», а открыв письмо, видит логотип:

Идентификация бренда в поле отправителя и хедере письма

Как не надо

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

Перегруженный хедер письма

2. Картинки плохого качества в хедере портят внешний вид письма и создают впечатление любительского дизайна рассылки:

Плохое качество картинки в шапке письма

Как надо

1. Выделите главную информацию, которая соотносится с темой письма. Например, в рассылке сервиса покупки билетов Busfor.ua есть логотип с подписью и ссылка для подбора билетов:

Только нужная информация в хедере email

2. Добавьте в хедер настроения, используя праздничную или сезонную атрибутику. Небольшие обновления делают рассылку интереснее для постоянных читателей. Например, магазин одежды в своей новогодней рассылке добавил в логотип шапку Санта-Клауса:

Новогодний атрибут в хедере письма

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

Как не надо

1. Футер не должен быть свалкой. Выносите в конец письма служебную информацию и менее важные ссылки, но делайте это с умом.

Футер перенасыщен информацией

2. Не прячьте ссылку отписки. Если читателю сложно отписаться, он будет отправлять письма в спам. А жалобы на спам ухудшают репутацию отправителя. В примере ниже текст футера, включая ссылку отписки, почти сливается с фоном:

Нечеткая информация в футере рассылки

Как надо

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

Структурированная информация в футере

2. Делайте ссылку отписки заметной. Это будет честно по отношению к подписчику и снизит вероятность отправки письма в спам:

Заметная ссылка отписки в рассылке

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

Дружелюбная подпись в футере

Изображения в дизайне письма рассылки

Фотографии, инфографики, картинки — неотъемлемая часть дизайна email рассылки. Хорошо подобранные изображения помогают передать настроение, эмоции, задают стиль письма.

Как не надо

1. Нельзя делать рассылку, состоящую только из одних картинок или сплошной картинкой. По результатам исследования, 43% пользователей Gmail читают почту с отключенными изображениями. Содержание письма должно оставаться понятным, если в нем будет только текст.

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

Белый текст на светлой фотографии читается плохо

3. Не используйте изображения больше необходимых размеров. Например, если ширина блока 300 px, то не нужно брать для него картинку шириной 1200 px.

Как надо

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

Чтобы оптимизировать изображения для писем можете воспользоваться этими сервисами: Squoosh, TinyPNG.

2. Прописывайте Alt-текст для картинок и фотографий. Так пользователи смогут понять смысл письма, даже если картинки не загружаются автоматически. Текст должен соответствовать смыслу картинки.

3. Увеличивайте размер иконок в два раза, чтобы у пользователей iPhone и Macbook с Retina экраном они отображались в хорошем качестве. Например, если в рассылку нужно добавить иконку размером 70×20, на сервер ее загружают в размере 140×40. А потом уменьшают, указав в коде атрибут width=”70″.

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

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

5. Выбирайте картинки хорошего качества — на бесплатных фотостоках или сделанные вами.

Дизайн CTA

В email рассылке call to action — это кнопка или ссылка, которая призывает читателя выполнить целевое действие: зарегистрироваться на вебинар, купить товар на сайте, заполнить анкету. Четкий призыв к действию и его правильное размещение в письме помогают увеличить CTR. А ошибки могут сделать письмо бесполезным.

Как не надо

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

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

Призыв к действию находится ниже первого экрана, а в подводке много воды

3. Если оформляете call to action ссылкой, она не должна теряться на фоне другого текста. В примере ниже ссылки с призывами сложно заметить сразу:

Светлая ссылка теряется на фоне письма

Как надо

1. Размещайте призыв к действию в пределах первого экрана. Если письмо длинное, добавляйте призывы к действию по ходу чтения: в середине и в конце письма. Так делают в рассылке интернет-супермаркета Rozetka. Call to action размещен в шапке письма и под акционными товарами:

Несколько призывов к действию в рассылке интернет-супермаркета Rozetka

2. Согласовывайте призыв к действию с заголовком письма. Когда call to action вытекает из темы, письмо выглядит логичным и последовательным. Например, Нил Патель, создатель KissMetrics, в теме обещает рассказать, как высоко ранжироваться в поисковых системах без бюджета. А призыв к действию говорит: «Вот формула».

В письме сall to action соответствует теме

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

Явный призыв к действию в рассылке

Чтобы было удобно проверять свое письмо перед отправкой, мы собрали все советы «как надо» в список. Его можно использовать для самопроверки:

Чек-лист по дизайну email рассылки

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

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

Шаблоны SendPulse для email рассылок

Готовьте адаптивные и красивые письма в SendPulse, тестируйте разные приемы в оформлении с помощью A/B тестов. Регистрируйтесь и отправляйте эффективные email рассылки, дополняйте их сообщениями по SMS, Viber и в чат-ботах. Используйте умные попап формы для сбора контактов, напоминайте о себе с помощью web push уведомлений. Создавайте сайты и мультиссылки, запускайте онлайн-курсы и отслеживайте путь клиентов в нашей бесплатной CRM.

Дизайн письма для рассылки: Рекомендации по оформлению

Email-рассылка – это визитная карточка бизнеса в общении с подписчиками. Каждый человек, открывая сообщение, в первую очередь обращает внимание на визуал, а после уже на текст. Структура и наполнение email: графика, иллюстрации, цвета, шрифты – это все играет важную роль в прочтении письма до конца и влияет на выполнение пользователем нужного действия. В этом материале мы делимся рекомендациями для дизайна email-рассылок.

Шаблон

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

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

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

Если вы решите сделать макет самостоятельно, не забывайте, что каждый элемент письма имеет свои правила верстки. Так, для отступов (между блоками, справа/слева/сверху/снизу) мы рекомендуем использовать одинаковые значения, например по 20, а для выделения элемента – 10 и 20 или 15 и 30 (второе значение кратно 2). В противном случае, если взять хаотичные значения (10,15, 25), письмо будет выглядеть неаккуратно.

Редактор eSputnik работает по принципу drag-and-drop – это позволяет добавлять любые блоки простым перетаскиванием в шаблон. Создавайте разные макеты в зависимости от типа рассылки, времени года, праздника и т. д. Но помните, что в каждом должен оставаться фирменный стиль. Придумайте свою изюминку в дизайне email-письма, которая будет выделять вас среди конкурентов и будет узнаваемой для подписчиков.

Создать красивую рассылку

Адаптивный дизайн

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

Напомним оптимальные размеры шаблона для рассылки: десктоп – 600px, мобильная версия – 320px. Чтобы просмотреть письмо с большей шириной, подписчику нужно будет делать горизонтальный скролл, который просто непривычен для email.

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

Header

Хедер – шапка письма, находится над основной картинкой, в нем чаще всего размещают логотип и меню со ссылками на разделы сайта или контакты. Шапка помогает быстро идентифицировать бренд: получатель видит имя отправителя в поле “От кого”, а когда открывает письмо, сразу обращает внимание на логотип. Не перегружайте этот блок данными, чтобы на первом экране поместилась основная мысль сообщения, давайте только важную информацию и используйте качественные изображения.

Footer

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

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

Текст

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

Максимальная ширина текстового блока – 600px – этого достаточно для нормального восприятия абзаца в 3-4 строчки, где можно вместить 6-8 предложений. В одной строке обычно помещается до 80 символов. Текст с четкой структурой просто и приятно читать.

Цвет текста

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

Шрифт

Шрифты можно разделить на:

• безопасные – те, которые отображаются всеми почтовыми клиентами – это Arial, Verdana, Tahoma, Times New Roman и др. Полный список можно посмотреть здесь;
• небезопасные – они могут не поддерживаться почтовиками – это Georgia, Courier и др.

Для оформления текста email-письма, конечно, надежнее использовать безопасные шрифты. Если вам нужен шрифт типа антиква, с засечками и нестандартными символами или дизайнерский/собственный, обязательно прописывайте запасной в коде письма и тестируйте рассылку, чтобы убедиться в правильности отображения. Напомним, что с eSputnik вы можете добавлять кастомные шрифты в рассылку.

Стандарты оформления шрифтов для емейл-письма: 

• размер – 14-16px, межстрочный интервал 1.5 – так получателю не придется вчитываться в каждое слово;
• без Caps Lock – письма, в которых много текста написано капсом, часто отправляются в спам.

Совет: реагируйте на изменения в обществе. Например, в октябре этого года многие крупные компании (“Яндекс”, “Лента”, “Почта России”, “РБК” и др.) изменили написание своих логотипов в стиле доброшрифта – специального шрифта, приуроченного к Международному дню ДЦП. Это пример изменения оформления всего одного элемента, но действительно важного для привлечения внимания аудитории к острым проблемам.

Last post

Тема письма

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

Рекомендуемое количество символов в теме для десктопной версии – 70-150, для мобильных – 35-40. Чаще всего пользователи открывают сообщения, тема которых состоит из 6 слов. Эти цифры не нужно держать в голове: теперь наш редактор показывает рекомендации при создании письма.

Preheader

Прехедер дополняет тему и тоже влияет на Open Rate: 24% получателей на его основе принимают решение, открыть рассылку или нет. Пишите понятный и короткий прехедер. Например, Gmail покажет предложение в 100-120 символов, включая пробелы. Если вы не хотите, чтобы получателю пришлось читать дважды одно и то же, используйте для написания прехедера маленький кегль и основной цвет фона (его будет не видно). Чтобы у вас не возникло проблем с оформлением прехедера, в редакторе eSputnik уже все учтено, просто заполняйте поле «Скрытый предзаголовок».

Цифры, эмодзи, знаки

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

Изображения

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

Баннер

Он задает тон письма, поскольку обычно размещен в начале сообщения. Иногда делают несколько баннеров для разных текстовых блоков. Каждый из них должен быть ярким, привлекательным, соответствовать стилю компании. В основную картинку можно включить логотип, если его нет в шапке. Также рекомендуем добавлять на большой баннер СТА. Оптимальные размеры баннера: высота – 300px, ширина – 600px.

Alt-текст

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

Изображения для карточек товара

Всегда лучше увидеть товар, чем читать рассказ с его описанием. Поэтому товар нужно показать во всех ракурсах, а еще лучше – в действии. Для этого подойдут качественные фото деталей, анимации. Если у товара есть несколько вариаций цветов, моделей и т. д, можно использовать эффект “ролловер”: при наведении на картинку она будет меняться на другую.

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

Dark Mode

Чтобы в темном режиме картинки выглядели так же корректно, как и в обычном, делайте следующие элементы с прозрачным фоном:

• логотип и заголовки картинкой;
• иконки социальных сетей;
• изображения товаров;
• фото автора рассылки.

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

Фон

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

Фоновое изображение

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

Негативное пространство

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

На примере рассылки от Apple с использованием пустого пространства можно увидеть, как контраст с фоном, минимум текста, яркие цвета и свечения акцентируют внимание на MacBook.

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

Цвета

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

Ссылки

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

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

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

CTA

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

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

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

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

Хотите доступ к 300+ шаблонам?

К выводам

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

Не старайтесь добиться совершенства в дизайнерских фишках: то, что они понравились вам, не значит, что они понравятся всем. Точнее, обязательно кому-то они не понравятся и это нормально. Чтобы создать привлекательное во всех смыслах сообщение:

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

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

Создание и отправка кампаний прямой почтовой рассылки

Маркетинговых писем прямой почтовой рассылки

Исследования показали, что персонализированное письмо является одним из лучших способов побудить кого-то купить ваш продукт или воспользоваться вашими услугами. Место, которое письмо предоставляет для маркетинга, — лишь одно из многих преимуществ.

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

Отличные шаблоны писем 

С помощью Postalytics Direct Mail Editor вы можете создавать и редактировать письма в несколько кликов с помощью нашего редактора писем для прямой почтовой рассылки, разработанного экспертами в области маркетинга.

Связано с вашей CRM

Отправьте сообщение своим идеальным клиентам, импортировав сегментированный список из любой используемой вами программы CRM.

Кампания по отслеживанию писем

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

Связано с вашей CRM

Отправьте сообщение своим идеальным клиентам, импортировав сегментированный список из любой используемой вами программы CRM.

Как отправить письмо прямой почтовой рассылкой

1. Зарегистрируйтесь в Postalytics 

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

2. Выберите шаблон письма 

   Вы можете создать шаблон с нуля, используя шаблон письма 8,5 × 11, из готового шаблона или путем импорта из автономной программы дизайна.

3. Создайте свое письмо

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

Отправить письмо прямой почтовой рассылкой сейчас

Преимущества писем прямой почтовой рассылки

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

Обратитесь к своей аудитории

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

Как составить письмо 

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

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

Персонализируйте письмо клиенту

Редактор писем Postalytics Direct Mail упрощает настройку дизайна писем. Вы можете ввести свое сообщение, изменить шрифт на панели «Свойства», вставить логотип и персонализировать с помощью переменных данных. Вам не нужны какие-либо дизайнерские способности или опыт, чтобы редактировать готовые шаблоны или даже создавать собственный шаблон письма. Postalytics разработала интуитивно понятную систему дизайна с помощью перетаскивания, которая очень проста в использовании. В течение нескольких минут вы можете создать письмо, выбрать вариант печати и начать рассылать письма по почте через USPS своей целевой аудитории. С Postalytics не становится проще и доступнее.

Готовы создать письмо прямой почтовой рассылки?

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

Часто задаваемые вопросы

Что такое прямая почтовая рассылка?

Прямая почтовая рассылка — это форма печатного маркетингового материала, рассылаемого непосредственно вашим клиентам, чтобы они попадали в их почтовый ящик. Они эффективны для коммерческих писем, писем по сбору средств, вступительных или сопроводительных писем, а также в тех случаях, когда вы хотите иметь более подробную информацию, чтобы поделиться со своими клиентами. Шаблоны писем почтовой рассылки Postalytics предназначены для создания полноцветных писем размером 8,5 x 11 дюймов с текстом 60#/89.gsm, а также выбор пользовательских конвертов для прямой почтовой рассылки, двусторонняя печать, несколько страниц и фоновые изображения.

Как написать письмо прямой почтовой рассылки?

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

Какой длины должно быть маркетинговое письмо по почте?

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

Mail Letter Format: Best Templates

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

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

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

Как создать шаблон почтового письма

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

Поймите, кто является вашими целевыми получателями

Формат почтового письма может немного отличаться в зависимости от места, куда вы отправляете письмо, и цели рассылки. Почтовый размер 8,5 x 11 дюймов является стандартным в США, в то время как 210 x 29Бумага формата А4 7 мм используется в Великобритании. Поэтому заранее изучите информацию, чтобы не запутать получателя.

Определите цель письма

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

Читать Обзор почтовых тарифов и цен на 2022 год

Шаблон почтового письма: как оформить (с примерами)

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

‍

[фирменный бланк]

‍

123 Drummond Avenue

Portland, OR 97205

‍

23 марта 2022 г.

‍

Мистер Джеймс Смит

River Inc.

578 Burns Road

Спрингфилд, Орегон 97477

‍

Уважаемый мистер Смит!

‍

СКИДКА 60% в эту Черную пятницу

‍

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

‍

Широкий выбор товаров для дома для каждой семьи:

‍

Приборы для приготовления пищи,

Приборы для уборки,

Наборы инструментов для самостоятельной работы,

И многое другое.

‍

Спасибо, что являетесь нашим постоянным клиентом.

‍

Ура,

‍

Адам Браун

‍

Начальник отдела маркетинга

‍

Доступно предложение в любом из наших 12 отделений по всей стране

‍

Как показано в образце письма, типичный формат почтового письма включает:

• Бланк

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

• Имя и адрес

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

• Дата

Если вы отправляете предложение по почте, получатель должен знать, действительно ли оно еще при открытии письма. Как правило, каждое письмо содержит выписанную дату. Примерная дата отправки письма — 16 февраля 2022 года. Ссылка с кратким описанием достигает этого.

• Приветствие

Для делового письма наиболее подходящим является официальное приветствие. Пример письма с приветствием по почте может быть «Уважаемый мистер Пит Эдвардс».

Читать Как отправить письмо: пошаговые инструкции

Готовы очаровать своих клиентов?

Автоматически отправлять персонализированную прямую почтовую рассылку на основе действий клиента.

Спасибо! Ваша заявка принята!

Ой! Что-то пошло не так при отправке формы.

Отправляя эту форму, я подтверждаю, что прочитал и понял Политику конфиденциальности Inkit .

Начните сегодня

Спасибо! Ваша заявка принята!

Ой! Что-то пошло не так при отправке формы.

Отправляя эту форму, я подтверждаю, что прочитал и понял Политику конфиденциальности Inkit .

• Тема/тело

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

• Закрытие

Закрытие простое, например, С уважением или С наилучшими пожеланиями. Сделайте это кратко и точно.

• Подпись

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

• Инициалы отправителя

Как и в случае с подписью, имя и инициалы указывают на то, что письмо принадлежит компании.

• Приложения

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

Примеры прямой почтовой рассылки для делового общения

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

Пример почтового формата письма для печатного письма 021

 

‍

Мистер Джеймс Смит

River Inc.

578 Burns Road

Спрингфилд, Орегон 97477

‍

Уважаемый мистер Джеймс Смит!

‍

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

‍

[подпись]

Терренс Джон

Менеджер по работе с клиентами

Полублочный формат письма для отправки по почте

‍

Терренс Джон

15 ноября 2021 г.

‍

Dosiere Inc.

Джеймс Смит

123 Драммонд Авеню

Портленд, Орегон 97205

‍

Уважаемый г-н Джеймс Смит:

‍

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

‍

Широкий выбор товаров для дома для каждой семьи:

‍

• Домашние развлекательные системы,
• Диваны,
• Кухонная техника,
9022 3 Кровати,
• Комоды,
• И многое другое.

‍

С уважением,

‍

[подпись]

‍

Терренс Джон

‍ 900 07

Inkit Send для автоматизации прямой и пакетной рассылки

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

Вот что вы можете ожидать:

• Интеграция с прямой почтой . Пользователи могут интегрировать свое программное обеспечение CRM с Inkit Send API, чтобы автоматическая прямая почтовая рассылка стала одной из его функций. Интеграция с API проходит гладко и требует минимального времени для завершения и настройки.
• Автоматизация полного цикла . Send автоматизирует каждый этап прямого почтового маркетинга, от печати почты до доставки и отслеживания. Следовательно, вашей команде не нужно контролировать процесс. Это уменьшает ручные усилия маркетологов и делает рассылки более точными.
• Многоканальные кампании . Inkit Send позволяет сделать прямую почтовую рассылку такой же персонализированной, как онлайн-каналы. Он становится эффективным элементом ваших многоканальных маркетинговых кампаний.

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

Готовы очаровать своих клиентов?

Автоматически отправлять персонализированную прямую почтовую рассылку на основе действий клиента.