Спасибо!

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

База знаний


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Редактирование html-письма

Редактирование исходного файла html-письма

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

Создание рассылки в UniSender

Подробная статья о том, как загрузить, отредактировать и отправить свой шаблон письма на примере онлайн-сервиса рассылки Unisender.

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

Информационное письмо о препарате Sprycel для компании BMS.

Шаблон письма для Райффайзен Банка, закрывающий серию писем рассылки розыгрыша билетов на чемпионат мира по хоккею.

Предпраздничное информационное письмо от компании организатора мероприятий.

Шаблон регулярных рассылок новых коллекция от бренда Isabel Garcia.

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

Телефон:

+7 495 968-10-12

Почта:

email@goodmails.ru

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

Facebook Vkontakte
pdf-icon Маркетинг Кит
&

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