Оформление электронного письма: Правила оформления электронных писем

Правила оформления электронных писем

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

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

Время реакции на входящие письма

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

Недопустимо не отвечать на письма дольше 1 рабочего дня.

На каждое поступившее письмо необходимо давать оперативный ответ (на ответы о получении вашего письма давать ответ о получении ответа не нужно).

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

Оформление темы письма

Каждое письмо должно содержать тему (Subject), сформулированную в нескольких словах. По содержимому темы получатель должен определить содержание письма или найти письмо в длинном списке других сообщений.

Если это письмо-ответ, то обычно перед темой указывается «RE:«.

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

Вставку «RE:» и «FWD:» почтовые клиенты обычно делают автоматически.

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

Письма с пустой темой неудобны при просмотре списков писем и некоторыми системами спам-защиты помечаются как «возможный спам».

Использование бэкграундов и оформительских скинов

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

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

Употребление имен собственных в поле «От кого» («From»)

Имена должны быть написаны латиницей, в транслите.

Например:

Sergius Sizykh [[email protected]ляляля.ru]

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

Приветствие

В начале письма обязательно должно быть приветствие. Например:

Добрый день, Иван Иванович!

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

Подпись

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

Подпись должна быть:

  • компактной;

  • содержать ФИО или псевдоним автора;

  • содержать какое-нибудь пожелание для получателя (пусть ему будет приятно)

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

Пример правильной подписи:

[ пустая строка ]

С наилучшими пожеланиями,

Сергей Сизых, [email protected]ляляля.ru


664025, Россия, Иркутск, бульвар Гагарина 38 А, оф. 309

Телефон: (3952) 21-11-01, 20-20-86

Цитирование исходного письма

При переписке желательно сохранять предыдущие тексты.

Новый текст располагается в начале письма. Предыдущие исходные тексты пусть остаются в конце. Это противоречит правилам многих форумов. Однако, почта это не форумы. В форумах вся переписка сохраняется изначально. А в письмах почему-то исходные тексты часто удаляют. И сами письма зачастую не архивируются – почта всё-таки не безразмерная. Со временем становится непонятно кто и о чём говорил в процессе переписки.

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

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

Например:

ИИ> Сколько стоит разработка сайта?


Разработка сайта стоит 3 рубля.


ИИ> Срок?


2 часа

Ошибки в тексте

Некоторые почтовые клиенты (в частности Microsoft Outlook) умеют проверять наличие грамматических ошибок в текстах в момент ввода. Некоторые не умеют.

Если почтовый клиент не проверяет орфографию, а вы чувствуете, что с грамматикой не всё в порядке, то не поленитесь перед отправкой письма проверить текст в Word. Все ошибки не исправятся, но наиболее грубые ошибки и опечатки будут устранены.

Сергей Сизых,
ООО «Виртуальные технологии»

Электронное письмо – как правильно написать

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

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

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

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

Всегда заполняйте поле «Тема». Это ну очень важно. Люди делают первоначальную оценку по теме– стоит читать или сразу удалить электронное письмо. Если адрес неизвестен получателю, то тема должна вызвать интерес ознакомиться с письмом. Отсюда правило – тема должна состоять приблизительно из 3-4 слов, быть привлекательной и отражать содержание письма. Плохие примеры тем: «вопрос», «письмо», «срочно».

Как написать текст электронного письма

Начните письмо с приветствия. Для деловой переписки «Здравствуйте, уважаемый господин Залихватский» или «Добрый день, уважаемая Алена Игоревна» то, что нужно. Заканчивать послание возможно традиционным «С уважением, …».

Если вы не знакомы адресату, тогда укажите цель своего обращения («…видел Ваше рекламное объявление там-то, Вы заинтересованы получить то-то, могу предложить …»).

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

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

Не вставляйте в письмо мелкие подробности – для этого служат вложенные файлы или ссылки на полезные материалы с комментариями в тексте. Если же необходимо послать вложенный архивированный файл rar или zip, предупредите об этом в тексте послания (чтобы не подумали, что это вирус).

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

Образец подписи в электронном письме:

С уважением,
Евгения Полоса
kontakt @delo-ved.ru
http://delo-ved.ru

Окончательная проверка электронного письма

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

Контролируем – начало предложений и имена собственные идут с прописной буквы, между словами обязательны пробелы. Дурное впечатление накладывается от злоупотребления заглавными буквами и знаками препинания для придания выразительности (например, СРОЧНО!!!!). Многие недооценивают степень негативного отпечатка наличием указанных недостатков.

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

Евгения Полоса

Спасибо Вам за добавление этой статьи в:

Еще интересное по теме:

К записи 8 комментариев

Дизайн писем — Еmail маркетинг

Время чтения: 7 минут

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


Читать дальше →


Время чтения: 7 минут

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


Читать дальше →


Время чтения: 5 минут

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


Читать дальше →


Время чтения: 4 минут

Исследования Adestra показали, что таймер в письмах о Чёрной пятнице может принести на 171% бóльшую открываемость и в четыре раза больше переходов на сайт, чем обычная рассылка. Впечатляющие результаты, правда? Но не Чёрной пятницей единой — письмо с таймером подойдёт


Читать дальше →


Время чтения: 8 минут

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


Читать дальше →


Время чтения: 9 минут

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


Читать дальше →


Время чтения: 8 минут

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


Читать дальше →


Время чтения: 9 минут

Более 40 % россиян заказывают товары в интернете, и количество онлайн-покупателей растёт. Скорее всего, вы тоже хоть раз что-то приобрели онлайн. Заказывать одежду, косметику, еду, продукты таким образом удобно: не нужно выходить из дома, кому-то звонить — просто добавляете понравившиеся


Читать дальше →


Время чтения: 7 минут

Тёмная тема — режим оформления операционной системы, который переключает обои, интерфейс и приложения в чёрно-серые оттенки. О ней активно заговорили в 2019 году — вспомните историю с комментариями Вконтакте, нашумевшую презентацию тёмного обновления системы для iOS и Android. По данным


Читать дальше →


Время чтения: 6 минут

Времена меняются — меняется и блог Mailigen. В лучшую сторону, конечно. Мы запускаем новый формат статей. Их суть в том, чтобы нести пользу и клиенту, и вам. Клиент получает аудит рассылки с советами по доработке, мы — материал для новых


Читать дальше →

Оформление email писем: Правила и лучшие практики

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

12 правил эффективного составления писем

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

Что нужно сделать перед составлением письма для рассылки:

  • Четко сформулируйте цель отправки.
  • Определитесь с вашей целевой аудиторией: рассылка будет по всей базе или определенному сегменту?
  • Каким будет письмо для рассылки: рекламным или информационным?
  • Выделите основную мысль, которую хотите донести в тексте.
  • Не бойтесь показаться смешным. Лучше быть творческим и интересным, чем стандартным и скучным.

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

Теперь предлагаем подробнее ознакомиться с 12 правилами того, как правильно делать email-рассылку.

1. Отправитель должен быть узнаваем

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

2. В поле «Тема» четко отображайте основную идею письма

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

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

Например, тема письма о конференции выделяется на фоне остальных:

