Как стать автором
Обновить
6

Верстка писем *

Все, что сложнее plain text

Сначала показывать
Порог рейтинга
Уровень сложности

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

Уровень сложности Простой
Время на прочтение 14 мин
Количество просмотров 4.8K

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

В конце — пример целого письма в HTML.

Читать далее
Всего голосов 34: ↑32 и ↓2 +30
Комментарии 17

Новости

М.Видео: Нам всё равно

Уровень сложности Простой
Время на прочтение 34 мин
Количество просмотров 51K
КДПВ

3 месяца и 40 обращений. Ровно столько времени и усилий мне потребовалось, чтобы прийти к выводу в заголовке статьи.
Но статья – не жалобная книга. Опираясь на полученный опыт, я поделюсь с вами полезными советами, как решать проблемы с компанией М.Видео. Да и с другими компаниями тоже.
Помимо этого, в статье масса примеров того, как делать не надо с точки зрения UI и UX.
Хочу всё знать
Всего голосов 173: ↑134 и ↓39 +95
Комментарии 230

Точка, точка, запятая, или Почему на Госуслугах нет части пунктуационных знаков

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 8K

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

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

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

Читать далее
Всего голосов 35: ↑27 и ↓8 +19
Комментарии 93

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

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 3.6K

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

Читать далее
Всего голосов 15: ↑11 и ↓4 +7
Комментарии 19

Истории

Как правильно инвертировать цвета в email-рассылке и зачем это вообще нужно

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 2.2K

Независимая исследовательская компания EarthWeb опубликовала отчёт, согласно которому 82% пользователей предпочитают тёмную тему на смартфоне и 83% переходят на тёмную тему на компьютере. Это говорит о том, что брендам следует сделать свои email рассылки совместимыми с Dark Mode режимом для удобства своих клиентов.

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

В этой статье рассказываем о роли цветовых инверсий в электронных письмах и о том, как правильно настроить тему в тёмном режиме.

Читать далее
Всего голосов 3: ↑0 и ↓3 -3
Комментарии 1

Читаем почту mail.ru из python при помощи imap

Время на прочтение 8 мин
Количество просмотров 41K

Подробно разбираем работу библиотек imaplib и email, открываем ящик и читаем письма (получаем из писем всё что есть) на примере mail.ru (хотя в целом, должно работать везде).

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

Читать далее
Всего голосов 9: ↑9 и ↓0 +9
Комментарии 4

Вёрстка писем почти без боли

Время на прочтение 8 мин
Количество просмотров 17K

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

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

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

Читать далее
Всего голосов 13: ↑13 и ↓0 +13
Комментарии 11

Как делают опросы в письмах — практические примеры и советы

Время на прочтение 5 мин
Количество просмотров 8.5K

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


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


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


Читать дальше →
Всего голосов 14: ↑13 и ↓1 +12
Комментарии 2

Создание совершенной печатной машины из Sublime Text

Время на прочтение 5 мин
Количество просмотров 12K
UPD: Прошло больше месяца с тех пор, как я написал первоначальный черновик этой статьи. С тех пор я опубликовал еще три записи в блоге и более двадцати на моем канале в Телеграм. Настройки зарекомендовали себя фантастически, мне он очень нравится, и у меня нет желания искать где-либо еще.

Я был давним поклонником iA Writer из-за того, что писал. Я купил оригинальную версию для iPad, оригинальную версию macOS (когда она еще называлась MacOS X), версию для Android и даже ту, которую они переиздали как «платное обновление по полной цене». На мой взгляд, в нем есть идеальный баланс между функциями и простотой, дизайном и направленностью.

Вот скриншот первоначальной версии iA Writer от 2011 года:

image

А вот как это выглядит сейчас, в 2021 году:

image

Дизайн настолько вне времени, что практически не изменился за 10 лет.
И я этим доволен, я не собираюсь жаловаться. Это здорово и для вдохновения, и для нововведений, и для фактического воплощения. Я искренне рекомендую его всем, кто пишет.
Читать дальше →
Всего голосов 49: ↑35 и ↓14 +21
Комментарии 11

Как решить проблему блокировки изображений в email-рассылках: полное руководство

Время на прочтение 9 мин
Количество просмотров 15K

Блокировка изображений – одна из самых серьезных проблем, с которой сталкиваются маркетологи, когда проводят email-кампании. Обычно причина кроется в настройках по умолчанию или личных предпочтениях получателя. В результате у большого количества подписчиков изображения блокируются автоматически и письма не доносят до человека основную мысль сразу же, а то и вовсе выглядят испорченными. Поэтому важно оптимизировать рассылки для режима отключенных изображений. Как это сделать? Сервис DashaMail делится лайфхаками.

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

Читать далее
Всего голосов 25: ↑7 и ↓18 -11
Комментарии 37

Триггерные email-рассылки — как вовлечь аудиторию

Время на прочтение 4 мин
Количество просмотров 2.4K
Начнем сначала, что такое триггерные email-рассылки? Если объяснить просто, то это реакция на ваши действия после знакомства: зашли в кафе, поздоровались, ознакомились с меню и официант предлагает вам блюда в зависимости от ваших предпочтений. Триггер можно настроить на разные события: от входа на сайт и до отправки письма, если пользователь по какой-то причине не завершил покупку в интернет-магазине.

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

Предисловие


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



Если вкратце рассказать о самом продукте, то на Ratatype можно:

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

Кроме функционала самого сайта, у нас не было инструментов, которые бы возвращали пользователя на сайт. Ни тебе письма, ни какой-то напоминалочки. Поэтому в 2015 году мы это решили исправить. Понимаю, что сейчас 2019, но история актуальна и до сих пор приносит свои плоды.
Читать дальше →
Всего голосов 18: ↑15 и ↓3 +12
Комментарии 0

