Верстка писем для email рассылки: Верстка email рассылок от А до Я для чайников / Хабр

Верстка адаптивных писем для email-рассылки

На эффективность рассылки влияет множество факторов. Один из главных – внешний вид. За него отвечают верстка и хороший дизайн.

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

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

Виды верстки email-рассылки

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

У каждого инструмента есть свои преимущества и недостатки.

HTML-верстка

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

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

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

Верстка письма для рассылки в блочном редакторе

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

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

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

Более простое письмо с сертификатом на скидку от фотостудии – здесь есть картинка, текст, ссылка на сайт и уникальный код

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

Стандартные возможности верстки в редакторе drag’n’drop:

• добавлять блоки с текстом
• вставлять изображения
• добавлять кнопки, например «Поделиться»
• давать ссылки на соцсети в формате иконок

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

В разных сервисах рассылок свои инструменты, но работают они по схожим принципам. Мы покажем, как собрать письмо, на примере сервиса Sendsay.

Верстка рассылки в сервисе Sendsay

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

Собирать письма по готовым шаблонам удобно в Sendsay. После регистрации и авторизации вам предложат создать рассылку.

Кликаем «Создать выпуск», далее выбираем Email

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

  Возможности верстки писем встроенного редактора сервиса Sendsay

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

  Базовые шаблоны писем в сервисе Sendsay

  Тематические шаблоны писем в сервисе Sendsay

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

Пример верстки рассылки в блочном редакторе сервиса Sendsay

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

  Интерфейс и набор инструментов блочного редактора сервиса Sendsay

Добавьте нужное количество колонок исходя из прототипа. Самая простая структура – одна-две колонки. Большинство браузеров и приложений корректно отображают  такие письма.

На промежуточном этапе письмо может выглядеть так

Выберите нужные элементы и перетащите в тело письма. Настройте отображение: расположение, цвет, размеры.

  Следующий этап верстки писем для email-рассылки на примере сервиса Sendsay

Добавьте иллюстрации, впишите текст, вставьте ссылки для кнопок, баннеров, иконок.

Письмо почти готово

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

Так сверстанное письмо будет выглядеть на вертикальном экране смартфона

На что обратить внимание при верстке

Не упустите несколько ключевых моментов:

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

В финале проверьте, как письмо отображается в разных браузерах и почтовых клиентах (Outlook, Gmail, Yandex, Mail.ru), сделав тестовую рассылку. По умолчанию верстка, выполненная в блочном редакторе, корректно отображается в большинстве популярных почтовых клиентов. Если ваша аудитория пользуется экзотическими почтовыми программами, стоит проверить, как в них отображается письмо.

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

В Sendsay есть HTML-редактор, в котором вы можете как отредактировать готовый код, так и написать его с нуля.

Как верстать письма в HTML-редакторе сервиса Sendsay

Первый шаг в верстке HTML-письма – создание макета. На данном этапе создается дизайн и продумывается структура будущей рассылки. Подробнее можно почитать в нашей статье «Гид по дизайну в электронной рассылке».

На платформе рассылок Sendsay простой и удобный редактор кода. Чтобы в него попасть, кликните «Создать выпуск», выберите Email и среди предложенных вариантов по созданию письма – в HTML-редакторе.

  Создание рассылки в сервисе Sendsay

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

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

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

Как верстать HTML-письма: основные правила

При верстке email-рассылок в HTML-редакторе нужно соблюдать несколько принципов:

• Использовать табличную верстку. При таком способе блоки с контентом помещаются внутрь одной общей таблицы. Благодаря этому сообщения нормально отображаются в почтовиках и браузерах, которые не поддерживают новые версии HTML и CSS.
• Применять универсальные HTML-теги и атрибуты. Для верстки рассылок нужно использовать универсальные элементы кода, потому что не все браузеры считывают даже некоторые стандартные теги.
• Использовать встроенные стили CSS. Это атрибуты, которые отвечают за оформление адаптивного письма в HTML. Их можно прописать в коде или отдельно и вставить в код ссылку на правила оформления. Но чтобы email-письма корректно отображались всеми клиентами, нужно описать CSS как атрибут в элементах HTML (inline-CSS), либо прописать общие стили для всего письма в head документа.
• Указывать конкретные атрибуты для некоторых элементов HTML. Для таблиц прописывать ширину, расстояние от рамки до содержимого, отступ между ячейками. Для текста цвет, размер, межстрочный интервал, для изображений – ширину и так далее. Так почтовик не поставит эти значения по умолчанию, а возьмет из кода, и верстка не рассыпется.
• Указывать фиксированную ширину письма. В среднем – от 600 px до 700 px. Благодаря этому на мобильных устройствах письмо нужно будет листать вниз, а не в бок.
• Использовать стандартные шрифты. Чтобы текст везде отображался одинаково, пользуйтесь шрифтами, которые поддерживают все почтовые клиенты и устройства, например, Helvetica или Arial.

