Основные моменты при верстке html письма

Совсем недавно делали рассылку по запчастям. Тестировали на почтах yandex, mail, и доменных почтах типа ya@mysite.ru.

Собственно вам нужно запомнить главное:

  • position:absolute не работает в html письмах
  • не используйте background-image (не работает в outlook'ах)
  • используйте тег img, для этого прорабатывайте макеты без наворотов
    Как пример:

Из общих рекомендаций:

  • у изображений задавайте жестко border=0
  • у таблиц прописывайте border-collapse:collapse, чтобы бы не было лишних отступов

Шрифты, какие можно использовать:

  • font-family: Arial, Helvetica, sans-serif; 
  • font-family: 'Arial Black', Gadget, sans-serif; 
  • font-family: Georgia, serif; 
  • font-family: 'MS Sans Serif', Geneva, sans-serif; 
  • font-family: 'MS Serif', 'New York', sans-serif; 
  • font-family: Tahoma, Geneva, sans-serif; 
  • font-family: 'Times New Roman', Times, serif; 
  • font-family: 'Trebuchet MS', Helvetica, sans-serif;
  • font-family: Verdana, Geneva, sans-serif;

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

Скоро опубликуем заметку, как отслеживать открывания писем и выложим скрипт рассылки с мануалом:) 

Чтобы письма не попадали в спам мы отправляем одно письмо один раз в пол минуты.