Хотите бесплатный шаблон письма?

Получить!

3. Не игнорируйте прехедер

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

4. Начните письмо с приветствия

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

Имена, прошедшие проверку, будут добавлены в емейлы при рассылке, а с ошибками – нет.

Избегайте обращений вроде: «Доброго времени суток, Дорогой (-ая), Уважаемый (-ая)».

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

5. Убедите читателя, что письмо адресовано ему

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

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

6. Минимум воды

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

Если вы отправляете сообщение с подборкой товаров, то уместно использование нескольких видов кнопок: для карточек и остальных задач. Кроме того, несколько призывов будут хорошо смотреться в длинном письме, разбитом на тематические блоки. Это визуально облегчит восприятие текста, и пользователю не придется искать СТА по всей простыне сообщения. Разным типам кнопок нужен свой дизайн, чтобы их можно было отличить.

7. Следите за целостностью письма

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

8. Избавьтесь от терминов

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

Например, сравните два текста:

  • Обувь с металлическими подносками защитит пальцы от ударов с энергией до 200 Дж. Проколозащитная прокладка должна уберечь от проколов и порезов, согласно ГОСТ 28507. Подошва из полиуретана обладает износостойкими свойствами — ГОСТ 12.4.137.
  • Полиуретановая подошва прослужит долго, а также защитит обувь от проколов и порезов.

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

9. Не текстом единым

Картинки были и остаются must have для привлекательной структуры письма. Они разнообразят макет, делают его более наглядным и помогают вашим письмам запоминаться. Но и баланс нужно соблюдать: не делать сообщение сплошной картинкой и придерживаться соотношения 60%/40% в пользу текста, чтобы не иметь проблем с почтовиками. Читайте подробнее, как грамотно работать с изображениями для емейлов, в этой статье.

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

10. Обязательно «прощайтесь» в футере

Можно не использовать стандартные фразы, а просто указать:

  • от кого адресовано письмо,
  • контактные данные,
  • ссылки на социальные сети,
  • адреса магазинов и т.д.

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

Оформление email-рассылок требует добавления в футер ссылки на отписку – это обязательное условие почтовых служб. Ссылка должна быть хорошо видна пользователям. Некоторые компании дополнительно объясняют клиенту, почему его адрес оказался в рассылке. Другие – просто ограничиваются лаконичным словом “Отписаться” в конце емейла. А можно проявить фантазию и оформить это предложение в короткую фразу с ноткой юмора.

11. Проверяйте письмо перед отправкой

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

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

Текст не должен содержать технических и грамматических ошибок. На привлекательное, грамотное, интересное сообщение читатели откликнутся более охотно.

12. Экспериментируйте

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

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

Удобный редактор писем

Попробовать

Смело пишите письма, дополняйте емейл-кампанию Viber-рассылкой, пуш-уведомлениями или СМС в омниканальных сценариях. Так ваши электронные кампании будут ещё эффективнее.

Оформление электронного письма: структура и дизайн

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

  1. Зачем нужна email-рассылка
  2. Структура электронного письма
  3. Как правильно оформить электронное письмо: шесть главных критериев
  4. Лучший дизайн писем, который вас вдохновит

Зачем нужна email-рассылка

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

  1. Установить личную связь. Если клиенты оставили вам электронный адрес, значит, доверяют и настроены на долгосрочные отношения. 72% людей предпочитают получать рекламный контент по почте, а не в соцсетях. Оправдайте их ожидания: почта позволяет сегментировать и персонализировать сообщения, основываясь на интересах и предыдущем опыте взаимодействия с брендом.
  2. Расширить целевую аудиторию. Email-рассылка оказалась в 40 раз успешнее в привлечении новых клиентов, чем Facebook или Twitter. Собирайте адреса потенциальных клиентов: разместите призыв к подписке на сайте или в соцсетях, пообещав взамен полезную информацию (например, чек-лист или инструкцию).
  3. Увеличить эффективность рекламы. 90% электронных писем доходят до адресатов, тогда как на Facebook только 2% подписчиков видят сообщения брендов в новостной ленте. Кроме того, email-рассылка позволяет легко отслеживать и измерять результаты рекламной кампании и уровень вовлеченности.
  4. Подтолкнуть к покупке. 59% людей находятся под влиянием почтового маркетинга, когда принимают решение о покупке. Но это не значит, что нужно продавать в каждом сообщении: контент должен быть разнообразным, чтобы постепенно подогревать интерес к бренду и не вызывать раздражения.

Структура электронного письма

Люди не читают, а сканируют продающие сообщения — помогите им быстро сориентироваться, используя четкую структуру письма:

Хедер

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

Основной блок

Содержание письма: заголовок, изображения, графика, текст и  СТА («call to action» — призыв к действию). В зависимости от расположения элементов выделяют такие разновидности блока:

  • Колонка. Стандартный вид, когда все элементы располагаются ровно друг под другом. Такие письма лучше всего адаптируются к десктопной и мобильной версиям почтовых сервисов, но выглядят шаблонно.
  • Перевернутый треугольник. В шапке располагаются самые крупные и широкие элементы (заголовок, изображения). Дальше макет сужается и сопровождается коротким текстом, который заканчивается кнопкой СТА.
  • Зигзаг. Самая креативная структура — угловая компоновка. Части письма разделены по диагонали. Как правило, текста здесь немного, а основными инструментами выступают иллюстрации и цвет.

Футер

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

Мечтаете о собственном лого?

Введите название компании в поле ниже и наш генератор предложит вам лучшие дизайны!

Совет. Чтобы каждый раз не создавать  дизайн с нуля, используйте готовые шаблоны. Платные и бесплатные шаблоны деловых писем можно найти в интернете (сайты Beefree, Campaign Monitor, Mailchimp и другие). Выберите тот, который соответствует вашим целям, и адаптируйте под фирменный стиль.

Как правильно оформить электронное письмо: шесть главных критериев

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

1. Текст

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

  • Интригуйте. Тема письма влияет на то, откроют ваше сообщение или выбросят в корзину: сделайте ее привлекательной и лаконичной. Оптимальная длина темы — не больше 65 символов.
  • Персонализируйте. Письма с личными темами открывают на 26% чаще. Постарайтесь не ограничиваться именем подписчика — используйте и другие данные, например, о его последней покупке.
  • Сконцентрируйтесь. Для основного текста существует золотое правило: одно письмо — одно сообщение. Не стоит начинать с истории компании, чтобы презентовать новый продукт. Если у вас несколько важных тем, отправьте несколько писем.
  • Тщательно выбирайте темы. Люди хотят читать не о вас, а о себе: не пишите о достижениях компании, а делитесь полезными советами, идеями или инфографикой.
  • Сокращайте. Большинство людей тратит на чтение рекламного письма меньше 15 секунд. Начните с самой важной информации и оставьте ссылку на статью на сайте или подкаст для тех, кто захочет узнать подробности.
  • Придерживайтесь структуры. Используйте подзаголовки, маркированные списки и разделители, чтобы облегчить восприятие.

2. Шрифты

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

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

