Как стать автором
Обновить
0
Рейтинг

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

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

Сначала показывать
  • Новые
  • Лучшие
Порог рейтинга
  • Все
  • ≥0
  • ≥10
  • ≥25
  • ≥50
  • ≥100

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

Верстка писем *Интернет-маркетинг Контент-маркетинг Email-маркетинг

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


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


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


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

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

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

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

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

image

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

image

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

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

Блог компании DashaMail. Про email-маркетинг и не только Верстка писем *Интернет-маркетинг Email-маркетинг
Перевод

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

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

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

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

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

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

Предисловие


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



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

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

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

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

Блог компании Click.ru Верстка писем *Интернет-маркетинг
Кастомная авторассылка в MailChimp из RSS-ленты

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


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

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

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

Блог компании Retail Rocket Верстка писем *
Привет, Хабр!

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

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


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

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

Блог компании UniSender Верстка писем *Управление проектами *Интернет-маркетинг


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

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

Блог компании ВТБ Help Desk Software *Верстка писем *Service Desk *Машинное обучение *
В теории использование машинного обучения (ML) помогает сократить участие человека в процессах и операциях, перераспределять ресурсы и уменьшить затраты. Насколько это работает в условиях конкретной компании и сферы деятельности? Как показывает наш опыт — работает.

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


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

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

Блог компании 2ГИС CSS *Интерфейсы *HTML *Верстка писем *


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

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

Блог компании 2ГИС CSS *Интерфейсы *HTML *Верстка писем *
image

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

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

Блог компании Mail.ru Group Спам и антиспам Тестирование IT-систем *Верстка писем *Тестирование веб-сервисов *
Tutorial

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

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


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

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

Блог компании True Engineering Информационная безопасность *Системное администрирование *Интерфейсы *Верстка писем *

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


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



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


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

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


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

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

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

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

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

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

Верстка писем *Читальный зал
Я пишу письмо, а мне не отвечают. Я пишу ещё одно, а в ответ молчание. Наконец, я пишу третье с текстом вроде «Чувак, а ты ещё заинтересован в нашем сотрудничестве?». Тут получаю ответ: «Жду не дождусь когда начнём работать, шли презентацию». Я стараюсь строить свою переписку по определённым принципам, чтобы сдвигать общение с мёртвой точки. В статье поделюсь некоторыми своими наработками, расскажу как задолбать молчунов полюбить милашек-адресатов, а они ответили взаимностью.


Превратиться в емейл-машину
Всего голосов 29: ↑26 и ↓3 +23
Просмотры 18K
Комментарии 28

Как не стать честным рассыльщиком

Верстка писем *
Из песочницы
Давно хостился на одном ресурсе, у которого была услуга «списки рассылки». Для тех, кто не в курсе – загружаешь список адресов (списки сформированы легально, никакого спама, Double Opt-in) и формируешь письмо, сервис автоматически рассылает письмо по всем адресатам. Собственно всё устраивало, кроме одного – статистики. Хотелось знать, сколько доставлено, сколько прочитано и т.д. и т.п.
Читать дальше →
Всего голосов 28: ↑25 и ↓3 +22
Просмотры 8.2K
Комментарии 15

Адаптивные email-письма без боли и страданий

Блог компании EnglishDom CSS *HTML *Верстка писем *
Tutorial
Привет, Хабр! Все, кто хоть раз сталкивался с версткой email-писем, знают, что это нудно, утомительно и порой очень сильно раздражает. В большинстве случаев это обусловлено тем, что почтовые клиенты не умеют поддерживать очень многое из того, что мы используем при верстке самых простых веб-страниц. Поэтому дизайн письма делается простым или не делается вовсе, а львиная доля времени уходит на проверку и фиксы багов в многочисленных почтовиках.

В этой статье мы хотим поделиться с вами рецептами верстки красивого, на наш взгляд, и адаптивного письма, которое будет подстраиваться под экран вашего телефона даже в Gmail. А так же рассказать про нюансы, проблемы и тонкости, с которыми мы столкнулись в процессе его создания.
Читать дальше →
Всего голосов 16: ↑13 и ↓3 +10
Просмотры 33K
Комментарии 13

