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

Как сделать массовую рассылку email с соблюдением всех правил

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

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

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

Прямые продажи

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

ТОП-10 сервисов массовой рассылки email

1. MadMimi.

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

Mailchimp.

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

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

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

StreamContact.

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

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

Constant Contact.

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

Smart Responder (сейчас новый бренд MassDelivery).

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

Subscribe.Ru (Sendsay).

А показатели просто зашкаливают: более 600 миллионов электронных писем по всему миру за месяц!

UniSender.

Крайне ценная возможность получить техническую поддержку в режиме 24/7.

SendPulse.

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

Характеризуется гибкостью расценок.

eSputnik.

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

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

Печкин.

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

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

Вас также может заинтересовать: Digital-маркетинг: инструменты, стратегия, обучение

JUSTCLICK

Многие его хвалят и ставят на первое место среди всех.

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

Плюсы Джастклика:

1. Большое количество возможностей. Т.е. вам не нужно пользоваться разными сервисами для создания Landing page, отправки SMS и т.п.  — все в одном месте. Для многих это существенное преимущество.
2. Возможность анализа продаж через данный сервис. На этом пожалуй все.

Минусы:

1. Интерфейс (это мое личное субъективное мнение)
2. Сложная система оплаты. В базовом тарифе джастклик берет много комиссий: за процессинг, за каждую продажу (причем 5%), за каждого слушателя вебинара (15 рублей) и т.п.
3. Мало места (50 МБ) на диске в стандартном пакете
4. Высокая стоимость — очень ограниченный базовый тариф — 990 руб/ месяц + все дополнительные комиссии описанные в прошлом пункте, а следующий тариф уже 9700 руб + стоимость процессинга. На мой взгляд не оправдано.
5. Есть негативные отзывы о доставляемости.
6. Те инструменты, которые предлагает система не очень хорошего качества. Лучше один раз за 18$ оплатить конструктор продающих страниц FLATPACK и делать действительно классные лэндинги, чем пользоваться платным аналогом от Justclick.

Вывод: однозначно не рекомендую.

Стоимость — от 990 рублей в месяц + комиссии.

Основная часть письма: больше, больше конкретики!

Двигаемся далее. А далее у нас идет основная часть. Она создана для того, чтобы в нее «помещали» детали и конкретику. И снова мы разобьем повествование на 2 части, чтобы пользователи DashaMail смогли все это применять на практике.

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

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

1. Раскройте ту мысль, что была озвучена в начале письма.
2. Обязательно форматируйте тело письма. Никто не сможет воспринять «простынь». Также это дань уважения к собеседнику, так как ему проще и комфортнее оценивать предложение, когда базовые разделы раскрываются по шагам.
3. Оставьте в прошлом клише и штампы деловой переписки, так как пользы они не принесут, а вот раздражение – обязательно!

Просто расскажите, что хотите, убрав все лишнее.

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

• Анонсы интересующих продуктов.
• Подборка статей из блога.
• «Свежие» новости.
• Формат FAQ.
• Приглашение на мероприятие.
• Интересная статья.

ТОП-7 лучших сервисов для email рассылки

1. SendPulse
2. Getresponse
3. Unisender
4. Mailchimp
5. Mailerlite
6. Aweber
7. Sendsay

1. SendPulse

Особенности:

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

Возможности:

• Push-уведомления
• SMS рассылки
• Viber-рассылки
• VK/OK рассылки
• Чат боты для Facebook, Вконтакте и Telegram

Недостатки:

Отсутствие функции автоматической публикации через RSS

Бесплатно до 500 подписчиков и до 15000 писем в месяц.

Цена за месяц от 510 руб

2. Getresponse

Особенности:

• Простой и приятный интерфейс
• Большое количество функций, есть все необходимое
• Адаптивный дизайн как под мобильную версию так под компьютер
• Дополнительный бонус станица благодарности после заполнения форм
• Более 500 готовых шаблонов
• Есть встроенная галерея со стоковыми фото
• Гибкие настройки форм подписки

Возможности:

• E-mail рассылки
• Конструктор лендингов
• Автоматизация маркетинга
• Платформа для вебинаров
• Есть возможность создавать опросы

