Школа
Веб-разработка

Василий, Руст, привет!

Расскажите, как в бюро верстают электронные письма и рассылки?

Игорь Петров
27 дек 2018
👁 4265  
Веб-разработка

Василий, Руст, привет!

Расскажите, как в бюро верстают электронные письма и рассылки?

Игорь Петров
27 дек 2018
👁 4265  
Василий Половнёв
Технический директор бюро
Полезно
 23
23
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Игорь!

Это зависит от письма. Мы делим письма на транзакционные и массовые. Транзакционное письмо — письмо, которое приходит в ответ на действия пользователя или при наступлении события в сервисе, касающемся пользователя. Например:

  • оформил подписку, получил квитанцию об оплате;

  • записался на день открытых дверей, получил письмо‑подтверждение;

  • записался на курс, получил письмо‑подтверждение с инструкциями;

  • купил книгу и так её не открыл, получил письмо‑напоминание;

  • был зачислен на вторую ступень, получил письмо о зачислении.

Массовые — стандартные рассылки по списку адресов: письма о выходе новых глав в книгах, новости Коворкафе, анонс набора в Школу бюро.

Транзакционные письма верстаем из стандартных модулей:

login_notice, email_footer, receipt_table — стандартные модули (паршиалы), которые используются повторно во всех письмах

Письма автоматически обрабатываются с помощью Premailer. Он переносит стили элементов из <style> или внешних файлов в атрибуты:

Оригинальная разметка и разметка в готовом письме

Чтобы письма было удобнее верстать и отлаживать, используем стандартные Рельсовые превьюшки:

Одновременно проверяем десктопную и мобильную версии письма

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

Превьюшки писем, отправляемых новым бэкендом сайта бюро

С вёрсткой рассылок дела похуже: часть рассылок верстается вручную из шаблона, часть живёт в Мейлчимпе, часть — собирается автоматически. О них расскажу в следующих советах.

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка
Полезно
 23
23
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

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

Рекомендуем другие советы