Email-маркетинг под ключ

SendGrid

Ссылки: Цены, API

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

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

2000 подписчиков / 6000 писем – бесплатно

10000 подписчиков / 80000 писем – 3713 Р

30000 подписчиков / 160000 писем – 8910 Р

• Если отправляете мало писем, но много контактов и наоборот, мало контактов но много писем, то будете переплачивать
• Мало готовых шаблонов(10), хотя современные
• DKIM с бесплатного тарифа
• Приятный интерфейс, хотя немного глючный
• Есть мобильное приложение
• Можно отправлять письма через их SMTP сервер
• Пока не поддерживается proТаймером

Впечатление: подойдет тем, чей фокус на транзакционных рассылках.

Мощный призыв – когда нет сил отказаться!

Призыв к действию в деловой сфере называют СТА. Он присутствует и в деловой переписке, и в массовой рассылке, но немного в разных формах. Давайте разбираться.

Призыв в деловой переписке

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

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

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

СТА для массовых рассылок

1. Так сложилось исторически, что в массовых рассылках призыв к действию реализуется через кнопки или ссылки для перехода на сайт или страницу в социальной сети. Как правило, у письма есть главная задача: конвертация подписчика в покупателя, направление трафика, сбор людей на онлайн-вебинар. Постарайтесь, чтобы у 1 письма была 1 цель!
2. Не перестарайтесь. Достаточно 1-3 ссылок.

13 приёмов в теме письма: вдохновляемся удачными примерами

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

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

• Без бумажки НЕ букашка, или что делать за границей без документов (Kupibilet).
• Как меняться, когда есть лень и «завтра»? Чип и Дэн спешат на помощь (Издательство МИФ).
• Ты в ответе за то, что не доучил (Lingualeo).

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

• Где у него кнопка? Управляем лифтом настроения (Издательство МИФ).
• Поймай летнюю распродажу курсов за хвост (Lingualeo).

Цифры. Людям нравятся цифры

Однако важно следить, чтобы они были в мире читателя и повышали ценность сообщения:

• 750 рублей за рекомендацию (Тинькофф Банк).
• 10 бюджетных рецептов обедов на 100 рублей (Лайфхакер).

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

• Как кататься по миру за чужой счет (Т—Ж).
• Как проверить, не скручен ли пробег у машины (Аuto.ru).

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

• Как я поняла, что пора разводиться: личный опыт (Лайфхакер).
• Как мошенник развел меня на 10 евро (Skyeng).

Актуальность

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

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

• Страшное безудержное хвастовство — не читайте ?(Дарья Манелова — Instмаркетолог).
• Не покупайте ничего! Дождитесь распродажи! Распродажа 05.11.17 (Intimo).

Интрига

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

Мне по душе темы, в которых есть как интрига, так и намёк на содержание рассылки:

• Если бы в России было 100 жителей (Т-Ж).
• Как флиртовать при помощи книг (LiveLib).
• Кейс: какое письмо помогло заработать 13 миллионов рублей (Carrot quest).

Чувства. Ильяхов постоянно твердит, что в текстах нужно опираться на чувственный опыт читателя (всё, что можно увидеть, услышать, понюхать, попробовать и потрогать). Такой приём делает текст сильным и повышает его убедительность. Так почему бы не обратиться к ощущениям читателя уже в теме письма:

• Ми-ми-ми отпуск: где почесать панду за бочок и полюбоваться фламинго (KupiBilet).
• Посмотрите, как выглядят магазины будущего (Greenpeace).

Срочность. Этот приём позволяет сыграть на страхе человека упустить выгодное предложение. Всем знакомо: только сегодня, только в ноябре и т.д. Поднадоело, но всё ещё работает. Кроме того, всегда можно придумать что-то более оригинальное: Зомби-руки сдавили горло Лео! Скорей! (Lingualeo).

Другой вариант использовать дефицит времени — рассказать, как что-то полезное можно сделать быстро:

• Как за полчаса поднять эффективность сайта и рекламы (Агентство интернет-маркетинга ЛидМашина).
• Чек-лист: улучшаем внешний вид сайта за 15 минут (Tilda).

Шутка. Сложный приём. Надо быть уверенным, что ваш юмор поймут подписчики:

• Носки, трусы, гантеля, лещ — что подарить тебе, родной? (Издательство МИФ).
• Для тех, кто в салате (Lingualeo).

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

• Чек-лист для дизайнера: что проверить в макете перед сдачей (EmailSoldiers).
• Возвращаем, сокращаем и оптимизируем налоги: лайфхаки и инструкции (Inc.Russia).

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

• О чём забывают email-маркетологи в декабре? (EmailCompetitors).
• ? Тому, кто плохо себя вёл (PichShop).

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

Вводные

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

Когда Ибрагим узнал о новой возможности, он подключил к паблику приложение рассылок от Хеппи Санты. Сделал пост в паблике с приглашением в рассылку, с предложением рассылать «Скидки и акции». За месяц на рассылку подписалось 90 человек — 90 контактов. Теперь Ибрагим хочет использовать эту базу и рассылать по ней сообщения.

Для старта успешной рассылки Ибрагиму нужно:

• Определиться с задачами рассылок — зачем это надо ему, зачем это надо подписчикам?
• Выбрать платформу для рассылок — можно рассылать вручную, но зачем?
• Собрать базу для рассылки — 90 человек уже есть, но на них много не заработать, нужно увеличивать объемы.
• Отправить первое письмо — пишем первое письмо и рассылаем.
• Проанализировать свои действия — смотрим и изучаем цифры, что они нам дали?
• Запланировать дальнейшие действия: создать систематическую рассылку, создать белую книгу и раздавать её за подписку, создать цепочку триггерных писем.

GetResponse

Ссылки: Цены, API

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

Для тарифа Max (не только рассылки, но и многое другое, почему этот тариф, смотри ниже):

10 000 – 12252 Р

50000 – 13737 Р

• DKIM доступна начиная с MAX тарифа (очень большой минус!)
• Добавляют лого сервиса внизу письма в течении пробного периуда
• Один и тот же емайл адрес в нескольких списках рассылки считается как несколько разных подписчиков
• Много интеграций с разными сервисами(2ое место после MailChimp)
• Есть встроенный набор стоковых фото для писем
• Есть мобильное приложение
• Периодически дают постоянную скидку в 40% при оплате на год
•  Создание опросов (на тарифе выше)
• Создание лендингов (на тарифе выше)
•  Создание вебинаров (на тарифе выше)
• Полностью совместим с нашими продуктами

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

Что представляет собой сервис для Email рассылок Bazaaremail com

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

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

StreamSend

Ссылки: Цены, API

1250 – 1484 Р

10000 – 6311 Р

25000 – 12252 Р

Когда я 3-4 года назад делал обзор этого сервиса в своем блоге, то не мало человек там зарегистрировалось и использовало. Сейчас их дизайн чуть устарел(не обновляли с тех пор) и они убрали тарификацию по кол-ву отправляемых писем(хотя если их у вас более 150к, то для вас это доступно).

• Интерфейс только на английском, как и поддержка, которая мне в последнее время не отвечает
• Бесплатный персональный IP (за который в Mailigen берут 2153 Р в месяц)
• Большое количество шаблонов (включая современные, в отличии от их дизайна))
• Постоянно делают шаблоны под разные праздники
•  Не совместим с proТаймер

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

Как создать рассылку поэтапно

Покажу на примере UniSender. В сервисе можно бесплатно отправить 1 500 писем на 100 адресов.

Добавление базы адресов

Шаг 1. Загружаем базу электронных адресов в сервис. На главной странице нажимаем “Импорт контактов”.

Шаг 3. Проверяем, правильно ли распознаны названия полей. Я вручную указывала, что строка с Ф. И. О. – это имена. Идем дальше. Кликаем “Продолжить”.

Шаг 4. Добавляем электронные адреса в новый список.

Шаг 5. Именуем список как угодно, лишь бы вам было понятно. Нажимаем “Создать”.

Шаг 6. Заканчиваем с добавлением адресов, нажав “Импортировать”.

Создание письма

Шаг 1. Кликните на главной странице UniSender “Создать рассылку”.

Шаг 3. Пишем электронный адрес, с которого отправится письмо.

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

Шаг 4. Укажите тему.

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

Шаг 6. Определяемся с дополнительными настройками.

Шаг 7. Выберите способ создания письма.