Недостатки:

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

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

Бесплатный период 30 дней

Цена за месяц от 15$

3. Unisender

Особенности:

• Приятный и удобный дизайн
• Большой количество шаблонов на выбор
• Простой и понятный интерфейс
• Интеграция со всеми самыми популярными CMS и CRM
• Хорошая техподдержка: отвечают быстро и по делу
• RSS-рассылка
• Функция быстрой отправки sms: вводишь номер телефона, сообщение и жмешь «Отправить»
• Функция отправки сообщения по событию (пока в beta-версии)

Возможности:

• Как оптовая, так и поштучная оплата сообщений
• SMS рассылки
• Viber рассылки
• Транзакционные письма

Недостатки:

Бесплатно до 100 подписчиков и до 1600 писем в месяц

Цена за месяц от 532 ₽

4. Mailchimp

Особенности:

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

Возможности:

• Отправка email сообщений
• Конструктор сайтов

• Автопостинг в соцсети Facebook и Twitter
• Возможен просмотр информации из профилей соцсетей пользователей

Интеллектуальный маркетинг

Недостатки:

• Все на английском языке, русского просто нет
• C учетом курса доллара стоимость высокая

Бесплатно до 2000 подписчиков

Цена за месяц от 9.99$

5. MailerLite

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

Особенности:

• Простой интерфейс
• Очень стильный и приятный дизайн
• Адаптивный дизайн как под мобильную версию так под компьютер
• Хорошая техподдержка, отвечает быстро и по делу
• Есть возможность создания автоматических цепочек писем
• RSS-рассылка

Недостатки:

Очень мало функций

Бесплатно до 1000 подписчиков и до 12000 писем в месяц

Цена за месяц от 10$

6. Aweber

Особенности:

• Более 700 современных и стильных шаблонов на разные темы
• Встроенная галерея (3000+ стоковых изображений)
• Автоматическая рассылка новых постов из RSS

Возможности:

Бесплатная библиотека шаблонов

Автопостинг в Facebook и Twitter

• Авто-рассылка
• Создание целевых страниц

Недостатки:

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

Бесплатный период в течение 30 дней

Цена за месяц от 16,15$

7. Sendsay

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

Особенности:

Возможности:

• Автоматизация
• Все виды сообщений: регулярные, триггерные, и транзакционные
• Push-уведомления
• SMS рассылки

Недостатки:

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

Бесплатно до 200 адресов и до 1000 писем в месяц

Цена за месяц от 550 руб.

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

Покажу на примере 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. Кликаем “Продолжить”, чтобы перейти к отправке.

Отправка

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

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

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

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

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

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

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

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

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

GETRESPONSE

Плюсы:

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

Минусы:

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

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

Собираем первую базу адресатов

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

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

В одну группу в «ВКонтакте» можно подключить до трех приложений, если вы уже забили три слота нужными вам приложениями, но не использовали рассылки, то вы сможете использовать Senler, не подключая его к группе. Он будет рассылать сообщения по собранной вами базе, но не сможет подписывать новых пользователей, отписывать и мониторить группу на наличие ключевых слов из-за возможностей API ВКонтакте.

Кнопка «подписки» может называться не только «Подписка», поэкспериментируйте с названиями, предложите оффер, например «Получить 10% скидки».Включите правильную видимость приложения

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

Если это уместно, закрепите этот пост в сообществе

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

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

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

Виджет подписки, обещающий скидку, сделанный с помощью приложения «Виджет в сообществе»

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

Последний способ — парсинг. Используйте его аккуратно. Теоретически вы можете собрать всех тех, кто писал вам в группу в одну базу и сделать рассылку. Это легально, потому что в сообщения сообщества первыми пишут пользователи ВКонтакте, а не группа. Но неожиданная рассылка может разозлить получателей. Злоупотребив этим можно потерять функцию отправки сообщений. Чтобы собрать всех, кто писал вам в группу, установите расширение для Google Chrome «Кто писал в сообщество» и прогрузите все сообщения сообщества.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Адаптивный дизайн 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

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

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

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

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

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

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

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

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

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

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