Для верстки почтовых рассылок подходит доктайп 4.01 (поддерживает все актуальные элементы и атрибуты) и кодировка UTF-8 (наиболее распространенная общепринятая кодировка).

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

Как может выглядеть адаптивная страница на разных устройствах

Для создания адаптивных писем используют:

• Гибридную верстку. Контент заключают в теги <center>, по горизонтали располагают теги <span> с указанной шириной. Тогда 2-3 колонки в письме на мобильном устройстве перестроятся в одну.
• Медиа-запросы. Это команды, которые подстраивают письмо под разрешение устройства. Пользователю будет комфортно читать сообщение с любого экрана. Однако не все почтовые клиенты их поддерживают.
• Mobile First. Принцип, при котором письмо сначала верстают под мобильные гаджеты, а потом адаптируют для компьютеров.

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

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

Делаем выводы и повторяем главное

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

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

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

Мы разобрали основные нюансы верстки адаптивного письма. Как сделать рассылку с нуля от стратегии и текста до анализа эффективности, рассказали в этой статье – «Как сделать рассылку по email с нуля: инструкция».

Над статьёй работали:

Похожие статьи

9 полезных советов и 12 сценариев email-рассылок для интернет-магазинов

19.

10.2019

Как определить лучшее время для маркетинговой рассылки

09.06.2017

Присоединяйтесь к нам в соцсетях

рекомендации и требования для верстальщика — Дизайн на vc.ru

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

26 213 просмотров

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

Проблемы, с которыми может столкнуться верстальщик

• Письма плохо отображаются в разных почтовиках.

• Письма неадаптивны и плохо отображаются на мобильных устройствах.

• С письмом трудно взаимодействовать и неудобно читать.

• Письмо не увлекает, не вовлекает.

• Некоторые блоки письма не отобразились, часть письма исчезла.

• Письмо в почте выглядит не так, как было свёрстано и нарисовано в макете.

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

• Не получается сверстать то, что задумали.

• Непонятно, как сделать интерактив в письме.

• Письмо разваливается на десктопных почтовиках вроде Outlook.

• Письма попадают в спам (такое может быть из-за вёрстки и ссылок).

• Письма долго грузятся.

Структура и код

Чтобы ваши письма корректно отображались в большинстве почтовиков, устройств, а сервисы рассылок не сломали их — следуйте советам по HTML и CSS кода.

Обратите внимание на DOCTYPE. Для писем самым безопасным доктайпом является:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.0 Transitional//EN»>

Используйте табличный подход к вёрстке. Иначе письма будут плестись в хвосте в плане технологии вёрстки.

Избегайте сокращений CSS.

● Вместо сокращённого правила для стиля — несколько CSS-стилей. Например, вместо

padding: 5px 5px 5px 5px

лучше написать:

padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px

● Не задавайте цвет, используя краткие формулировки вроде RED или #FFF. Всегда используйте полное шестнадцатеричное представление, например, #bb0000.

● Не используйте сокращённые варианты записи шрифта, характерные для CSS (то есть «font: 12px arial;»). Семейство шрифта, размер, цвет и высота строки должны задаваться по отдельности.

Старайтесь избегать объединения ячеек (colspan, rowspan). Лучше использовать вложенные таблицы. И не забывайте указывать параметры align и valign у ячеек.

Значение атрибутов CELLPADDING и CELLSPACING следует установить как «0». Не используйте никаких значений атрибута BORDER у table (кроме «0»), так как не все почтовые клиенты корректно интерпретируют другие значения.

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

