Как сохранить изображение в шаблоне письма Яндекс-почты?

Просто скопировать изображение в само тело письма можно, но при сохранении его в Шаблонах, изображение пропадает.

Более широкая задача: как свой уникальный html-шаблон использовать в почте Yandex? У Яндекса есть удобный  сервис «Почта для домена», который позволяет буквально за пару кликов создать почту вида любое_имя@твой домен. Но, по дефолту, персональные настройки почты и шаблона довольно бедные. Я в примере ниже показываю, как добавить в шаблон письма картинку, но по идее, ничего не мешает сделать свой полноценный html, и загрузить его.

  1. Заходим в почтовый сервис. Если шаблонов еще нет, создаем новое письмо, выбираем справа Шаблоны – Создать шаблон – Сохранить Шаблон

Добавление изображения в шаблон (3)

  1. В письме шаблона пишем нужный текст, добавляем прочее оформление по необходимости.
  2. Кликаем пр.кнопкой мыши в место, где необходимо добавить изображение, выбираем «Просмотреть код» (Для браузера Chrome). Или становимся курсором в нужном месте и жмем Ctrl+Shift+i

Добавление изображения в шаблон (2)

  1. В панели с кодами, внутри нужного блока <div> снова пр.кнопкой мыши – выбираем «Edit as HTML»

Добавление изображения в шаблон (3)

  1. Теперь вместо существующего кода (на примере это просто переход строки — <br>) копируем наш html-код. Его, естественно, лучше заранее подготовить.

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

<p><img src=»http://agitopro.ru/wp-content/uploads/2014/11/community_agitopro.png»/></p>

Кое-где пишут, что этого недостаточно (изображения во входящих письмах нет), и советуют явно указывать кодировку изображения в формате base64. Тогда код будет:

<p><img src=»data:image/png;base64,http://agitopro.ru/wp-content/uploads/2014/11/community_agitopro.png»/></p>

Хотя у меня и без этого все сработало. Важно! URL-картинки должен быть написан полностью http://…” И быть, как в примере, в открытом доступе, иначе изображение не отобразится.

  1. Сохраняем шаблон. Снова заходим в сохраненный шаблон, и, о чудо, изображением сохранилось.

Что еще? Тестовое письмо, но если вы все сделали правильно, то и изображение, и другая html-верстка загрузится корректно.

Добавление изображения в шаблон (результат)

Второе решение, возможно, кому-то будет проще сделать так. Нам понадобится почтовая программа, позволяющая сохранять письма (и шаблоны) в html-формате, Thunderbird или Outlook сгодятся.

  1. Устанавливаем Thunderbird, связываем учетную запись yandex-почты c почтовой программой.
  2. Сохраняем шаблон в почтовой программе. Важно, чтобы, как и в первом варианте, адреса картинок были в свободном доступе и с полным адресом.
  3. Находим уже в почтовом сервисе Yandex этот сохраненный документ (в папке template), используем его как шаблон.

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

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.