HTML письмо

Если вы хотите формировать красивые письма для рассылки (содержащие форматирование и картинки), то нужно задать шаблон текста письма в формате HTML.

Преимущества использования HTML формата письма:

можно использовать форматирование текста (выделение цветом, курсивом, полужирным шрифтом)
можно внедрять картинки в текст письма
можно добавлять ссылки и кнопки, ведущие на ваш сайт

Разница между обычным текстовым письмом, и письмом в формате HTML:
(скриншоты из почтовой программы TheBAT!, оба письма сформированы надстройкой FillDocuments)

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

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

В «обычном» письме (без форматирования) был использован следующий шаблон:

Шаблон письма в текстовом формате

Здравствуйте, {Имя Отчество}!

Сообщаем, что до 31 декабря вам доступна скидка в размере {Скидка}% на все товары в нашей сети.
Приглашаем вновь посетить наши магазины!

Вы получили это письмо, потому что {Дата} приобрели в нашей сети {Количество} {комп.}

---
С уважением, 
сеть магазинов DNS   info@dns-shop.ru

Шаблон HTML письма был сформирован в онлайн HTML редакторе, с небольшими правками полученного HTML кода:

Шаблон письма в формате HTML

<html>
	<body style="background-color: #faeedd;">
		<table width="100%" border="0" cellspacing="0" cellpadding="10">
		<tbody><tr><td>

			<p>Здравствуйте, {Имя Отчество}!</p>
			<p>
				<strong>Сообщаем, что до 31 декабря вам доступна <span style="color: #ff0000;">скидка</span> в размере 
				<span style="color: #ff0000;">{Скидка}%</span> на все товары в нашей сети.</strong><br />
				Приглашаем вновь посетить наши магазины!
			</p>
			<p>
				<span style="color: #339966; font-size: smaller;">
					<em>Вы получили это письмо, потому что {Дата} приобрели в нашей сети {Количество} {комп.}</em>
				</span>
			</p>
			<hr />
			<table style="border:none;"><tbody>
				<tr>
					<td style="background: #ff7700; padding: 7px; margin: 0 15px 0 0;">
						<a  href="http://ExcelVBA.ru/programmes/FillDocuments/manuals/mailing/html_mail">
						<img src="http://ExcelVBA.ru/resources/Parser/dns-logo.png" />					</a>
					</td>
					<td>
						<p style="margin-left: 15px;">С уважением, <br /> сеть магазинов DNS   
						<a href="mailto:info@dns-shop.ru">info@dns-shop.ru</a></p>
					</td>
				</tr>
			</tbody></table>
			
		</td></tr></tbody>
		</table>
	</body>
</html>

ВАЖНО: HTML шаблон письма должен начинаться с тега <html> и заканчиваться тегом </html>
чтобы программа поняла, что надо формировать письмо в HTML формате вместо текстового

Как вставить картинки в HTML письмо

Картинки вставляются путём добавления тега <img src="URL_картинки"> в HTML шаблон письма.
Например, в примере HTML шаблона выше, картинка вставлена так:
<img src="http://ExcelVBA.ru/resources/Parser/dns-logo.png" />

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

Если не знаете, куда в интернете загрузить картинку (чтобы получить ссылку на неё), загрузите картинку в соцсети (например, в ВКонтакте), откройте картинку, щелкните правой кнопкой по загруженному изображению, и выберите пункт «Копировать URL картинки»

Не рекомендуется размещать фото на бесплатных фотохостингах, — доступ к ним медленный, и файлы через некоторое время могут быть удалены.
Желательно разместить картинку на своём сайте.

Добавить комментарий
12490 просмотров

Надстройка «FillDocuments» — справка по программе

HTML письмо

Преимущества использования HTML формата письма:

Как вставить картинки в HTML письмо

НАДСТРОЙКИ ДЛЯ EXCEL