Верстка писем для outlook, help?

Question

[beefront17]

Добрый день! Скажите пожалуйста как правильно верстаь эмейлы, чтобы во всех почтовиках нормально все отражалось?
Сейчас выглядит все так:
- сам проект на Magento
- емейлов примерно 50 штук
- есть отдельный css файл со стилями, который вставляется в каждый шаблон.
На gmail отображается все нормально, но на outlook все очень плохо.
Outlook не воспринимает классы вообще.
Скажите пожалуйста есть ли какое-то решение такой проблемы?
Буду очень благодарен за помощь!

Answer 1

[Виктор Янышев]

Верстка шаблонов писем это назад в 90-е

Comments

[beefront17]

Как решить проблему?

[drtvader]

beefront17: прописывать стили в html

[CityCat4]

beefront17: Не использовать html :) Многие почтовики тупо режут html от слова совсем - либо просто не отображают html-часть, либо текст из нее выдирают.

[CityCat4]

Николай Петюх: Thunderbird.

Answer 2

[Sergey Ch]

использвуqте фреймворк для верстки писем kilogram https://github.com/dudeonthehorse/kilogram

Answer 3

[Yaroslav Rostanets]

1. Outlook не воспринимает margin. Используйте padding.
2. В Outlook не работает background-image, нужно вставлять
3. Все должно быть таблицами. Даже ссылка-кнопка - таблица.
4. Все стили должны быть инлайновыми.

Answer 4

[koanvl]

Письма верстаются таблицами, стили прописываются в тег через атрибут style . Многие почтовики не то, что классы не воспринимаю, они свойство margin не воспринимают, или перекраивают так, как им нужно.

Answer 5

[Дмитрий]

Верстка для писем должна быть табличной с инлайн стилями
Более подробно - https://habrahabr.ru/post/252279/
Поддержка tags в почтовиках - https://www.campaignmonitor.com/css/