Расположение кода при отправке электронной почты в формате HTML

Question

Я пытаюсь выяснить, где разместить код в электронном письме. Вы знаете, как вы можете получать информационные бюллетени со стилем, изображениями и т. Д.? Я хотел отправить что-то, но я не могу понять, куда поместить код. Вы добавляете изображения как вложения? Вы помещаете код в тело? или вы также должны загрузить файл .html?

Answer 1

Создайте страницу как обычную HTML-страницу. Используйте ТАБЛИЦЫ (да, ТАБЛИЦЫ ) для вашего макета. Вы можете использовать встроенный CSS, но вы не можете использовать таблицу стилей. Все изображения должны быть полностью квалифицированными (http://yoursite.com/images/). Не делайте его шире, чем около 650 пикселей. Нет JavaScript.

• Просмотр новостной рассылки HTML в браузере
• Сделайте выбор всех и скопируйте
• Вставьте его в новое сообщение и отправьте себе
• Посмотри, что у тебя получится
• Попробуйте другие почтовые клиенты

Различные почтовые клиенты будут связываться с вашей разметкой и вашими стилями. То, что работает в Gmail, будет выглядеть как Outlook в Outlook и т. Д. Это будет разочарование. Тест, тест, тест.

Предположим, что все изображения НЕ ПОКАЗЫВАЮТСЯ, когда пользователь первоначально просматривает электронную почту.

Вот хорошее руководство по тому, что работает, а что нет:

http://www.campaignmonitor.com/css/

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

Answer 2

Отправка писем в формате HTML восемь?

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

• Сообщение :

У каждого языка есть свои требования, вам нужно проверить, какой язык вы используете, чтобы увидеть, что проще, сделать это встроенным как часть почтового скрипта или вставить его через HTML-файл и т. Д. для более подробной информации, опубликуйте язык, который вы используете.

• Компоновка

Вот тут-то и возникает простота сообщения. Лучшие макеты обычно самые простые, особенно если учесть, что не все почтовые клиенты на 100% соответствуют стандартам HTML. Вы не будете знать, насколько большим будет окно просмотра вашего письма для электронной почты, и при этом вы не сможете принудительно увеличить его или вытащить. Помните, что цель - быть сообщением, а не веб-страницей. Обычно простые гибкие / эластичные таблицы прекрасно справятся с задачей, если у вас есть что-то более сложное, чем простые абзацы.

• Изображения

Связывайте все статически (статически означает http:\\www. ....mypicture.png, в отличие от динамического связывания, которое выглядит как \images\mypicture.png), размещенного на вашем сервере. Причина этого в том, что у вас не будет неработающих ссылок, ваш адрес электронной почты будет меньше по размеру (в отличие от привязки). Недостатком является то, что некоторые клиенты могут спросить о показе фотографий. Суровая правда заключается в том, что этого нельзя избежать независимо от того, какой метод вы используете (см. для получения более подробной информации ).

• Ссылки

Опять, связать все статически. Локальная / динамическая ссылка не будет работать, и ваши получатели будут очень несчастны.

• CSS

Либо ваши классы CSS должны быть наверху, либо все в строке (< ... style="..." />). Вы не хотите прикреплять файл CSS, он грязный и нетрадиционный.

• Сценарии

Встроенный или в верхней части вашего файла, по той же причине, что и выше.

• Дополнительные документы

Если вы хотите включить файлы PDF, DOCX и т. Д., Лучшая и наиболее распространенная методология, подобная изображениям, размещается на вашем сервере и просто включает статическую ссылку в вашу электронную почту. Это уменьшает размер файла, и вам не нужно беспокоиться о том, что будет делать каждый браузер / читатель электронной почты.