Оформление текста производите сразу двумя тегами — FONT и SPAN. Для родительской ячейки указать LINE-HEIGHT (это принципиально для Outlook 2013 и большинства веб-интерфейсов). Стоит отметить, что Outlook игнорирует параметр LINE-HEIGHT, указанный у ячейки, поэтому следует указать его также и у SPAN.

Используйте тег <BR> для вставки разрывов между блоками текста вручную. Однако будьте предельно осторожны, некоторые почтовые клиенты (например, Outlook 2007 и клиент iPhone) отображают размер межстрочных промежутков и шрифтов крупнее, чем принято, — и могут перенести текст на новую строку раньше запланированного вами разрыва.

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

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

<div>текст прехедера</div>

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

Полезный и информативный прехедер

Используйте кодировку UTF-8:

<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>

Проконтролируйте заголовки и структуру. Хорошо, если верстальщик тоже будет проверять:

• Значения служебных заголовков письма (Date, Message-ID, List-Unsubscribe, Auto-Submitted и тому подобное).

• Структуру письма (Content-Type, Content-Disposition, вложенность Multipart-частей письма, кодировки текста, строковые параметры).

• Значение целевых и отображаемых заголовков (From, To, Reply-to, Subject).

• Отображение письма в списке писем и при чтении в различных интерфейсах.

• Микроформаты (например, что событие календаря распознаётся как событие календаря или авиабилет как авиабилет).

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

Многие почтовики при получении первого письма от вас могут не показывать картинки, предлагая их включить подписчику. А в папке «Спам» картинки отключены по умолчанию. Ваша рассылка может туда упасть, а 40% подписчиков ежедневно проверяют папку «Спам».

Рассылка «Уютерры» с отключенными картинками

Применяйте свойства background и bgcolor только для тега table. Указанное у body фоновое изображение отобразится и в Outlook, но есть большая вероятность попасть в спам. BACKGROUND-COLOR для DIV работает не везде. И не все почтовые клиенты поддерживают свойство background (особенно в Outlook 2007–2013).

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

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

Не используйте JavaScript, Flash, <iframe>, SVG.

Не забывайте про «пуленепробиваемые фоны» c VML-изображениями, если это необходимо. Особенно если хотите поддерживать Outlook, The bat в полной мере.

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

Вёрстка должна корректно отображаться в разных почтовиках («Яндекс», Gmail, Mail.ru, Yahoo и так далее), а также в их приложениях на мобильных, даже если их открыть в браузерной версии почтового сервиса. Рекомендуем применять резиновую вёрстку вместе с адаптивной (медиазапросы для поддерживающих устройств и приложений, а также «падающие» блоки с минимальной длиной). Изучите хаки для разных почтовых приложений и ОС и библию адаптивных писем. Например, чтобы решить проблему с автомасштабированием писем в iOS 10 и iOS, добавьте тег:

<meta name=»x-apple-disable-message-reformatting»>

CSS-хак

-webkit-text-size-adjust:none; -ms-text-size-adjust: none;

не даёт устройствам на iOS изменять контент письма для удобства чтения. Изучите условные комментарии, это избавит от проблем с IE и Outlook. О том, как удобнее тестировать письма на разных почтовиках и устройствах, напишу ниже.

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

Контент

При вёрстке писем безопаснее использовать стандартные шрифты. Например, Arial, Verdana, Tahoma, Times New Roman поддерживают все почтовики на любых устройствах.

Таблица стилей

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

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

Для поддержки Retina-дисплеев используйте изображения размера в два раза больше. Например, для чёткого изображения 150×50 возьмите с оригинальным размером 300×100 и атрибутами укажите желаемый размер:

<img alt=»Картинка» src=»icon.png» border=»0″>

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