Простой эксплойт даёт злоумышленникам возможность изменить содержимое письма после отправки

Блог компании Cloud4Y Информационная безопасность *Мессенджеры *CSS *Верстка писем *
Перевод


Считаете ли вы, что содержимое письма электронной почты нельзя изменить после доставки? Если вас интересует вопрос информационной безопасности, вам следует узнать о методе атаки, который исследователи из Mimecast назвали ROPEMAKER.

Акроним ROPEMAKER расшифровывается как «Remotely Originated Post-delivery Email
Manipulation Attacks Keeping Email Risky». В действительности ROPEMAKER — это тип хакерской атаки через электронную почту, обнаруженный Франциско Рибейро (@blackthorne) из Mimecast. Этот эксплойт может дать злоумышленнику возможность удаленно изменять контент письма электронной почты в любое время после доставки. Является ли ROPEMAKER уязвимостью, которую необходимо исправить, чтобы защитить обычных пользователей? Мы надеемся, что эта статья поможет ответить на этот вопрос.
Читать дальше →
Всего голосов 19: ↑18 и ↓1 +17
Просмотры 13K
Комментарии 21

Визуальный редактор писем на React+Redux. Обзор, пример использования и расширения

JavaScript *Node.JS *Верстка писем *ReactJS *
Tutorial

Введение


Всем привет! Не так давно мне поступила задача встроить визуальный редактор email в наш сервис внутренней рассылки, ибо людям надоело набирать html руками и компоновать валидные шаблоны для писем. Побродив по интернету, я нашёл 2 редактора, которые, как мне тогда казалось, прекрасно подойдут для этих целей. Ссылки на них приведу в конце топика. Изучив их более внимательно (EmailEditor написан с использованием jQuery, который я в своё время неплохо изучил, а Mosaico был на KnockoutJS, с ним я знаком лишь поверхностно), я остановился на EmailEditor, и снова окунулся в то дерьмо из которого год назад так успешно выбрался с помощью Angular и Ionic, а именно — файлы по 2-3к строк, повсеместное и рандомное изменение DOM различными способами из различных мест и т.д., ну вы меня понимаете).


Потратив больше месяца на попытки пофиксить все баги, запилить нужные нам для рассылки строительные блоки и прочее, я сдался… Решил попробовать Mosaico и даже начал активно изучать Knockout, но проблема в том, что этот монстр (я про Mosaico) был настолько сложно написан, что EmailEditor показался не таким уж и плохим. Плюс ко всему, а точнее минус, у Mosaico практически нет вменяемой документации и если в первом я интуитивно понимал как всё работает и как создать свои блоки, то тут никакая интуиция мне не помогла. Возможно, просто не хватило мозга, терпения и желания разбираться, не знаю, просто гляньте на досуге исходники этих редакторов… А сроки поджимали...


Что же делать?!

Читать дальше →
Всего голосов 8: ↑6 и ↓2 +4
Просмотры 7.1K
Комментарии 8

Проектирование и разработка шаблонного движка на C# и ANTLR

Блог компании Mindbox .NET *C# *Верстка писем *

Предыстория


Уже много лет мы помогаем нашим клиентам отправлять потребителям хорошие, информативные и человеческие письма. В них вместо сухого “Добрый день” мы пишем “Здравствуйте, Никита!”, а вместо “Ваш баланс пополнился” сообщаем “вы получили 25 баллов”. Но маркетологи становятся все изобретательнее, и современное письмо от интернет-магазина должно выглядеть так:


В реальной жизни всего этого на порядок больше в каждом письме


И мы хотим уметь генерировать такие письма автоматически.

Читать дальше →
Всего голосов 13: ↑13 и ↓0 +13
Просмотры 7.2K
Комментарии 56

Гид по верстке адаптивных писем

Блог компании Нетология CSS *HTML *Верстка писем *

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


image


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

Читать дальше →
Всего голосов 19: ↑15 и ↓4 +11
Просмотры 47K
Комментарии 5

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