Каков наилучший способ управления текстом автоматического предварительного просмотра для новостных рассылок по электронной почте в формате HTML?

Question

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

1) запуск электронного письма с невидимым пикселем 1x1, который использует желаемый текст предварительного просмотра как alttext

2) создать div в шаблоне html с помощью «display: none»

Какой вариант лучше всего подходит для вычислений для всех основных почтовых клиентов?

Answer 1

Вы говорите о так называемом «предварительном заголовке».

Существует множество способов реализовать предварительные заголовки в почте:

1. с использованием атрибута alt в проставке (или изображении) в верхней части письма
2. введите его как видимый текст (чуть выше ссылки для веб-версии)
3. введите его как невидимый текст (соответствие цвета текста фону и / илииспользуя размер шрифта: 0)

Избегайте первого решения (атрибут alt), поскольку оно не поддерживается iPhone и iPad.Outlook также покажет путь вашего изображения.ТАКЖЕ избегайте использования div или других CSS-решений.

Решение №2 и №3 на самом деле являются лучшими способами, поскольку они поддерживаются везде.ПРИМЕЧАНИЕ: под «везде» я подразумеваю клиента и веб-клиента, которые фактически поддерживают предварительные заголовки: Gmail, iPhone, iPad, Outlook и т. Д.

Просто помните: если число символов меньше максимального числа, поддерживаемого этимклиент, он также покажет вам следующий текст.

Для вашей информации вот максимальные пределы символов: GMAIL (FIREFOX, IE, CHROME, SAFARI): максимум 97 символов IPHONE 4: максимум 81 символ по вертикали,максимум 137 символов по горизонтали IPAD: 87 символов OUTLOOK: максимум 255 символов

надеюсь, это поможет.

Наслаждайтесь;)

Answer 2

Я успешно использовал метод скрытого DIV, и я думаю, что очень важно контролировать то, что говорит предтекст, но в некоторых почтовых клиентах этот скрытый текст виден, если вы пересылаете электронное письмо.Это верно для Outlook 07 и Gmail среди других.У некоторых из моих клиентов были проблемы с этим, а другие в порядке.

Также отображается: ни один не будет работать во всех почтовых клиентах.Я обычно перебиваю и стилизирую скрытый DIV следующим образом:

ширина: 0; переполнение: скрытое; плавание: слева; отображение: нет; максимальная высота: 0px; видимость: скрытая

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

• Troy

Answer 3

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