3. Изображения

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

  • Не скачивайте стандартные безликие картинки со стоковых сайтов — это «белое пятно», которое пройдет мимо внимания читателей. Ищите оригинальные фото, дополняющие ваше сообщение, или генерируйте собственный контент.
  • Позаботьтесь о качестве: нечеткая картинка в маленьком разрешении или снимок с водяными знаками ухудшают впечатление о бренде.
  • Чтобы фотографии отображались корректно, убедитесь, что они правильного размера. Стандартная ширина электронных писем на десктопах — 600-640 пикселей. Чтобы сохранить четкость изображения на дисплеях с высоким разрешением, лучше увеличить ширину до 1200 пикселей.

4. CTA

У каждого письма есть цель — аккумулируйте ее в призыве к действию.

  • Не стоит использовать больше одного CTA, иначе читатели не будут знать, на что нажимать. Исключение — ритейлеры, которые предлагают несколько товаров с кнопками «Купить» к каждому.
  • Выделите кнопку на общем фоне: используйте яркие цвета и оставьте вокруг пустое пространство, чтобы привлечь внимание. Но помните, что дизайн СТА должен гармонировать с дизайном письма.
  • Эффективный текст на кнопке — короткий и подталкивающий к действию. Лучше всего работают активные глаголы, которые иногда усиливают наречием или существительным: «Записаться», «Хочу скидку», «Купить сейчас».
  • Размер должен быть достаточно большим, чтобы люди могли нажать на кнопку даже на телефоне (от 45×45 до 57×57 пикселей).

5. Цвет

Цветовая гамма — мощный инструмент психологического воздействия на клиентов.

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

6. Иконки

Дополнительный способ привлечь внимание целевой аудитории и улучшить читабельность.

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

Source: by Filip Greš

Три дополнительных совета

  1. Оставьте «воздух». Когда скомпонуете все элементы, посмотрите, достаточно ли между ними пустого пространства. Свободная область вокруг текста, фотографий и кнопок выделяет их и помогает восприятию.
  2. Оптимизируйте. Более 53% писем открывают на мобильных устройствах, и эта цифра растет с каждым годом. Используйте мобильные шаблоны, не пишите длинные темы и тексты, убедитесь, что ваши изображения отображаются корректно.
  3. Анализируйте эффективность. Отслеживайте коэффициент открытия и прочтения писем. Следите, какие из них получают больший отклик, какой процент людей переходит по ссылкам и доходит до покупки. По мере необходимости меняйте и усовершенствуйте рассылку, чтобы добиться лучших результатов.

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

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

Как составить деловое электронное письмо

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

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

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

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

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

  • первая относится к оформлению письма;
  • вторая – к общению с адресатом.

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

Фон

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

Шрифт

Если у компании есть корпоративный шрифт, то тексты всех писем и документов пишутся им. Если такого шрифта нет, то для электронной переписки рекомендуем выбирать простые шрифты без засечек: Arial, Calibri, Verdana. Цвет текста – черный или темно-серый.

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

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

Тема письма

Тему письма нужно заполнять обязательно. Это – важнейшее средство поиска писем в своем электронном ящике.

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

Оформление подписи в электронных письмах: советы и примеры

С уважением,
Имя Фамилия

Именно так мы раньше прощались с подписчиками, а теперь и с продажами. Да-да, подпись к электронному письму влияет на конверсию рассылки так же, как и на репутацию компании.

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

Что такое подпись отправителя в электронном письме?

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

  • Имя, фамилия
  • Название компании, в которой работает отправитель и его должность
  • Логотип компании или фото отправителя
  • Контактные данные (телефон, email, сайт и т.д.)
  • Ссылки на соцсети

Пример типичной подписи к электронному письму:

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

Собрав все эти данные в одном месте, вы предоставляете получателю своеобразную электронную визитку и:

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

Почему правильная подпись в письме так важна для бизнеса?

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

С помощью подписи в электронном письме вы можете:

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

Совокупность всех этих факторов повышает эффективность любой рассылки.

Но, как ни странно, далеко не все email маркетологи прорабатывают подпись в электронном письме.

Как оформлять подпись в электронном письме. Лучшие практики

Казалось бы, написал свое имя, добавил свои контакты и готово! Но нет. Как и в любом деле, здесь существует масса нюансов. Именно их мы проработали далее.

Соблюдайте дизайн

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

Чем лаконичнее оформление подписи в электронных письмах, тем лучше.
К примеру, как это делает в своих рассылках школа омоложения Ревитоника.

Сайт компании:

Те же цвета и шрифты в подписи к рассылке:

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

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

Правильно:

Неправильно:

Добавьте ваше фото или логотип компании

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

Обратите внимание: фото отправителя в идеале должно совпадать с фото иконки превью рассылки.

Соблюдайте иерархию

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

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

Главное не мешать эти методы: выбираем один-два максимум.

Не разглагольствуйте

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

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

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

Используйте иконки социальных сетей

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

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

Добавьте призыв к действию

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

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

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

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

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

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


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

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

Пример плохой подписи:

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

А вот пример удачной подписи в электронном письме:

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

Создаем собственную подпись электронного письма

Хотите создать собственную подпись отправителя и при этом сэкономить время? Используйте один из этих генераторов подписи электронного письма:

  1. ZippySig — автоматический генератор подписи в HTML формате. Доступен бесплатно, но за некоторые функции нужно платить.
  2. WiseStamp — еще один частично бесплатный генератор подписей, который поможет создать ее без познаний в области верстки. Как и предыдущий вариант, этот частично бесплатный.
  3. NEWOLDSTAMP — украинский сервис родом со Львова, который способен создать для вас интерактивную подпись. Инструмент также доступен частично бесплатно.
  4. MySignature — бесплатный генератор подписей электронной почты, который поможет в создании подписей для самых популярных почтовых клиентов.

Как добавить подпись к электронному письму в программе ePochta Mailer:

Программа для массовых рассылок ePochta Mailer имеет собственный генератор подписей. Добавить этот элемент можно несколькими способами.

  1. При создании рассылки вручную добавьте элементы подписи со вкладок “Элементы письма” и “Персонализация”.
  2. Если вы выбрали один из готовых шаблонов, просто отредактируйте его. Таким образом, вам не придется переходить из одного сервиса в другой при создании рассылки.
  3. А если вы хотите вставить подпись отправителя, которую вы сделали в другом сервисе, просто перейдите в HTML-редактор и добавьте код в футер письма массовой рассылки.

Какой из вариантов вы бы не выбрали, пользуйтесь нашими советами по созданию подписи электронного письма и достигайте успехов в email маркетинге!

Вывод

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

16 лучших примеров дизайна электронной почты. Электронный маркетинг жив. … | by uxplanet.org

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нет необходимости объяснять, что анимация электронной почты — это 100% использование файлов Gif. Все технологии, такие как Flash или Unity, с помощью которых вы можете создавать анимацию, не будут работать в почтовых клиентах, поэтому GIF — единственный выбор.Вот почему не забывайте о компрессорах GIF, которые позволяют оптимизировать размер сообщения электронной почты.

Вот симпатичный пример анимированного баннера электронной почты:

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

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

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

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

Вот минималистичный шаблон электронного письма от Loft:

Вот еще один симпатичный образец:

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

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

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

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

Вот идеальное и не менее креативное решение:

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

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

Вот наглядный пример, сделанный stripo.email:

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

Вам необходимо иметь навыки работы с HTML, чтобы добавить в свое сообщение нечеткое поле, но результат стоит затраченных усилий. Вот отличный пример баннера электронной почты на эту тему, сделанный Forever 21:

Еще одна функция, которую можно добавить, — это эффект переворачивания. Этот эффект можно использовать с любым элементом электронного письма, но обычно он используется для продуктов или элементов CTA. Он привлекает внимание так же, как и анимация.

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

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

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

Вот как это сделать! Прежде всего, вы должны объявить соответствующий стиль в теге:

Следующим шагом будет использование этого стиля в теге:

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

Вот как выглядит результат:

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот пример, где все, от шрифтов до цветов, сделано для подчеркивания стиля бренда:

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

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

Подход, ориентированный на мобильные устройства, в дизайне и разработке действительно популярен, и для этого есть много причин. Во-первых, согласно статистике 2015 года, 75% пользователей Gmail открывают свои почтовые ящики с помощью мобильных устройств. Это уже повод задуматься о дизайне мобильной электронной почты, потому что Gmail — один из самых популярных почтовых клиентов.

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

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

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

Вот пример того, как проверить мобильную версию при написании адаптивного шаблона электронного письма в редакторе писем Stripo:

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

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

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

Вот пример идеального руководства по электронной почте:

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

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

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

Вот идеальный образец дизайна электронного бюллетеня от 99 Designs:

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

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

Вот очень стильное решение для информационного бюллетеня от 99 Designs:

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

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

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

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

Какую информацию разместить в нижнем колонтитуле?

Сколько блоков я должен использовать?

Какого цвета будет почта для этого образца дизайна?

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

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

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

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

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

Самое главное при поиске баланса — это A / B тестирование. Это то, что поможет вам определить, какой образец работает лучше других.

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

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

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

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

Руководство по созданию электронного письма

Руководство по созданию электронного письма

Шаблоны

Личность

Цвет

Изображения

Макет

Шрифты

Призыв к действию

×

10 примеров успешного дизайна электронной почты и как сделать свой собственный

Около 40% маркетологов B2B говорят, что информационные бюллетени по электронной почте являются одним из ключевых факторов их успеха в контент-маркетинге.

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

Что делает электронную почту или рассылку успешной? Один из основных элементов дизайна и макета, который привлекает людей и увеличивает ваш CTR.

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

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

Цвет может влиять на настроение и действия зрителя. Добавление цвета в электронную почту может иметь большое значение.

1. Ток

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

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

Место размещения: В электронном письме помещаются два призыва к действию: «Explore Tock» и «Learn more».

Если кто-то готов пользоваться услугами Tock, он с большей вероятностью нажмет первый CTA.

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

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

2. Гарри

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

По мере того, как вы прокручиваете письмо дальше вниз, оно начинает говорить о преимуществах покупки этого продукта в качестве подарка, например, о возможности выгравировать инициалы счастливого получателя. Конец создает ощущение срочности, используя слова «Limited Edition» и напоминая читателю, что он доступен только в течение короткого времени, потому что зима длится так долго.

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

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

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

3. Мисс Селфридж

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

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

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

4. Beauty Bay

Почему это работает
Копия: Иногда лучше меньше, да лучше. Beauty Bay нашла интересный способ привести читателей на свой веб-сайт с помощью однострочного заголовка: «Сюда, следуй за мной, давай». Автоматическое указание направления с помощью помады, перемещающейся по странице.

Дизайн: GIF и копия идут рука об руку, ведущие вниз по электронной почте. Почему это письмо работает? Элемент неожиданности. Как часто вы открываете электронное письмо с необычной помадой? Не очень часто.

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

Добавьте немного анимации в микс

Дизайн электронной почты

в формате GIF не нов, но он более популярен среди почтовых клиентов B2C. Они дают читателям электронных писем другие впечатления по сравнению со статическими изображениями или текстом.

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

электронных писем, содержащих видео или GIF-файлы, могут повысить вашу открываемость на 19% и CTR на 50%. Это потому, что вероятность просмотра видео в 12 раз выше, чем чтения текста. С помощью видео вы можете передать чувство или сообщение намного быстрее, чем текст, поэтому читатели могут быстрее принять меры.

5. Hunter Original

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

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

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

Готовы создать собственный дизайн электронного письма в формате GIF?
Вот два полезных руководства, чтобы научиться создавать GIF в Photoshop или Canva.

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

Если вы фанат электронного маркетинга, ознакомьтесь с геймифицированной электронной почтой EmailMonk. Они первыми разработали геймифицированное письмо с лабиринтом.

6. EmailMonk

Если вы фанат электронного маркетинга, ознакомьтесь с геймифицированной электронной почтой EmailMonk. Они первыми разработали геймифицированное письмо с лабиринтом.

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

7. HD брови

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

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

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

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

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

8. Nordstrom

Почему это работает
Копия: Nordstrom не теряет времени на создание своей копии.Читатели могут сразу сказать, что есть распродажа, и могут сэкономить до 40% на покупках.

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

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

Не хватает слов? Используйте гениальный подход к использованию смайликов, символов или знаков препинания. Это то, что J.Crew сделал со своим дизайном электронной почты.

9. J.Crew

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

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

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

10. Что общего у всех этих выигрышных писем?

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

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

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

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

  4. Секретный соус для создания выигрышного письма — это A / B-тестирование дизайна и макета до получения максимальных результатов. Без проверки электронной почты вы не узнаете, что работает, а что нет.Перестаньте слепо стрелять в темноте и начните A / B-тестирование своих писем.

Вот несколько руководств по электронному маркетингу, которые помогут вам:

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

Сводка

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

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

Что вам больше всего понравилось из наших 10 успешных примеров дизайна электронной почты и почему? Комментарий ниже — я буду рад получить от вас известие.

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

Маркетинговые письма влияют на решения о покупке для 59% людей

К 2022 году их будет 374.Ежедневно отправляется 3 миллиарда писем.

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

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

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

Вы узнаете и найдете:

5 платформ, к которым можно обратиться за вдохновением в дизайне электронной почты

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

Эти пять веб-сайтов являются нашими источниками вдохновения для дизайна электронной почты:

[Источник: Pinterest]

1.Pinterest

Эта платформа для социальных сетей отлично подходит для поиска креативных дизайнерских решений в целом.

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

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

[Источник: блог Canva]

2. Блог Canva

Платформа онлайн-дизайна Canva имеет собственный набор ежедневных ресурсов и дизайнерских идей.

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

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

[Источник: действительно хорошие электронные письма]

3. Действительно хорошие электронные письма

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

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

[Источник: электронная почта галереи]

4. Электронная почта галереи

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

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

5. Настоящее руководство

Продолжайте прокручивать.

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

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

Типы рассылок по электронной почте

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

Хотя нет четкого консенсуса относительно того, сколько существует таких типов почтовых кампаний, наиболее популярными являются следующие:

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