1. Блочный редактор предназначен для новичков, которые не разбираются в HTML-коде. Можно загрузить готовые картинки, текст.
2. Шаблоны – готовая версия дизайна. Подставляете текст и отправляете. Эскиз, верстка не нужны.
3. HTML-редактор для тех, кто знает код. Гибкие настройки. Вы можете добавить прехедер как угодно, картинки, сделать уникальный дизайн.

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

Нам открывается заготовка.

Шаг 8. Нажимаем на “Изображение” в левом меню, чтобы загрузить картинки.

Шаг 9. Открывается хранилище файлов на сервисе. Чтобы добавить изображение с устройства, кликаем на иконку дискеты.

Шаг 10. Нажимаем “Выбрать файлы для загрузки”.

Шаг 11. Выбираем файл с компьютера и кликаем “Открыть”.

Шаг 12. Картинка появляется в хранилище. Дважды кликаем правой клавишей мыши.

Шаг 13. Чтобы добавить картинку в нужную область, кликните “Выбрать” на ней.

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

Шаг 14. Указываем прехедер вверху и контактную информацию.

Шаг 15. Вставляем текст или пишем в редакторе. Для этого наводим курсор на нужную область и кликаем на карандаш.

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

Шаг 16. Добавляем подпись. Загружаем фото, меняем имя отправителя.

Шаг 17. Кликаем “Продолжить”, чтобы перейти к отправке.

Отправка

После редактирования попадаем на страницу отправки.

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

Выберите “Запланировать письмо по событию”, тогда оно придет после или в указанное вами время.

Нажмите “Отправить/Запланировать”, чтобы разослать сообщение на много адресов.

Начало рассылке положено. Подписчики получили письмо.

GETRESPONSE

Плюсы:

1. Второе место среди всех рассыльщиков по проценту доставленных писем — 99,50%. Т.е вы можете быть уверены, что все подписчики точно получат от вас информацию
2. Отличная техподдержка: на русском языке доступна по почте и в виде онлайн чата, на английском добавляется еще возможность получить консультацию по телефону.
3. Наличие пробной версии — 30 дней; до 250 подписчиков. Для такого продвинутого ресурса как гетреспонс это хороший бонус.
4. Встроенный конструктор целевых страниц, более 500 готовых шаблонов и куча других полезных примочек

Минусы:

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

Стартовый пакет — $15/месяц (до 1000 подписчиков)

Шаг №1: Тематика для рассылки email

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

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

1. Деньги и заработок в Интернете
2. Воспитание детей
3. Здоровое питание
4. Уход за своим телом
5. Спорт и спортивное питание
6. Секс и отношения
7. Выживание в диких условиях (только если вы живете в США)

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

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

Mailerlite

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

Достоинства

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

Недостатки

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

Цена

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

Рассылка писем по e-mail, по готовым базам

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

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

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

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

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

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

Ниже я расскажу, как написать интересное письмо для рассылки.

Заголовок

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

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

Структура названия:

• выгода – как сэкономить на бытовой химии;
• для кого – домохозяйкам.

Никогда не врите. Процент открываемости повысится вместе с отписками.

Добавляйте имя в тему. Вы повысите процент открываемости примерно на 42 %. Ниже я покажу, как это сделать в сервисе рассылок.

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

Прехедер

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

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

HTML-код для видимого прехедера (виден и в письме).

HTML-код для невидимого прехедера.

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

Начинайте с важной информации

Шапка

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

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

Поздоровайтесь, представьтесь

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

В этом хорошо поможет психологический триггер.

Закажите фирменный стиль для своего бренда.

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

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

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

Пользуйтесь схемой “от важного к деталям”. Негласный шаблон письма:

Негласный шаблон письма:

1. Приветствие.
2. Подводим к теме.
3. Предложение.
4. Отработка возражений.

Меняйте местами пункты, иначе наскучите читателю. Нет ничего хуже писем под копирку.

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

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

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

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

Есть несколько вариантов адаптивной вёрстки письма.

С помощью «плавающих блоков»

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

макет письмаАдаптивная вёрстка

С подстраивающимся содержимым

В таком методе при уменьшении экрана в письме уменьшаются картинки, а размер шрифта остаётся прежним

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

С помощью медиазапросов

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

Клиенты, поддерживающие и не поддерживающие медиазапросы:

Десктопные	Мобильные	Браузерные
AOL Desktop	Android 4.2.2 Mail	AOL Mail
Apple Mail 10	Android 4.4.4 Mail	G Suite
IBM Notes 9	AOL Alto Android app	Gmail
Outlook 2000–03	AOL Alto iOS app	Google Inbox
Outlook 2007–16	BlackBerry	Outlook.com
Outlook Express	Gmail Android app	Yahoo! Mail
Outlook for Mac	Gmail Android app IMAP
Postbox	Gmail iOS app
Thunderbird	Gmail mobile webmail
Windows 10 Mail	Google Inbox Android app
Windows Live Mai	Google Inbox iOS app
	iOS 10 Mail
	Outlook Android app
	Outlook iOS app
	Sparrow
	Windows Phone 8 Mail
	Yahoo! Mail Android app
	Yahoo! Mail iOS app

Зелёным обозначены почтовые клиенты, которые поддерживают медиазапросы, красным — те, что не поддерживают. Данные взяты отсюда: campaignmonitor.com

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

Ещё я бы посоветовала почитать книгу Люка Вроблевски «Сначала мобильные!». В ней доступно рассказывают о проектирования сайтов с учётом отображения на мобильных и планшетах, приводятся примеры и рекомендации по вёрстке. Этот подход можно применять и в дизайне писем.

Ошибки в адаптивном дизайне писем

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

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

Теги отображаются в два столбца

Но в результате письмо выглядело вот так:

Письмо с ошибкой в вёрстке

Дело в том, что между плавающими блоками

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

Дальнейшие действия

Рассылка дала отличные результаты. Что дальше?

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

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

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

Фрагмент цепочки рассылки для марафона Историй от SMMplanner

Школа анимации Pixel, сооснователь Павел

Как происходит работа над дизайном писем

Первое знакомство

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

Обсуждение структуры письма с копирайтером

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

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

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

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

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

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

Подготовка шаблона

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

Узнайте, сколько для вас будет стоить

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

Передача верстальщику и проверка вёрстки

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

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

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

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

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

• Arial
• Comic Sans MS
• Courier New
• Georgia
• Impact
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

Не самые красивые шрифты, но они хорошо читаются: подписчик точно увидит весь текст в письме. Фокус «поиграть со шрифтами» не выйдет.:) Кстати, стандартные системные шрифты на Android и iOS — это Helvetica и Roboto. Поэтому их тоже можно использовать, в случае чего они заменяются на родной всем Arial. Так как они похожи по начертанию, это не сильно повредит макету, и ничего не поедет.  

Рекомендуемый размер основного текста — 14 px, межстрочный интервал — 1,5.

Используйте несколько текстовых стилей для расстановки акцентов: главный заголовок, основной текст, ссылка, сноска

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

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

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

Цвет текста

Цвет текста должен быть контрастным к фону. Некоторые дизайнеры считают, что лучше использовать тёмно-серый, например, #333333 к белому фону, так как чтение 100% чёрного текста утомляет глаза. Но это спорное утверждение. Можете почитать статью, в которой автор рассказывает про удобочитаемость, контрастность цвета текста к фону, эволюцию шрифтов в вебе и приводит примеры.

Подводим итоги рассылки с помощью анализа

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

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

Показатели для анализа берите у сервисов рассылок, дополнительно подключите Яндекс.Метрику и Google Analytics.

По каким параметрам оглашать приговор массовой рассылке:

1. Коэффициент доставки – соотношение между полученными и отправленными письмами. Хорошо, если выйдет 99 %, но сойдет и 90 %.
2. Коэффициент прочтения – соотношение между открытыми и доставленными письмами. Тестируйте разные темы, заголовки. Худшее значение – 11 %.
3. Кликабельность – соотношение между кликами по ссылкам и полученными письмами. Нормально – 15 %. Но нужно смотреть, как было раньше.
4. Отписки – соотношение между отписавшимися людьми и полученными письмами.

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

Заключение

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

При выборе сервиса рассылки я бы обращал внимание на наиболее популярные. Те же SendPulse или Mailchimp могут решить задачу большинства

Хотя для каких-то специфических целей они могут и не подойти.

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

Если вы хотите узнать больше о создании информационных проектов под монетизацию, то я советую вам обратить внимание на курс Василия Блинова “Как создать блог”

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

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