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

Question

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

Answer 1

Отправка HTML-сообщений электронной почты?

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

• Сообщение:

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

• Layout:.

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

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

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

• Ссылки:

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

• CSS

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

• Сценарии

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

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

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

Answer 2

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

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

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

Предположим, что все изображения НЕ будут отображаться, когда пользователь изначально просматривает электронную почту.

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

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

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