1. Примеры рекламных кампаний по электронной почте

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

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

1,1 Apple AirPod Pro

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полный бюллетень.

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

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

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

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

1.2 соли и перца Грейт-Джонса

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня

Great Jones специализируется на таких товарах для дома, как кухонная техника и инвентарь. Их кампания по запуску продукта Salt & Pepper основана на простоте и привлекающей внимание анимации.

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

Электронная кампания

Great Jones продает один продукт и учитывает непродолжительное внимание пользователей.

Это делает их электронное письмо поразительно лаконичным и прямым.

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

1.3 Frame.io

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня

. Еще одно упражнение в простоте и прямом маркетинге. Электронная кампания Frame.io посвящена запуску продукта во время конференции.Пользователям предлагается зарезервировать место с помощью простого призыва к действию.

Сплошной черный фон является фоном для неоново-синего кольца кругов, подчеркивающего приглашение на творческий саммит Final Cut Pro X.

2. Примеры рекламных кампаний по электронной почте

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

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

2.1 Dollar Shave Club

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня

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

Кампания «Dollar Shave Club» побуждает покупателя добавить больше продуктов — или, по мере продвижения, «добавить больше», в свою корзину, прежде чем нажать кнопку «купить».

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

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

2.2 WeTransfer

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня.

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

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

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

2.3 Грамматика

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня.

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

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

Его структура ведет читателя вниз по списку своих «достижений» с приложением к кнопке CTA, которая предлагает им перейти на премиум-аккаунт.

3. Примеры оформления писем для восстановления отказов корзины

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

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

3.1 BluDot

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня

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

Он состоит из предмета мебели нейтрального цвета в качестве фона и простых линий «Другой взгляд? Мы сохранили ваши вещи.»Вместе с призывом к действию« Выполнить мой заказ ».

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

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

3,2 Moschino

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня.

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

На нем есть черно-белая фотография модели с надписью «Вы что-то оставили» и призывом к действию «Вернитесь к оформлению заказа».

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

3.3 ASICS

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня

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

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

Под ним находится подборка бестселлеров интернет-магазина, которые бренд выделяет как подходящие замены.

4. Примеры маркетинговых кампаний по обновлению продукта

Обновления ваших продуктов или услуг удовлетворят клиентов и помогают повысить интерес к указанным продуктам.

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

4.1 BluDot’s Stack’em Up

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня

Кампания по электронной почте «Stack‘ em up »бренда Blu Dot, посвященная обновлению продукта, представляет собой превосходное повествование, включающее дизайн в повествование об их обновленном продукте.

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

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

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

4.2 Bose

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня.

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

Оптимизация

Google Assistant и Amazon Alexa, а также призывы к действию предварительного заказа — все это важные части следующего текста.

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

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

4,3 Дош

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня.

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

Они сделали это, представив сообщение в виде длинного электронного письма с большим количеством пробелов и ярких цветов.

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

Письмо закрывается с призывами к действию «Откройте приложение» и «Пригласите друга».

5. Примеры рассылки новостей по электронной почте

Информационные бюллетени

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

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

5,1 Грейт Западная железная дорога

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня. Длинное электронное письмо от

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

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

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

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

5.2 Чемодан

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня

Совершенно иной подход к путешествию информационного бюллетеня — это кампания Suitcase «Новая крутая столица Японии».

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

Дизайн более сдержанный и основан на пространстве, созданном белым фоном, чтобы элементы выходили на первый план.

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

5,3 Лакмус

[Источник: ReallyGoodEmails] Щелкните здесь, чтобы просмотреть полную версию информационного бюллетеня

Информационный бюллетень Litmus «Уменьшите размер GIF-файлов» — это удобное практическое руководство, в котором рассматриваются такие темы, как уменьшение веса GIF, электронный маркетинг, прогнозирование тенденций в отрасли и продукт, который продает бренд.

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

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

Бонус: адаптивный дизайн электронного письма

Создание гибких почтовых кампаний для оптимального мобильного UX важно сегодня, потому что:

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

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

Некоторые из лучших практик адаптивного дизайна электронной почты включают:

Выводы о вдохновении на дизайн электронной почты

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

Отличный дизайн электронной почты основан на этих передовых практиках в 2020 году и в последующий период:

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

Вам нужно отличное агентство креативного дизайна в США?

Кликните сюда!

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

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

Бесплатные шаблоны электронной почты — это полезный ресурс, когда…

У вас ограниченные навыки программирования

Использование HTML-шаблона электронной почты позволяет создавать электронные письма с красивым адаптивным дизайном, не беспокоясь о написании всего кода самостоятельно. Это означает, что вам не придется выходить из себя в 3 часа ночи после 30-й ошибки, чтобы заставить HTML-код вашего электронного письма правильно отображаться.

Вы хотите сэкономить время ⏰

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

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

Нужно сэкономить

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

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

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

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

1. Sendinblue (60+ адаптивных шаблонов писем)

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

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

Итак, как работают эти бесплатные шаблоны?

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

Конструктор писем с адаптивным дизайном

Пользователи

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

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

WYSIWYG HTML редактор электронной почты

Редактор WYSIWYG HTML предназначен для более продвинутых пользователей, которые хотят написать свой собственный HTML или использовать загруженный шаблон.

Если вы планируете использовать шаблон электронного письма в формате HTML, вам просто нужно выполнить несколько быстрых шагов:

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

2. Stripo (300+ HTML-шаблонов писем)

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

После того, как вы создадите электронную почту с помощью Stripo, вам нужно будет экспортировать ее в свой ESP (поставщик услуг электронной почты) для отправки. Если вы являетесь клиентом Sendinblue, это очень просто благодаря интеграции Stripo с Sendinblue. Бесплатный план Stripo позволяет экспортировать 4 раза в месяц в ESP.

3. Электронная почта на Acid (6 бесплатных шаблонов электронной почты)

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

В дополнение к упомянутым выше инструментам, в email on acid есть несколько бесплатных адаптивных шаблонов писем, которые доступны пользователям бесплатно.

4. Лакмус (36 бесплатных шаблонов писем)

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

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

Шаблоны сообщества охватывают шаблоны электронной почты для 4 основных областей:

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

5. Dyspatch (бесплатные шаблоны электронной почты с открытым исходным кодом)

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

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

6. BEE (200+ шаблонов писем)

BEEFree — это редактор электронной почты с более чем 200 профессионально разработанными шаблонами электронной почты. Выберите свой шаблон и настройте его в соответствии со своим брендом. Затем просто загрузите ZIP-файл, содержащий HTML-код электронной почты, который позже будет отправлен из вашего ESP.

Если вы являетесь пользователем Sendinblue, вы можете экспортировать шаблоны непосредственно в Sendinblue после обновления до BEEPro.

7. 99Designs (45 бесплатных адаптивных шаблонов электронной почты)

99designs — это онлайн-торговая площадка графического дизайна, которая объединяет предприятия с внештатными дизайнерами.

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

Галерея состоит из 3 различных тем с 3 типами шаблонов электронной почты для каждой темы. Каждый тип шаблона также доступен в 5 различных цветовых вариантах.

