8 email-хаков, о которых вы даже не догадывались

Email-хаки стали неотъемлемой частью жизни разработчиков рассылок. Будь то адаптация кода для идеального отображения везде, от Lotus Notes до Gmail, или создание чего-то принципиально нового, чего раньше не было в email-маркетинге.

На конференции Litmus Live 2017 мы попросили сообщество поделиться инновационными email-хаками — от приемов кодирования до инструментов, помогающих оптимизировать ежедневную работу.

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

## Верстка email без таблиц

Автор: Марк Роббинс (@M_J_Robbins)

Спросите любого разработчика рассылок, как сверстать email, и ответ будет один — используйте таблицы. Однако единственные почтовые клиенты, которые до сих пор требуют таблицы для верстки HTML, — это Outlook 2007-2016 и Windows 10 Mail, поскольку они используют движок Microsoft Word. Посмотрите и узнайте, как Марк отказывается от таблиц в пользу div для создания письма.

### Узнайте больше о верстке без таблиц:

— Подкаст Email Design: создание последнего новостного письма Litmus без HTML-таблиц

— Сообщество Litmus: как и почему Litmus отказался от таблиц в своей первой рассылке 2018 года

— Прочитайте статью Марка о том, как «уйти от таблиц»

## Добавление стильного эффекта дуотон к изображениям

Автор: Кимберли Коннелл (@r_kimberlyc)

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

## Ссылки «Добавить в календарь» в письмах

Автор: Кевин Мэндевиль (@KevinMandeville)

Возможность для подписчика добавить событие в свой календарь прямо из письма — очень полезная техника для email-маркетологов в сфере мероприятий. Кевин делится своим методом вставки ссылок «Сохранить дату» в рассылках Litmus и объясняет, как вы можете сделать то же самое.

## Альтернативная техника для ALT-текста

Автор: Стивен Коллинз (@theotherstevenc)

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

## Съемка фото прямо из письма

Автор: Реми Парментье (@HTeuMeuLeu)

Реми продемонстрировал, как далеко может зайти разработка email, встроив функцию съемки фото прямо в письмо. Вы не ослышались: камера встроена в электронное письмо. Поистине уникальная идея!

### Узнайте больше:

— Прочитайте заметку Реми об Email Camera

## Фреймворк для упрощения разработки писем

Автор: Николя Гарнье (@Nico_g)

Код писем сложен. Николя разработал фреймворк, который упрощает создание адаптивных и красивых писем без сложного кодинга. Он называется MJML.

## Делаем фоновые изображения адаптивными

Автор: Вильберт Хейнен (@wilbertheinen)

Безусловно, каждое письмо должно быть адаптивным. Однако масштабирование фоновых изображений для мобильных устройств может быть проблематичным. Посмотрите, как Вильберт объясняет, что использование ширины области просмотра (viewport) помогает решить эту проблему.

## Добавление пустого пространства к прехедеру

Автор: Джайна Мистри (@jainamistry)

Раздражает, когда текст, идущий после прехедера, «залезает» в область предпросмотра во входящих. Email-маркетологи боролись с этим, просто контролируя длину прехедера. Теперь есть другой вариант. В этой сессии #EmailHacks Джайна делится техникой, которая поможет сделать ваш прехедер чистым и аккуратным.

### Узнайте больше:

Каждый из этих email-хаков доказывает, что разработка рассылок — это не только table>tr>td. Какие #EmailHacks можете предложить вы? Поделитесь ими с сообществом Litmus!

## Подпишитесь на обновления Litmus Live

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