Спасибо!

Заявка отправлена, скоро мы с вами свяжемся.

База знаний


Вернуться к списку статей
Yandex

Дата публикации: 19 августа 2016

Как отправить html-письмо через Яндекс почту

Есть много способов отправки html-писем через почтовые клиенты и, конечно, через сервисы рассылок. Но что делать, если нужно отправить пару писем, а никаких программ под рукой нет? Есть хитрый способ отправить html-письмо через Яндекс Почту.

Шаг 1. Подготовка письма

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

правильные ссылки на изображения в письмах

Если вы заказывали шаблон у нас, то мы уже сами обо всем позаботились и в ваших исходниках уже есть заранее подготовленный шаблон с правильно прописанными ссылками.

Откройте шаблон через обычный блокнот и скопируйте все содержимое письма. Потом весь этот код нам нужно будет встaвить в тело письма в Яндекс Почте.

Копирование кода шаблона письма

Шаг 2. Вставка письма в Яндекс

Войдите в Яндекс Почту, и создайте новое письмо. Дальше пойдет хитрость. Нажмите кнопку “Оформить письмо”, чтобы перевести Яндекс Почту в режим, поддерживающий оформление.

У вас должна появиться вот такая панель (она выделена синим). Теперь интерфейс поддерживает различное оформление, а значит и код письма. Правда просто так его вставить не получится.

Панель оформления в яндекс почте

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

Для этого нажмите правой кнопкой мыши на пустую область письма и выберите “просмотреть код” (В каждом браузере этот пункт называется по-своему, но смысл сохраняется).

Просмотр кода страницы

Все эти хитрые манипуляции мы проводили для того, чтобы появился вот этот блок, отвечающий за содержимое письма. (Панель может визуально отличаться в зависимости от вашего браузера. Мы показываем на примере Google Chrome).

Содержимое страницы

Теперь нам нужно удалить этот блок, а на его место вставить код нашего письма. Для этого кликните на этот блок правой кнопкой мыши и выберите “Edit as HTML”,

Редактирование html-кода страницы

теперь нам необходимо удалить текущий код…

Удаление текущего кода

… и на его место вставить код нашего письма. После этого закройте панель, нажав на крестик в правом верхнем углу панели.

Вставляем код html-письма в яндекс

Если вы сделали все правильно, то шаблон отобразится в теле письма.В данный момент в нем нет картинок, но не беспокойтесь по этому поводу. В отправленном письме картинки будут, при условии, что ссылки на картинки правильные (см. Шаг 1). Если переживаете за результат, то просто отправьте это письмо себе, и вы увидите, что все получилось как надо.

Отправка шаблона html письма в яндекс почте

Шаг 3. Отправка html-письма в Яндекс Почте

Внесите нужные изменения в содержание письма, просто перепечатывая тексты и применяя различные стили. Можно пользоваться всеми инструментами из верхней панели.

После того, как письмо готово — впишите почту получателя, тему письма и отправляйте!

Отображение html-письма в яндексе

ЧИТАЙТЕ ТАК ЖЕ

GetResponse: Загрузка, редактирование и отправка html-письма

Полный цикл отправки письма через сервис GetResponse. Создание списка контактов, загрузка шаблона, редактирование и отправка.

HTML-письма и Retina экраны

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

НАШЕ ПОРТФОЛИО

Шаблон для писем генерируемых CRM-системой для интернет-магазина «Wool & Mania».

Редактируемый шаблон для информационных рассылок Лаборатории Александра Литвина

Письмо презентация для испанского digital-агенства Nextlevel.

Отчетариус

Страница с подробной информацией по направлению работы Ваш бухгалтер, для компании «Отчетариус».

СВЯЖИТЕСЬ С НАМИ ПРЯМО СЕЙЧАС

Телефон:

+7 495 968-10-12

Почта:

email@goodmails.ru

Социальные сети:

Facebook Vkontakte
&

Обратная связь