8. Antwort (3 бесплатных шаблона электронной почты)

Antwort — это серия из 3-х шаблонов электронной почты, которые были созданы дизайнером-фрилансером Джули Нг.

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

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

9. Pixelbuddha (15 бесплатных шаблонов писем)

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

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

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

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

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

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

Чтобы получить больше подобного контента, подпишитесь на нашу рассылку и подпишитесь на нас в Twitter и Pinterest!

11 лучших бесплатных конструкторов и редакторов шаблонов электронной почты в формате HTML

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

Тщательно выбирайте инструмент для редактирования электронной почты.Редактор электронной почты с перетаскиванием — определенно ваш лучший вариант. Вот что вы должны искать при выборе лучшего адаптивного редактора электронной почты.

Редактор электронной почты с перетаскиванием сам по себе является большим улучшением по сравнению с базовыми редакторами WYSIWYG или прямым кодированием. Успех онлайн-редактора перетаскивания по сравнению со «старыми способами» чего-то вроде ThemeForest — это комбинация тонн красивых шаблонов И простого редактора с функцией перетаскивания и перетаскивания для их немедленной настройки.Вы можете выбрать шаблон и отредактировать его в считанные секунды.

11 Проверенных редакторов электронной почты с возможностью перетаскивания с возможностью перетаскивания

Вот список проверенных нами создателей и редакторов HTML-шаблонов электронной почты:
1. BEE Бесплатный отзывчивый редактор электронной почты для быстрого создания красивых электронных писем
2. Chamaileon Совместное создание электронной почты и управление контентом для предприятий, агентств, предприятий
3. Stripo Конструктор шаблонов электронной почты с перетаскиванием и HTML-редактором
4.Moosend Email Editor Бесплатный и удобный редактор электронной почты, который также позволяет отправлять
5. Открытки Ограниченный онлайн-редактор шаблонов электронной почты с бесплатной демонстрационной лицензией
6. MailChimp Редактор популярного электронного маркетинга платформа
7. Mail Designer 365 Маркетинговый шаблон электронной почты и дизайнер кампаний для Mac
8. Mail Styler 2 Программа для создания электронных информационных бюллетеней для Windows
9.Mosaico Конструктор шаблонов электронной почты с ограниченным кодом с открытым исходным кодом
10. Coffeecup Загружаемое программное обеспечение адаптивного дизайнера электронной почты для настольных компьютеров и Mac
11. Topol Простой конструктор шаблонов электронной почты в формате HTML с перетаскиванием

Что лучше Редактор электронной почты с перетаскиванием?

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

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

Отзыв о редакторе электронной почты с возможностью перетаскивания

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

Вот наш лучший выбор из лучших конструкторов шаблонов электронной почты в 2021 году:

1. BEE

«Адаптивный редактор электронной почты для быстрого создания красивых писем».
BEE означает «Лучший конструктор и редактор шаблонов электронной почты». Электронный редактор был создан на основе MailUp, популярного итальянского ESP.

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

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

BEE Free можно использовать совершенно бесплатно. Редактор шаблонов электронной почты сохраняет текущий проект в хранилище браузера. Поэтому, когда вы вернетесь, вы можете сразу возобновить редактирование или начать новый. Вы можете экспортировать в ZIP-файл, содержащий изображения HTML +, и использовать его в своем собственном программном обеспечении для электронного маркетинга.

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

Вы также получаете логин, в котором вы можете сохранить несколько проектов электронной почты для использования в будущем с помощью BEE Pro. У них есть плагины, которые напрямую подключаются к программам электронного маркетинга, таким как MailChimp, SendGrid, HubSpot и его альтернативы и т. Д.

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

2. Chamaileon

«Совместная платформа для создания электронной почты и управления контентом для бизнеса, агентств, предприятий»

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

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

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

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

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

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

Компания Chamaileon создала отзывчивый движок генератора электронной почты, поэтому любой созданный вами шаблон электронной почты будет отлично смотреться в большинстве почтовых клиентов. Он поддерживает все устройства Apple и Android и работает со всеми версиями Outlook. Это значительно сократит время, затрачиваемое на тестирование и исправление электронной почты.

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

3. Stripo

«Создавайте адаптивные шаблоны писем быстро, без каких-либо навыков HTML».

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

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

Существует более 350+ бесплатных HTML-шаблонов электронной почты . Их набор адаптивных шаблонов электронной почты можно отсортировать по типу, электронной коммерции, отрасли или сезону, что упрощает выбор шаблона.

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

Шаблоны писем Stripo можно экспортировать в более чем 30 ESP.Вы также можете экспортировать дизайн шаблона в HTML и использовать его для отправки своей кампании по электронной почте из любого другого инструмента электронного маркетинга по вашему выбору.

Служба является многоязычной, поэтому измените ее с английского на любой из 7 других языков (немецкий, испанский, французский и т. Д.).

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

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

4. Moosend Email Editor

«Бесплатный и удобный редактор электронной почты с возможностью отправки в рамках своей платформы электронной почты и автоматизации»

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

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

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

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

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

5.

Designmodo: Открытки

«Конструктор шаблонов электронной почты онлайн с бесплатной демонстрационной лицензией»

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

С бесплатной учетной записью у вас есть неограниченное количество экспорта.Бесплатное программное обеспечение для создания электронной почты — это то, что вы называете «демонстрационной лицензией». Вы можете использовать его для создания адаптивных шаблонов электронной почты для себя. Однако вы можете использовать только один бесплатный блок для каждого элемента электронной почты (заголовок, контент, призыв к действию, нижний колонтитул и т. Д.). Это может стать препятствием для любого маркетолога, который хочет улучшить свою игру по дизайну электронной почты.

Бизнес-лицензия имеет все разблокированные блоки, вы можете выбирать из 900+ шрифтов Google, экспортировать в любое почтовое программное обеспечение, которое вам нравится. Лицензия стоит 15 долларов в месяц. Открытки Designmodo работают с заранее созданными блоками и элементами, которые имеют некоторые параметры настройки.Поскольку вы не можете создавать свои собственные блоки, дает меньшую гибкость, чем другие редакторы. Плюс в том, что таким образом работа с открытками становится более простой.

6. Редактор электронной почты MailChimp

Mailchimp — самая известная в мире платформа для автоматизации электронного маркетинга. Основана в 2001 году Беном Честнатом, Марком Армстронгом и Дэном Курциусом. Сегодня существует множество альтернатив Mailchimp, например SendinBlue из-за их популярности.

Mailchimp — это ESP, однако у них есть встроенный конструктор шаблонов электронной почты.

Несмотря на то, что Mailchimp не очень гибок с точки зрения элементов и блоков, он позволяет пользователям создавать приятные отзывчивые электронные письма.

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

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

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

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

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

7. Mail Designer 365

«Шаблон электронного маркетинга и дизайнер кампаний для Mac».

Mail Designer 365 — это программа для создания электронной почты, которую можно загрузить только на Mac. Редактор электронной почты оптимизирован для использования на мобильных устройствах, что может быть полезно для некоторых пользователей.

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

