Советы по оформлению и дизайну маркетинговых HTML писем, а также сервисы и примеры для вдохновения.
Давно прошли те времена, когда письма читали в обязательном порядке, потому что их приходило мало и они содержали адресную информацию. В начале 90-х в России активизировался маркетинговый спам, бессмысленный и беспощадный (как по отношению к адресатам, так и окружающей среде). Людей буквально заваливали книжными каталогами, брошюрами и рекламными буклетами. Нередко содержимое почтового ящика, после беглого осмотра, отправлялось прямиком в мусоропровод.
С развитием электронной почты маркетинговый спам перекочевал из стационарного ящика прямо в наши ПК и смартфоны. Сегодня люди получают в среднем по 40 писем в день, и это далеко не предел.
Сам собой напрашивается вопрос «как заставить адресата прочитать ваше маркетинговое письмо в условиях такой жесткой конкуренции?»
Структура маркетингового email
Для разных маркетинговых задач есть разные типы писем: новостные рассылки, уведомления и т. д. Здесь мы рассмотрим структуру именно маркетинговых писем, так как их можно назвать самыми сложными. Эти письма содержат призыв к действию (например, начать сотрудничество с компанией, купить какой-то продукт или подписку, вступить в группу, взять кредит, арендовать офис и т. д.) и в случае неправильно составленного письма негативный эффект будет налицо.
Для начала, нужно соблюдать последовательность подачи информации, которую вы хотите донести до аудитории. В качестве эталонного образца можно взять структуру продающего email, которую предлагает нам Джеффри Джеймс, автор книг по бизнесу и эксперт в области стратегического маркетинга.
Такой подход гарантирует, что с очень большой долей вероятности ваше письмо будет прочитано до конца. Но, как вы думаете, что упустил из внимания мистер Джеймс, составляя свои блестящие рекомендации? Конечно же, оформление письма – второй, но не менее важный пункт.
Мало написать емкое и привлекательное по содержанию письмо, угадать потребности ЦА (целевой аудитории), нужно еще и оформить письмо так, чтобы его было приятно читать. Казалось бы, очевидная вещь, о которой даже не стоит упоминать, но практика показывает, что это не так.
Правила дизайна маркетингового email
Обязательно иллюстрируйте письма красивыми визуальными элементами. Письмо без картинок – пустая трата времени. Процентное соотношение текст/картинки должно быть примерно 70:30. Конечно, тут многое зависит от типа письма. Например, рассылка от магазина может содержать больше изображений, чем текста.
Адаптируйте изображения для веба. Картинки должны не только радовать глаз, но и быстро загружаться. Для этого есть огромное количество бесплатных онлайн-редакторов, достаточно просто погуглить. Ну, или воспользоваться командой Файл > сохранить для WEB в Photoshop.
Оптимальная ширина тела письма 600-650 пикселей. Такая ширина позволяет корректно отобразить письмо в большинстве браузеров и почтовых программ. При большей ширине в письме может появиться горизонтальная прокрутка, а это усложнит восприятие информации.
Уделите внимание типографике. Используйте простые, общедоступные шрифты, которые хорошо читаются и масштабируются. Помните, что ваше письмо будут открывать в самых разных почтовых агентах и устройствах. Если хотите добавить дизайнерской типографики, сохраните ее в качестве картинки.
Выделяйте призывы к действию. Если вы хотите, чтобы по нажатию на кнопку получатель письма перешел на сайт, или совершил какое-то другое действие, сделайте эту кнопку большой и красивой.
Избегайте кислотных цветов и конфликтных цветовых сочетаний. Письмо подразумевает, что его будут читать. Согласитесь, что читать красный текст на кислотном зеленом фоне никто не захочет.
Используйте отзывчивые шаблоны. Все больше людей читают почту со своих смартфонов или планшетов, поэтому разумно делать письма, которые будут автоматически подстраиваться под размер экрана, делая чтение письма комфортным.
Итак, структура маркетингового письма и правила по его оформлению есть. Теперь можно перейти к следующему вопросу.
Программы для создания и рассылки маркетинговых писем
Дело в том, что обычные почтовые сервисы, например, такие как Mail.ru, Google mail или Outlook не предназначены для создания HTML писем, которые будут выглядеть красиво одинаково хорошо смотреться в разных почтовых программах и на разных устройствах. Для этого существуют специальные сервисы, с помощью которых вы можете создать шаблон письма и отправить его вашей ЦА.
MailChimp – признанный лидер в своем сегменте. Этот сервис позволяет делать письма как на основе предложенных шаблонов, так и с использованием своих (шаблоны писем в виде кода, которые можно скачать с разных сайтов, но это уже для более продвинутых пользователей). Кроме этого, с помощью MailChimp вы можете запланировать рассылку писем по вашей базе клиентов, а также посмотреть статистику открываемости и другую аналитику. Очень удобно еще и тем, что этот сервис бесплатный (если вы делаете рассылку по базе менее чем 2000 адресов).
Шаблоны писем пишутся на HTML или CSS, но совершенно необязательно быть гениальным программистом, чтобы ваши письма выглядели красиво. Достаточно просто знать что и куда вставить в уже готовом коде. Именно для таких, более продвинутых пользователей, существуют специальные сайты, на которых можно взять код понравившегося шаблона и скопировать его в тот же MailChimp. Вот некоторые из них:
Responsive Email Templates – можно скачать готовые HTML шаблоны. Очень удобный шаблон, например, новостной рассылки с большим баннером вначале и удобным списком с картинками.
Responsive Email Patterns – набор отзывчивых шаблонов и элементов писем.
Template Builder – можно быстро создать HTML шаблон письма в удобном визуальном редакторе (доступно даже для неопытных пользователей) и скачать его, или же продолжить работать с ним на сайте. Все шаблоны адаптированы для мобильных устройств.
Примеры для вдохновения
Специальное предложение
Конференция
Скидки
E-commerce
Надеемся, после прочтения этой статьи, вы сразу же научитесь делать красивые и эффективные письма. Не стесняйтесь задавать вопросы в комментариях к статье, если было что-то непонятно. Мы с радостью ответим на ваши вопросы!