Любые ссылки должны содержать протокол и имя хоста (https://site.ru/path).

Не используйте относительные ссылки (/path) и ссылки без протокола (//site.ru/path), так как в них протоколом по умолчанию может быть file://.

Любые служебные и неASCII-символы в ссылках должны быть закодированы (в частности, кириллица) с помощью percent encoding.

Например, ссылка https://строй-россия.рф/литература/ должна выглядеть так:

https://xn—-ptbbtciddgad9n.xn—p1ai/%D0%BB%D0%B8%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0/

Размечайте тегом <а> ссылку, вставленную как текст, иначе пользователь не сможет по ней перейти. Некоторые почтовики размечают такие ссылки самостоятельно, но это нестандартное поведение. Адрес href внутри A должен совпадать с текстом ссылки, иначе контент-фильтр может среагировать на такую ссылку как на попытку обмануть пользователя. А это путь в спам.

Откажитесь от http://. При высоких требованиях к безопасности полностью откажитесь от использования http:// в пользу httрs://. Не используйте нестандартные порты (например, example.com:8080/path), так как они могут быть недоступны пользователю.

Не используйте внешние сокращатели ссылок: vk. cc, bit.ly и так далее — это плохо влияет на доставляемость писем. Лучше, если все ссылки будут указывать на ваш домен, что сократит потенциальное негативное влияние чужой репутации на доставляемость писем. Сокращатели также приводят к спаму.

Сжимайте изображения. Формат png-8 больше подходит для простой графики — графическое изображение лучше сжимается, чем GIF. GIF стоит использовать, если требуется анимация. Формат JPEG идеален для сложных и фотографических элементов. Изображения, сохраняемые в этом формате, обычно оптимизируют до 60% качества.

Хотя в редких случаях имеет смысл повысить качество до 75%, чтобы уменьшить ступенчатое искажение изображений. Формат PNG-24 оптимален для изображений с прозрачностью, имеющих высокое качество или размещающихся не на белом фоне. Однако не забывайте о том, что PNG — самый «тяжёлый» из всех форматов.

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

Указывайте у ссылок атрибут target=»_blank», чтобы ссылка всегда открывалась в новом окне или вкладке. Так как письмо может быть открыто где угодно.

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

Рассылка телеканала «Дождь»

Проверяйте предлоги — они не должны быть оторваны от слова. Для этого используйте символ неразрывного пробела или тег <nobr>, или стиль white-space:nowrap. А если необходимо перенести слово, воспользуйтесь символом. Это полезно, например, для длинных ссылок, которые могут разрывать шаблон. Или оттипографируйте текст типографом Артемия Лебедева, он сделает большую часть работы за вас.

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

Сокращайте длину кода. Веб-интерфейсы Gmail и Yahoo обрезают письмо, размер которого превышает 102 КБ и 100 КБ, поэтому старайтесь максимально сократить длину кода. В противном случае вы получите вот такую картину:

Так обрезает Gmail

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

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

Если форма не отображается, перейдите для опроса на сайт. Можете сегментировать рассылку чисто на тех, кто открывает письма в почтовиках, поддерживающих формы (Gmail, «Яндекс»), чтобы, например, сделать опрос подписчиков в самом письме.

Опрос в письме «Тинькофф банка»

Внедряйте интерактивные элементы. В 2019 году большинство поддерживаются почтовыми сервисами — больше 50% увидят интерактив, остальные увидят статику (от вас зависит, будет ли это красивая статика).

Топ самых используемых и популярных интерактивных компонентов:

• Карусель, галерея картинок — 67,2%.
• Гамбургер-меню — 52,6%.
  
• Хот-спот (картинка, меняющаяся при наведении) — 40%.
• Опросы и голосования — 35,6%.
  
• Якорные ссылки для навигации по письму — 32,1%.
  
• Формы и радиокнопки — 25,1%.
  

Затем идут:

• Аккордеон.
• Оставить отзыв и рейтинг.
  

Многие сервисы и инструменты позволят делать интерактивные элементы с минимумом заморочек (например, stripo, так как содержат готовые блоки для интерактивов), а также необычные и ультрафункциональные вещи (например, AMP, о нём подробнее ниже). И следите за трендами интерактивных писем.

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

• JSON-LD.

• Microdata.

One-Click Action в Gmail

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

Пример работы технологии AMP в Gmail

Помните, что AMP-письма надо настраивать и в почтовиках, и в сервисе рассылок. К тому же они обещают поддерживать и другие крупные почтовые провайдеры, кроме Gmail: Yahoo Mail, Outlook и Mail. ru. Технологией уже пользуются Booking.com, Pinterest и сама Google, отправляя своим пользователям динамические письма.

Протестировать AMP-письма сегодня уже можно в Gmail и Mail.ru. Полезные ссылки:

• Требования и форма заявки Google, требования и документация Mail.ru.

• Документация, компоненты, песочница Google, песочница Mail.ru.

• Sendsay одна из первых внедрила поддержку AMP-рассылок, затем многие другие сервисы, такие как Sendpulse и Stripo.

• Конструктор превью для Gmail в промоакциях.

• Шаблоны AMP-писем.

• Презентация Mail.ru и видео с AMP CONF 2019.

Инструменты и сервисы

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

1. Пишите стили в блоке Style во время вёрстки для удобства. А перед использованием вёрстки в рассылках используйте css-inliner tool, например сервис от Mailchimp или CSS inliner, чтобы ускорить процесс вёрстки и тестирования. Некоторые сервисы рассылки, например Mandrill, предпочитают инлайн-стили. Есть сервисы, которые вообще удаляют блок <style></style>.

2. CSS:

• Совместимость с устройствами и почтовиками.
• Can I Use in HTML Emails.
  
• Email Client CSS Support.
  
• The Ultimate Guide to CSS.
  
• Ряд обязательных костылей для любого письма — Client-specific CSS Styles.
  

3. Онлайн-редакторы — позволяют создавать письма с минимумом знаний вёрстки:

• Mosaico.
• Stripo.
  
• Tilda — встроенные редакторы вашего почтового сервиса, позволяющие работать с адаптивными блоками: Mailchimp, Unisender, Sendpulse и другие.
  

Так выглядит Stripo

4. VML-изображения для Email.

5. Email-фреймворки позволяют быстро разрабатывать адаптивные кроссплатформенные письма:

• MJML.
• Foundation for Emails.
  
• Kilogram (текущая версия брошена, Артур Кохо обещает, что скоро будет новый релиз с документацией).
  

6. Для тестирования заведите ящики во всех перечисленных почтовиках: Mail, «Яндекс», Gmail и других. Хорошо бы иметь в своём распоряжении пару смартфонов с iOS и Android, а также привлечь к тесту коллег и друзей.

7. Сервисы для проверки писем на спам перед отправкой:

• https://www.mail-tester.com;
• https://litmus.com;
  
• https://www.emailonacid.com;
  
• https://emailpreviewservices.com.
  

8. Проверяйте валидность кода — Markup Validation Service.

9. Тестируйте вёрстку:

• http://previewmyemail.com;
• https://litmus.com;
• https://www.mail-tester.com;
  
• https://www.emailonacid.com;
  
• https://emailpreviewservices.com;
  
• http://www.inboxinspector.com;
  
• https://testi.at;
  
• https://www.htmlemailcheck.com.
  

10. Для ручного тестирования вёрстки:

• Mailchimp Tester.
• Putsmail + PilotMailer.
  

11. Библия адаптивных писем.

12. Коллекция рассылок Email-Competitors — коллекция более чем 1,5 млн писем от 8000 российских и мировых брендов по 28 отраслям.

13. Бесплатные шаблоны писем для вдохновения:

• Stripo.
• Beefree.
  
• Templatemonster.
  
• Envato.
  
• Chamaileon.
  

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

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

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

Пошаговое руководство (с реальными примерами)

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

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

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

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

4 совета о том, как написать информационный бюллетень

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

1. Сделайте так, чтобы людям было интересно читать

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

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

Я говорю это не для того, чтобы быть грубым — я говорю это, потому что это правда.

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

Это просто человеческая психология.

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

Спросите себя: если бы я получил это электронное письмо, было бы мне интересно? Трудно быть объективным, но постарайтесь.

Хотите больше примеров отличных информационных бюллетеней? Нажмите кнопку ниже!

2. Зафиксируйте процент открываемости

Заставить людей открывать ваши электронные письма — это полдела.

Компания MailChimp провела исследование своих клиентов и обнаружила, что средний показатель открытия по всем отраслям на их платформе составляет всего 20,81%. ^{[ * ]}

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

К счастью, вы можете значительно улучшить это:

1. Написание отличных тем.
2. Укрепляйте доверие аудитории к тому, что ваши электронные письма стоит читать.
3. Использование вашего имени в адресе «От» вместо названия бренда.

Другими словами, вот уравнение:

Интересная тема + Доверие аудитории = Открытые ставки

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

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

Когда у вас есть доверие И отличная тема? Бум! Высокие показатели открытия.

3. Будьте последовательны в доставке

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

Не отправляйте три письма в одну неделю и ни одного в следующую. Оставайтесь последовательными.

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

Если вы ориентируетесь на статистику, обратите внимание, что исследование HubSpot, в котором были опубликованы медианы открываемости, также учитывало медианы открытости и вовлеченности на основе количества электронных писем, отправляемых в месяц. ^{[ * ]}

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

И для влияния на рейтинг кликов:

Кажется, оптимальное значение находится между  16–30 электронных писем в месяц  (электронное письмо ежедневно или через день).

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

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

4. Говорите кратко и просто

Последний совет перед тем, как мы углубимся в детали:  Не рассказывайте историю своей жизни!

Я уже упоминал об этом в первом совете, но стоит упомянуть еще раз с другой стороны. Люди с каждым днем ​​становятся все более занятыми. Почти 3,4 миллиона электронных писем отправляются 90 129 каждую секунду 90 130 . ^{[ * ]}

Ни у кого нет на это времени!

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

Длина ваших писем не должна превышать 3–5 абзацев. Используйте короткие предложения и простые, легко читаемые формулировки. Попробуйте писать на уровне чтения седьмого класса или ниже (вы можете использовать редактор Hemingway Editor, чтобы проверить уровень чтения вашего контента).

5 шагов для написания вашего первого информационного бюллетеня

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

1. Решите, чем вы хотите поделиться

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

Вот некоторые идеи:

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

*Мини-сообщения в блогах — единственные довольно длинные письма, которые я когда-либо отправлял, потому что они представляют большую ценность. Например, Кай Дэвис часто отправляет свой список сообщений в мини-блогах по электронной почте: ^{[ * ]}

Когда вы знаете, чем хотите поделиться, пришло время составить информационный бюллетень!

2. Напишите черновик так, как будто вы пишете конкретному человеку

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

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

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

3. Проверка черновика

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

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

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

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

4. Сначала разошлите часть списка

Прежде чем рассылать рассылку всем своим подписчикам, рассмотрите возможность отправки черновика, который вы только что откорректировали, небольшой части списка (10-15%). Это поможет вам увидеть, какой уровень открываемости получает электронное письмо, и убедиться, что все работает нормально.

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

5. Если все в порядке, отправьте всем

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

Похлопайте себя по плечу! Вы написали и отправили информационный бюллетень.

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

Желаете поправиться? Я тебя прикрыл! Вот три продвинутых совета, которые помогут поднять ваш информационный бюллетень на новый уровень:

1. Сегментируйте свой список для лучшего вовлечения

Сегментация вашего списка адресов электронной почты означает разделение ваших подписчиков на разные «сегменты» или «сегменты». Это выглядит так:

Сегментированные списки работают намного лучше, чем несегментированные списки. MailChimp обнаружил, что сегментированные списки открываются на 14,31 % чаще и  90 129удвоить 90 130 кликов по сравнению с несегментированными списками. ^{[ * ]}

Существует несколько способов сегментации списка:

1. В зависимости от того, что они выбрали на вашем веб-сайте (например, руководство по почтовому маркетингу или руководство по SEO).
2. В зависимости от того, какие электронные письма они открывают (например, электронное письмо о маркетинге по электронной почте или электронное письмо о поисковой оптимизации).
3. В зависимости от того, по каким ссылкам они нажимают в электронных письмах (т. е. ссылка на электронный маркетинг или ссылка на SEO).

В идеале вам нужно сегментировать по всем трем параметрам.

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

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

Чтобы начать сегментацию в Sumo List Builder, перейдите к Успех  раздел любой формы.

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

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

2. A/B-тестирование строк темы электронной почты

Следующий «продвинутый» метод, о котором я хочу рассказать, — это сплит-тестирование строк темы электронной почты. (Я взял «продвинутый» в кавычки, потому что на самом деле это довольно просто.)

Сплит-тестирование, или A/B-тестирование, означает отправку двух или более вариантов вашей темы письма, чтобы увидеть, какой из них работает лучше всего (т. е. получает самый высокий показатель открываемости).

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

Чтобы провести A/B-тестирование ваших тем, сначала проведите мозговой штурм с некоторыми идеями. Придумайте 5-10 идей, а затем выберите две наиболее перспективные для тестирования.

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

3. Опросите свою аудиторию, чтобы узнать, чего они хотят

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

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

Вот как это делается:

1. Решите, какие вопросы вы хотите задать (используйте то, что я сказал выше, для мозгового штурма).
2. Создайте бесплатную учетную запись Typeform или используйте форму Google (и то и другое отлично работает).
3. Добавьте в опрос вопросы с вариантами ответа. Вы можете выбрать один из нескольких вариантов, короткий текст, полный текст и т. д.

4. Скопируйте URL-адрес опроса. Напишите электронное письмо, чтобы отправить его в свой список, и включите URL-адрес для вашей аудитории, чтобы пройти опрос.
5. Ждите результатов и обзора!

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

Привет, [имя]…

Мне нужна ваша помощь.

Видите ли, мы пытаемся [миссия, например, научить миллион человек зарабатывать 100 долларов с помощью рекламы в Facebook]. Но мы не можем сделать это без вас!

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

Пожалуйста, потратьте 60 секунд, чтобы заполнить этот сверхбыстрый опрос и помочь нам отправить вам лучший [контент/продукт]: URL

Большое спасибо!

Продолжайте сокрушать его,
[Имя]

Тогда в опросе могут быть такие вопросы, как:

1. Какие проблемы возникают у вас с рекламой в Facebook? (Подробный ответ)
2. На какой части рекламного процесса вы больше всего застряли? (множественный выбор)
3. Сколько писем вы хотели бы получать каждую неделю? (множественный выбор)
4. Есть что-нибудь еще, что вы хотели бы, чтобы мы знали? (Подробный ответ)

Легко!

Как передать информационный бюллетень на аутсорсинг

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

Да, и у вас есть множество вариантов:

1. Наймите кого-нибудь с сайта фриланса, такого как FreeeUp, Fiverr или UpWork.
2. Наймите кого-нибудь из местных или знакомых и обучите их этому.
3. Наймите агентство, которое специализируется на электронном маркетинге.

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

Если вы решите нанять кого-то в качестве виртуального помощника или автора новостной рассылки, вот несколько советов, которые помогут упростить процесс:

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

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

Получить мой электронный бюллетень

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

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

Свежие идеи и советы экспертов по написанию электронной почты, которую открывают и читают

Распространение и продвижение / Конверсия и оптимизация / Электронная почта / Лидерство в контенте / Мир контент-маркетинга

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

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

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

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

Пришло время настроиться. Чтобы помочь, я собрал полезные идеи и советы от нескольких экспертов, которые выступали на Content Marketing World 2021.

Советы с первого по восьмой исходят от Нэнси Хархут, главного креативного директора HBT Marketing, которая дает свои лучшие советы, как привлечь внимание к вашим электронным письмам. и поверил. Последние три совета (от 9 до 11) содержат советы, относящиеся к рассылкам по электронной почте, и предоставлены Деннисом Шао и Эшли Гуттузо. Деннис, основатель Attention Retention, создал и пишет еженедельный информационный бюллетень Content Corner. Эшли, директор по маркетингу Simple Focus Software, создает еженедельное электронное письмо с подпиской. Она также организовала Newsletter Fest и ведет серию интервью Screen Share с создателями информационных бюллетеней.

1. [Используйте квадратные скобки]

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

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

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

Слова, заключенные в квадратные скобки, выделяются в строках темы #email, потому что люди замечают разные вещи, когда просматривают свои почтовые ящики, — говорит @nharhut через @CMIContent. #CMWorld Нажмите, чтобы твитнуть

СООТВЕТСТВУЮЩИЙ КОНТЕНТ: 10 лучших практик для написания идеальной строки темы электронного письма

2. Держите сравнительные изображения близко друг к другу

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

В этом примере некоммерческая организация Smile Train не совсем правильно поняла, что девушка держит фотографию «до» на талии, а не рядом с лицом:

Эта реклама в Insider Weekly позиционирует перед И-после изображения рядом друг с другом для лучшего эффекта:

3.

Не пишите числа по буквам

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

Используйте числа в строке темы, но не произносите их по буквам, — говорит @nharhut через @CMIContent. #CMWorld Click To Tweet

Я поклонник этого совета по еще более простой причине: он соответствует стилю AP для заголовков.

ПОДБРАННОЕ СООТВЕТСТВУЮЩЕЕ СОДЕРЖИМОЕ: 10 советов, как избежать спам-фильтров электронной почты и добраться до папки «Входящие» ваших подписчиков

4. Скажите «потому что» Я не слышал этого: используйте слово «потому что», потому что это автоматический триггер соответствия.

Используйте слово «потому что» в своих электронных письмах, потому что это автоматический триггер соответствия, — говорит @nharhut через @CMIContent. #CMWorld Click To Tweet

Когда люди видят (или слышат) слово «потому что» в предложении, они кивают, не осознавая, что следует дальше. Они просто предполагают, что это логично, согласно гарвардскому исследованию Эллен Лангер.

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

• «Извините, у меня пять страниц. Могу я воспользоваться ксероксом?» 60% выполнили.
• «Извините, у меня пять страниц. Могу я воспользоваться ксероксом, потому что мне нужно делать копии?» 93% выполнили.
• «Извините, у меня пять страниц. Могу я воспользоваться ксероксом, потому что я тороплюсь?» 94% выполнили.

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

Если бы они использовали фразу «Потому что мой дизайнер заболел гриппом…», прогнозирует Нэнси, они бы получили больший отклик.

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

5. С большой буквы без крика

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

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

Исследование Worldata показывает, что использование всех заглавных букв в адресе увеличивает открываемость на 19%, а темы с первым словом, написанным заглавными буквами, увеличивают открываемость B2B на 14% и B2C на 17%.

Не избегайте использования заглавных букв в строках темы #email, говорит @nharhut. Используйте стиль разумно, чтобы подчеркнуть одно или два слова через @CMIContent. #CMWorld Click To Tweet

6. Отрицательное отношение

Хотя подчеркивание выгод, выгод и преимуществ имеет место в электронных письмах, Нэнси говорит, что мыслите и негативно.

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

7. Рифмовать в нужное время

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

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

Нэнси проиллюстрировала эффект рифмовки двумя примерами вебинаров на одну и ту же тему. Первая гласит: ABM Learnings and Best Practices: The NEW Clear & Complete Guide to Account-Based Marketing

В то время как другая реклама гласила: ABM терпит неудачу без продаж.

СООТВЕТСТВУЮЩИЙ КОНТЕНТ: 7 необычных способов повысить отклик аудитории

8. Вычитка

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

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

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

СООТВЕТСТВУЮЩИЙ КОНТЕНТ: Лучшие советы по корректуре и редактированию (Спойлер: не выполняйте их одновременно)

9. Задавайте сначала один вопрос и всегда

Полезен ли этот контент нашим читателям?

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

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

Полезно ли содержание вашего информационного бюллетеня #email вашим читателям? Если нет, не отправляйте его, — говорит @GuttusoAshley через @CMIContent. #CMWorld Нажмите, чтобы твитнуть

ПОДБРАННЫЙ СООТВЕТСТВУЮЩИЙ КОНТЕНТ: Как электронная почта с видео влияет на вашу аудиторию (и другие примеры контента)

10. Дайте ему голос (и лицо)

Деннис поддерживает совет Энн Хэндли из MarketingProf «поместить «письмо» в информационный бюллетень». Создавайте каждый информационный бюллетень так, как если бы вы писали письмо другу.

Создавайте каждый #email-бюллетень так, как если бы вы писали письмо другу, — говорит @DShaio, подсказывая @MarketingProfs через @CMIContent. #CMWorld Click To Tweet

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

Он поделился этим письмом от Branch, SaaS-компании, работающей по подписке. Электронное письмо пришло от Алекса Бауэра, руководителя отдела маркетинга компании. Он начинается с уникальной заметки от него, а не переработанной записи в блоге, а также с примерами и ресурсами.

Нажмите, чтобы увеличить

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

Добавьте изображение человека или талисмана в профиль отправителя #email вместо логотипа компании, говорит @GuttusoAshley через @CMIContent. #CMWorld Click To Tweet

ПОДБРАННЫЙ СООТВЕТСТВУЮЩИЙ КОНТЕНТ: 6 Электронная рассылка Идеи для большего количества открытий, кликов и репостов

11. Обеспечьте двусторонний разговор

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

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