Mail Designer 365 имеет встроенную галерею бесплатных фотографий Unsplash, которые можно использовать, чтобы оживить дизайн электронной почты. Программное обеспечение также предоставляет своим пользователям набор готовых к использованию GIF-файлов.

Вы можете загрузить Mail Designer 365, если у вас Mac, и опробовать его в течение бесплатного 7-дневного демонстрационного периода. После этого вам нужно будет выбрать один из их пакетов по цене от 16 € / месяц. Стоит отметить, что они принимают только ежегодную оплату.

8. Mail Styler 2

«Программа для создания электронных рассылок для Windows»

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

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

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

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

Экспортированный HTML-код Mail Styler хорошо работает с различными почтовыми клиентами, такими как Outlook и Gmail.

9. Mosaico

«Конструктор шаблонов электронной почты с открытым исходным кодом»

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

Mosaico не предоставляет готовых шаблонов на своей платформе. Вместо этого вы можете выбрать один из двух макетов: versafix-1 и versafluid.

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

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

10. Coffeecup Responsive Email Designer

«Загружаемый дизайнер адаптивных писем для настольных компьютеров и Mac»

Coffeecup — это программа для создания электронной почты, которую можно загрузить как на Mac, так и на Windows.

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

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

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

11. Topol.io

«Красивые электронные письма просто»

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

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

Основные возможности Topol включают:
Импорт вашего пользовательского HTML в редактор электронной почты
Сохранение пользовательских блоков и элементов для будущего использования

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

Stamplia (больше не доступен)

Stamplia изначально была торговой площадкой для шаблонов электронной почты, но впоследствии выпустила «конструктор электронной почты», который предлагает ограниченные возможности настройки шаблонов, которые вы можете у них приобрести.Создатель Stamplia был создан для тех, кто не хочет слишком возиться с дизайном, и нашел на своем сайте шаблон электронной почты, который точно соответствует их потребностям. Конструктор электронной почты Stampalia больше не работает.

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

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

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

1. Библиотека шаблонов электронной почты

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

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

2. Высококачественный отзывчивый вывод электронной почты в формате HTML

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

3. Удобный пользовательский интерфейс

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

4. Встроенное редактирование изображений

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

5. Опция быстрого предварительного просмотра электронной почты

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

6. Функции совместной работы

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

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

7. Совместимость с почтовыми клиентами

Ваша платформа для создания электронной почты должна создавать адаптивные коды электронной почты в формате HTML, которые работают в большинстве почтовых клиентов (различные версии Outlook, Gmail, Yahoo! Mail и т. Д.).

8. Интеграция с поставщиками услуг электронной почты

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

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

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

В чем разница между редактором электронной почты с функцией перетаскивания и WYSIWYG HTML?

Термин WYSIWYG — «Что видишь, то и получаешь» — вышел далеко за рамки своего времени, когда он впервые был использован в вычислительной технике в 70-х и 80-х годах.Предполагается, что то, что вы редактируете на экране, будет отображаться таким же (или очень похожим образом) в печатном виде или в виде готового цифрового продукта — в данном случае — информационных бюллетеней по электронной почте.

Редакторы WYSIWYG — это текстовые редакторы, подобные MS Word, которые были созданы для общего управления веб-контентом. В основном для написания текста и добавления к нему некоторых основных визуальных элементов.
Обычные редакторы WYSIWYG не оптимизированы для электронной почты, но вы можете создавать с ними шаблоны электронной почты, если знаете, как кодировать HTML, или если вы очень продвинутый пользователь и можете легко встраивать таблицы с помощью этих инструментов (это действительно сложная задача. хотя).

Внутри платформы электронного маркетинга вы можете найти такой редактор WYSIWYG, как показано выше, для редактирования (частей) содержимого электронной почты. Затем он помещается в шаблон после того, как вы нажмете «Сохранить». Или вы сможете редактировать электронное письмо на месте, нажимая на элементы.

Многие называют свой редактор электронной почты «перетаскиванием», но так ли это на самом деле?

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

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

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

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

Что показывает, что вы используете настоящий отзывчивый редактор электронной почты?

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

Кроме этого, в большинстве случаев, когда у вас есть возможность редактировать HTML-код, вы используете «расширенный» WYSIWYG, который позволит вам уничтожить предварительно созданный адаптивный HTML-код, который вы редактируете.

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

Фреймворки для создания электронной почты (необходимы знания кодирования)

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

Cerberus

«Несколько простых, но надежных шаблонов для создания отзывчивых электронных писем в формате HTML. Даже в Outlook и Gmail ».

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

Foundation For Emails 2, автор Zurb

«Быстро создавайте отзывчивые электронные письма в формате HTML, которые работают. Даже в Outlook ».

Foundation for Emails, формально Ink by Zurb, представляет собой набор фреймворков, которые предоставляют разработчикам простой фреймворк CSS или Sass для создания отзывчивых писем. Каждый шаблон начинается с уже предоставленной сетки, которую можно улучшить с помощью различных элементов.

HEML

«Быстро создавайте чистые, отзывчивые электронные письма»

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

MJML Email Builder

«Платформа, которая упрощает работу с электронной почтой»

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

Вы можете написать полностью совместимую разметку HTML, которую можно использовать с различными ESP. Вы можете попробовать его вживую в Интернете и посмотреть, соответствует ли он вашим потребностям.

В поисках лучшего конструктора HTML для электронной почты

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

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

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

Дополнительная информация на emailvendorselection.com . Обязательно ознакомьтесь с нашим обзором 15+ лучших платформ онлайн-курсов, обзором 75 инструментов лидогенерации и нашим недавним руководством по электронному маркетингу в электронной коммерции.

О Roland Pokornyik

Roland Pokornyik — генеральный директор и соучредитель EDMdesigner.com, адаптивного API редактора электронной почты, оптимизированного для интеграции с любой системой.

Основные тенденции дизайна электронной почты на 2019 год

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

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

Чтобы представить эти тенденции в дизайне электронной почты, мы обратились к нашим друзьям из Action Rocket, Campaign Monitor, Trendline Interactive, Oracle, Really Good Emails, Yes Marketing и Adobe.Давайте обсудим каждую из этих 13 тенденций дизайна электронной почты более подробно:

1. Больше внимания уделяется персонализации и динамическому контенту

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

«Маркетологи по электронной почте будут и дальше чувствовать себя более комфортно, используя функции искусственного интеллекта и машинного обучения, чтобы помочь масштабировать свои кампании», — говорит Бриджит Дарлинг, менеджер по маркетингу продуктов Adobe Campaign.«Функции искусственного интеллекта, такие как прогнозирование усталости или прогнозируемые предложения, начнут вплетаться в каждый аспект процесса кампании. Эти функции позволят маркетологам электронной почты более эффективно создавать впечатления, соответствующие интересам, поведению, намерениям, мотивам и дальнейшим действиям наших клиентов ».

ИИ и машинное обучение — наша третья по величине тенденция в дизайне электронной почты в 2019 году, но сначала давайте поговорим о…

2. Создание интерактивной электронной почты

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

