15 золотых правил в создании эффективных email-рассылок

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

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

Читайте также: Как создать эффективное письмо о брошенной корзине

1. Разрыв шаблонов

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

Анимация

Не все почтовые клиенты воспроизводят gif-анимацию (например, Outlook показывает только статичную картинку). Поэтому позаботьтесь о том, чтобы первый кадр был максимально информативным. В остальных случаях gif — отличный способ привлечь внимание к определенной области письма, сформировать акценты.

Эмоджи

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

Использование интерактивных элементов

Это элементы, которые обновляются при каждом открытии письма. Например:

• Счетчик

Создается в сервисах Nifty Images, Motion Mail и др. Выбираете параметры счетчика (шрифт, часовой пояс, срок действия). После сохранения получаете код, который вставляется в письмо. Таймер готов.

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

Читайте также: 29 сервисов для email-маркетинга

• Персональное приветствие с фото

Создается с помощью Nifty Images. Здесь тоже нужно добавить кусочек кода в письмо и подставить вашу переменную для персонализации имени.

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

Читайте также: Как выбрать лучший сервис для email-рассылок

• Местный прогноз погоды

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

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

Скрипт реализуется с помощью: kick dynamic, liveclicker и др.

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

2. Крепкие отношения с аудиторией

Email — самый удобный инструмент для поддержания контакта с вашими клиентами.

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

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

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

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

3. Простота

Упрощайте контент. Удаляйте лишнее. Подача информации происходит по принципу: одно письмо — одна идея.

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

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

Пример:

В шапке письма поместите логотип своей компании, ссылку на официальный сайт и социальные сети. Это повысит открываемость писем.

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

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

4. Размер письма

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

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

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

Прежде, чем отправлять email, проверьте его через сервисы Litmus или Email on Acid. Они покажут, как письмо отобразится в разных почтовых клиентах.

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

5. Предзаголовок (прехедер)

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

Хороший предзаголовок — информативный и не слишком броский.

В самом сообщении — это небольшое техническое поле.

Важно! Постоянно проводите аудит Email-расссылок для повышения эффективности канала.

6. Шапка письма (хедер)

Высота хедера может быть от 70 до 200 пикселей. Максимальную высоту выбирают те, у кого на первом скрине кроме логотипа компании есть контактные данные и панель меню (категории сайта). Перегружать информацией это поле не рекомендуется. Современная тенденция — использовать в хедере только лого, объединять его визуально с баннером.

Примеры хедера:

7. Баннер

Чаще всего для баннера берут 480–500 пикселей в высоту. Исходная картинка должна быть хорошего качества.

Учтите, что письмо могут открыть на устройстве с дисплеем Retina — это экран с учетверенной плотностью пикселей.

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

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

<img src=”https://website.com/picture300x300.png” width=”150″ height=”150″ />

Минус такого приема в том, что Retina-оптимизированные изображения тяжелые и увеличивают время загрузки. Тяжелое письмо может отображаться некорректно в Gmail и Yahoo! Mail. Эти почтовые сервисы уменьшают размер письма, если он превышает допустимый лимит. Для Gmail это 102 kb, для Yahoo! Mail — 100 kb. Другие почтовые клиенты не изменяют вес сообщения.

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

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

8. Основная часть

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

Рекомендуемая длина текстового блока — 600 пикселей. Таким образом, на то, чтобы осветить основную мысль, у вас есть 5–7 предложений.

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

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

9. Оформление текста

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

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

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

Стандартные шрифты

10. Размещение товаров

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

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

11. Футер (подвал письма)

Футер содержит:

• Контакты компании;
• Возможность отмены подписки;
• Ссылки на социальные сети.
• Контактные данные отправителя

Можно указывать подробные контактные данные компании или ссылку на страницу «О нас», где есть вся информация.

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

12. Адаптивная верстка

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

Есть несколько методов адаптации:

• Адаптация с помощью медиа-запросов. Но не все почтовые клиенты их поддерживают. Например, mail.ru — нет.
• ​С подстраивающимся содержимым

В методе с подстраивающимся содержимым при уменьшении экрана сжимаются только картинки, а размер текста остается неизменным. Учтите, что, если вы используете нестандартный шрифт, то заголовок должен быть коротким. Иначе он будет верстаться картинкой и его невозможно будет прочитать. Оптимально использовать стандартный шрифт размером 14 px, с междустрочным интервалом — 1,5.

• С помощью отсечения

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

• С помощью блочного перестроения внутренних элементов

Самый популярный метод. В нем используется модульная сетка в 2–4 колонки в зависимости от объема информации. Весь контент представлен в виде прямоугольников с небольшими зазорами между ними. Текст с описанием товара располагается под соответствующей картинкой.

Читайте: Как адаптировать письмо для Gmail

13. Правильное оформление call to action

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

Дизайн кнопки

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

Таким образом, эффективность рассылок зависит и от того, насколько грамотно сделан акцент на call to action.

Универсального шаблона целевой кнопки не существует. Но она должна быть:

• Заметной

Используйте контрастные к фону цвета, крупные размеры (оптимально 35×45 px). Вместе с тем, не переусердствуйте с яркостью и анимацией.

• Краткой и понятной

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

• Ненавязчивой

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

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

• «Узнать больше»
• «Хочу попробовать» и т. д.

Расположение кнопки

Насчет эффективности расположения кнопки существует два мнения:

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

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

Мотивация

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

Другой вариант повысить эффективность email рассылок — ограниченное количество товаров. Пример:

Еще один психологический прием: писать текст в повелительном наклонении или в настоящем времени. Например:

• «Иду на встречу»;
• «Купи со скидкой» и т. д.

14. Градиент

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

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

15. Доставляемость писем

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

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