Кастомная авторассылка в MailChimp из RSS-ленты

Время на прочтение 9 мин
Количество просмотров 2.1K
Кастомная авторассылка в MailChimp из RSS-ленты

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


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

Читать дальше
Всего голосов 9: ↑8 и ↓1 +7
Комментарии 3

Аудит и тестирование писем: на что стоит обращать внимание при верстке

Время на прочтение 5 мин
Количество просмотров 3.7K
Привет, Хабр!

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

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


Читать дальше →
Всего голосов 7: ↑6 и ↓1 +5
Комментарии 0

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн

Как собрать «Олимпийский» благодаря email-рассылкам. Кейс Black Star

Время на прочтение 4 мин
Количество просмотров 4.8K


Меня зовут Александра Солодкая, я email-маркетолог Black Star. В 2018 году с помощью рассылок мы собрали «Олимпийский» — 50% билетов на концерт L’One купили через email-канал. Хочу рассказать, как письма помогают нам продавать билеты на мероприятия.
Читать дальше →
Всего голосов 47: ↑30 и ↓17 +13
Комментарии 28

Машинное обучение в инвестиционной компании: классифицируем обращения в техническую поддержку

Время на прочтение 6 мин
Количество просмотров 4.2K
В теории использование машинного обучения (ML) помогает сократить участие человека в процессах и операциях, перераспределять ресурсы и уменьшить затраты. Насколько это работает в условиях конкретной компании и сферы деятельности? Как показывает наш опыт — работает.

На определенном этапе развития мы в компании «ВТБ Капитал» столкнулись с острой необходимостью сократить время на обработку запросов в техническую поддержку. После анализа возможных вариантов было решено применить ML-технологию для категоризации обращений от бизнес-пользователей Calypso, ключевой инвестиционной платформы компании. Быстрая обработка таких запросов крайне важна для высокого качества ИТ-сервиса. Помочь в решении этой задачи мы попросили наших ключевых партнеров – компанию EPAM.


Читать дальше →
Всего голосов 14: ↑13 и ↓1 +12
Комментарии 2

Рассылай и властвуй: инструменты для создания и тестирования рассылки

Время на прочтение 8 мин
Количество просмотров 22K


Верстать электронные письма — это боль. Верстать и тестировать адаптивные письма с интерактивом (например, с формами и слайдерами) — боль в квадрате. Однако, не всё не так плохо, если выбрать правильные инструменты. В статье расскажу об email-фреймворках — MJML и Foundation for Emails — и моих любимых ресурсах для тестирования рассылки — Litmus и Email On Acid.
Победить Outlook
Всего голосов 43: ↑40 и ↓3 +37
Комментарии 6

Рассылай и властвуй: вёрстка рассылки тогда и сейчас

Время на прочтение 8 мин
Количество просмотров 15K
image

Их читают миллионы людей по всему миру. Их добавляют в спам, удаляют навсегда, но без них немыслим современный интернет. Многие фронтендеры пойдут на всё, что угодно, лишь бы отвертеться от работы над ними. Мой рассказ — об электронных письмах, о том, как они изменились за 20 лет и о том, как современному фронтендеру не впасть в депрессию, верстая их. Это первая статья из цикла, в которой я расскажу о том, как всё начиналось. Через пару недель поговорим о инструментах разработки и тестирования рассылки.
Утри слёзы, верстальщик
Всего голосов 38: ↑37 и ↓1 +36
Комментарии 9

Как делать email-рассылки и не косячить: практические советы

Время на прочтение 23 мин
Количество просмотров 55K

У разработчика, который впервые столкнулся с генерированием электронных писем, практически нет шансов написать приложение, которое будет делать это корректно. Около 40 % писем, генерируемых корпоративными приложениями, имеют те или иные нарушения стандартов, и, как следствие, проблемы с доставкой и отображением. На это есть причины: электронная почта технически гораздо сложнее, чем веб, работа почты регулируется несколькими сотнями стандартов и несчетным количеством общепринятых (и не очень) практик, а почтовые клиенты отличаются разнообразием и непредсказуемостью. Тестирование может заметно улучшить ситуацию, но материалов, посвященных тестированию почты, практически нет.

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


Читать дальше →
Всего голосов 62: ↑58 и ↓4 +54
Комментарии 19

Смена пароля: 10 шагов к хорошей реализации

Время на прочтение 5 мин
Количество просмотров 10K

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


У нас уже была страница смены пароля, но механизм работы был не оптимальным. Вот как всё происходило. Пользователь оставлял заявку в домене на смену пароля. В ответ система, в свою очередь, оставляла заявку, которую администратор обрабатывал вручную. Он генерировал пароль в домене, после чего приписывал его в заявке. Пользователю приходило email-уведомление: “Ваш пароль изменён на такой”.



Нас смущали три момента:


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

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


Итак, стало понятно, что механику смены пароля пора изменить.

Читать дальше →
Всего голосов 12: ↑11 и ↓1 +10
Комментарии 3

Найди его, если сможешь. Как выделить письма в общем потоке

Время на прочтение 1 мин
Количество просмотров 2.7K
Каждый из нас не понаслышке знаком с проблемой огромной массы оповещений от магазинов, банков, автосалонов и прочих организаций, которая непрерывно валится по всем электронным и не очень электронным каналам. Мы привыкли звать это спамом, развили у себя рефлексы молниеносного удаления, настроили спам-фильтры или просто не замечаем такие сообщения. И мы смирились с тем, что найти среди них полезные сообщения практически невозможно.

Читать дальше →
Всего голосов 14: ↑12 и ↓2 +10
Комментарии 6

Вклад авторов