«Я хочу видеть электронную торговлю в реальном времени в электронной почте, но не думаю, что технология еще готова для этого», — говорит Мэтью Смит, соучредитель Really Good Emails. «Когда у нас будет покупка в один клик по электронной почте, где электронная почта может сохранить мое состояние входа в магазин, тогда мы увидим сдвиг в деньгах, талантах и ​​технологиях в электронную почту. Я сомневаюсь, что это произойдет в 2019 году, но посмотрим ».

Но даже не взяв этот святой Грааль, бренды создают более увлекательный и удобный опыт, используя интерактивность.Например, у Home Depot и Etsy теперь есть интерактивные электронные письма с запросами на обзор продукта, в которых подписчики выбирают свой рейтинг (от 1 до 5 звезд) и вводят свой отзыв в электронное письмо. Точка конверсии появляется в электронном письме, когда они нажимают «Отправить обзор». Целевая страница используется только для подтверждения отправки отзыва.

Проверьте электронную почту и ее код в Litmus Scope

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

Подробнее об интерактивности

В этом 4-страничном техническом документе руководители электронной почты получают данные о внедрении интерактивных электронных писем и наиболее популярных видах интерактивности, примеры интерактивных электронных писем и объяснение проблем.

Получить технический документ →

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

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

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

Логан Сандрок Бэрд (Logan Sandrock Baird), руководитель отдела дизайнерских услуг в Campaign Monitor, соглашается, добавляя, что достижения в дизайне электронной почты облегчили брендам использование контента, управляемого искусственным интеллектом. «Все более широкое использование машинного обучения для предоставления релевантного контента в больших масштабах основано на уроках, которые мы извлекли как отрасль, о ценности модульности при проектировании и разработке.”

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

Дж. П. Флорес, младший креативный директор Oracle Marketing Cloud Consulting, говорит, что Burger King провела кампанию, высмеивающую идею искусственного интеллекта, контролирующего слишком много творчества. «Хотя это иронично, но в этом есть доля правды», — говорит он, ссылаясь на темы, написанные искусственным интеллектом, как на одно проблемное место, потому что системы, управляемые данными, расставляют приоритеты, опережая ожидания подписчиков и восприятие бренда.

Например, давайте посмотрим на строку темы: «Внимание! Хорошее время для экономии «. «Использование« Alert! »- обычное дело в SL, генерируемых AI, поскольку термин генерирует открытие», — говорит Флорес. «Тем не менее, это открывает перед брендом доверие».

4. Использование большего количества живого контента

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

Распространенные способы использования живого контента:

Помимо интерактивности, живой контент — одна из основных возможностей AMP для электронной почты, о которой мы поговорим позже.

Независимо от того, является ли ваша цель вовлечением, развлечением или обучением, интерактивность и живой контент могут хорошо работать вместе, — говорит Патрик Колалилло, младший креативный директор Oracle Marketing Cloud Consulting.

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

Например, это письмо от Xfinity содержит опрос с живыми результатами:

5. Упрощение дизайна электронной почты для облегчения использования и создания

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

«Мы увидим, как люди упрощают свою электронную почту для более быстрого внесения изменений», — говорит Смит из Really Good Emails. «Обратите внимание, как Behance и Dribbble недавно стали проще. Это сильное ощущение. Речь идет о продвижении контента, а не только о стиле «.

Mobile была основной движущей силой упрощения дизайна электронной почты. Флорес из Oracle говорит: «С ростом использования мобильных устройств и повышением удобства использования на мобильных устройствах дизайн, предназначенный только для мобильных устройств, становится разумным.Мы всегда рекомендуем клиентам сохранять краткость электронных писем и побуждать клиентов «узнать больше» на целевой странице. Дизайн, предназначенный только для мобильных устройств, заставляет вас следовать этой передовой практике ».

Флорес говорит, что этот подход имеет еще больше смысла, если ваша аудитория в значительной степени состоит из подписчиков поколения Z. По данным Fluent, 81% людей в возрасте от 18 до 24 лет чаще всего проверяют свою электронную почту на смартфоне.

6. Использование дополнительных анимаций, будь то GIF-файлы или CSS-анимация

Движение привлекает внимание. Это основной принцип дизайна и общий элемент дизайна электронной почты.Анимированные GIF-файлы значительно более популярны, чем CSS-анимация, но оба могут быть эффективными способами добавления движения в электронные письма.

«Простые мигающие гифки уже никуда не годятся», — говорит Мэтью Колдуэлл, старший вице-президент по креативным вопросам Yes Marketing. «Наши дизайнеры проводят в Adobe Animate столько же времени, сколько в Photoshop. Анимация, замедление и другие передовые концепции анимации позволили нашей анимации стать более привлекательной и сложной ».

Как и все, есть риск получить слишком много хорошего.«Я думаю, мы увидим много случаев злоупотребления GIF-файлами в электронной почте», — говорит Смит. «Уже становится хуже. Глупые размеры файлов изображений ».

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

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

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

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

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

«Теперь вместо того, чтобы писать электронные письма, наши клиенты информируют нас, и мы делаем электронные письма, цифровые рекламные пакеты и социальную рекламу», — говорит он. «Это тенденция к менее разрозненным агентствам и большему количеству многоканальных концепций, но это больше тенденция, когда наши клиенты переходят на DMP и действительно работают по каналам.”

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

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

«Создание системы построения шаблонов означает, что бренды могут создавать электронные письма быстро, эффективно и снижать риск ошибок», — говорит Эллиот Росс, управляющий директор ActionRocket и генеральный директор Taxi for Email.«Это означает, что все участники процесса знают, над чем они работают, поэтому маркетологи знают график, над которым они работают, а копирайтеры знают, сколько писать.

«Команды умного маркетинга уже внедряют дизайн-системы и мастер-шаблоны», — говорит он. «Это станет нормой в 2019 году».

9. Добавление прогрессивных улучшений для создания более богатых возможностей там, где поддерживается

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

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

Гибридный или гибкий код также является частью этой тенденции, говорит Джеймс Вурм, менеджер по электронной почте и веб-разработке в Oracle Marketing Cloud Consulting.

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

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

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

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

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

«Между Google Home и Assistant, Siri и Alexa голосовая помощь становится все более повсеместной, — говорит Бэрд, — и нам нужно будет и дальше менять наш подход к дизайну электронной почты, поскольку все больше подписчиков читают им электронные письма. .Это означает повышенный акцент на привлечении внимания посредством убедительного копирайтинга и упрощения голосовой навигации через чистые, семантические иерархии разметки на этапе разработки электронной почты ».

11. Создание дополнительных уникальных дизайнов электронных писем без использования шаблона

Шаблоны электронной почты

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

Только 12% брендов никогда не используют одноразовые электронные письма, по сравнению с 22% в 2016 году, согласно исследованию Litmus’s State of Email.

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

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

12. Оптимизация дизайна электронной почты для темного режима

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

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

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

13. Использование AMP для электронной почты

AMP для электронной почты было официально объявлено в начале прошлого года и будет доступно для использования в начале этого года.Он предлагает как интерактивную электронную почту (наша тенденция № 2), так и возможности живого контента (или тенденция № 4), так почему же так мало маркетологов в восторге от нее?

Самые большие проблемы заключаются в следующем:

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

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

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

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