Как известно, с помощью плагина Potolook можно создавать красочные HTML-письма с вложенными картинками. В купе с модулей массовой рассылки это дает очень удобный инструмент PR-менеджеру любой компании.

К сожалению, не все так гладко как кажется на первый взгляд. Иногда недостаточно просто создать HTML письмо и указать в тегах <IMG> нужные картинки. Если в теге ссылки на ресурсы в Интернет, то тогда все хорошо, если же это ссылки на локальные картинки компьютера, то Microsoft Outlook ведет себя не всегда так как нужно.

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

Для открытия шаблона необходимо просто кликнуть на нем мышкой. Откройте секцию Инициализация и перенесите весь код в свой шаблон. Скопируйте ваши картинки в ту же папку где находится шаблон.

Теперь остановимся подробнее на следующих строчках:

InsertImage(nm, MainPath+'potolook.jpg', 'image/jpeg', 'potolook'); //Add first image
 InsertImage(nm, MainPath+'potolooklogo.gif', 'image/gif', 'potolooklogo'); //Add second image
 //...
 //InsertImage(nm, MainPath+'myimage.gif', 'image/jpeg', 'imagecid'); //Add n... image
 //...

Для каждой картинки, которая будет использоваться в HTML письме мы должны вызвать функцию InsertImage. Она добавляет картинку в новое письмо в виде вложения и назначает ей уникальное имя. Например, в первой строчке добавляется картинка “potolook.jpg” с типом “image/jpeg” и ей присваивается уникальное имя (в контексте текущего письма, конечно) - “potolook”. Второй строчкой добавляется другая GIF картинка и ей присваивается уникальное имя “potolooklogo”. И так далее.

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

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

...
 <IMG src="cid:potolook" mce_src="cid:potolook" width=204 height=147 alt="Potolook">
 <br>
 <IMG src="cid:potolooklogo" mce_src="cid:potolooklogo" width=150 height=150 alt="Potolook Logo">
 …

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

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