Отправка html-письма через веб-интерфейс Яндекс.Почты. Инструкция к применению
Мария Агеева
Эксперт
26 октября 2019
5 мин чтения
К нам часто обращаются клиенты, кто хочет просто красиво оформить своё письмо и отправлять его через интерфейс своей почты. Это может быть коммерческое предложение для потенциальных клиентов; акция, которая будет отправляться точечно только конкретным клиентам; информационные письма. Как же это сделать? Как html-макет вставить в письмо и отправить, используя вашу почту?
Рассмотрим на примере Яндекс.Почты.
Рассмотрим на примере Яндекс.Почты.
Итак, у вас есть готовое свёрстанное html-письмо. Не буду вдаваться в тонкости вёрстки, НО…
ОБРАТИТЕ ВНИМАНИЕ:
1. Не используйте теги <p>… </p> для оформления абзаца текста. Яндекс прибавляет дополнительные отступы этому тегу, и вёрстка может выглядеть не совсем так, как планируется.
2. В коде между тегами не должно быть пробелов, отступов и новых абзацев. Всё должно быть написано в одну строку. Это грозит тем, что ваш макет превратится в длинное полотно с огромными дырками))
Как указано в Яндекс.Помощи: "В течение суток можно отправить с одного ящика 500 писем. Если в письме несколько получателей, то письмо каждому из них считается отдельным письмом… В одном письме, отправленном через сайт – 50 получателей/сутки. В одном письме, отправленном через почтовую программу или по протоколу SMTP – 35 получателей/сутки".
Должно быть всё органично, в спокойном режиме отправляйте не более 50 писем в день и будет вам СЧАСТЬЕ!
1. Не используйте теги <p>… </p> для оформления абзаца текста. Яндекс прибавляет дополнительные отступы этому тегу, и вёрстка может выглядеть не совсем так, как планируется.
2. В коде между тегами не должно быть пробелов, отступов и новых абзацев. Всё должно быть написано в одну строку. Это грозит тем, что ваш макет превратится в длинное полотно с огромными дырками))
Как указано в Яндекс.Помощи: "В течение суток можно отправить с одного ящика 500 писем. Если в письме несколько получателей, то письмо каждому из них считается отдельным письмом… В одном письме, отправленном через сайт – 50 получателей/сутки. В одном письме, отправленном через почтовую программу или по протоколу SMTP – 35 получателей/сутки".
Должно быть всё органично, в спокойном режиме отправляйте не более 50 писем в день и будет вам СЧАСТЬЕ!
Вернёмся к исходной точке… Берём наш html-файл, правой клавишей мышки выбираем "Открыть с помощью" и открываем в "БЛОКНОТ-е".
У вас откроется "простыня" непонятного для многих кода. Выбираем раздел "Правка", далее "Выделить все", используя правую клавишу мыши копируем полностью всё содержимое и переходим в интерфейс Яндекс.Почты.
Создаём новое письмо. В теле письма, где будет располагаться само содержимое, вписываем любые буквы, знаки, цифры – не важно что! Главное вписать пару символов. Скоро вы поймёте, для чего это нужно.
У вас откроется "простыня" непонятного для многих кода. Выбираем раздел "Правка", далее "Выделить все", используя правую клавишу мыши копируем полностью всё содержимое и переходим в интерфейс Яндекс.Почты.
Создаём новое письмо. В теле письма, где будет располагаться само содержимое, вписываем любые буквы, знаки, цифры – не важно что! Главное вписать пару символов. Скоро вы поймёте, для чего это нужно.
Теперь кликаем правой клавишей мыши в любое место поля письма и нажимаем "Исследовать элемент". В нижней части экрана появится небольшая плашка во всю ширину экрана. Выбираем иконку слева с изображением курсора "Выбрать элемент со страницы" и ведём курсор мышки до наших раннее введённых символов. Когда наша строка будет выделена синей полоской – кликаем по символам. При этом в нижнем окне инструментов для разработчика также появится выделение строки (это будет иметь вид <div>…</div>). Как раз это то, что нам нужно!
Далее курсором подводим к выделенным div-ам и вновь правой клавишей мышки выбираем "Править как HTML".
Выделяем в открывшемся прямоугольнике содержимое и вставляем ранее скопированный код нашего email-письма. Не пугайтесь, если фото не будут отображаться – получатель увидит письмо с картинками.
При вёрстке картинки должны быть прописаны абсолютными ссылками. Изображение, используемые в макете, можно загрузить на Яндекс.Диск (это именно при отправке через Яндекс почту, если вы создаёте шаблон письма).
Но обязательно проведите тест, чтобы убедиться, что картинки корректно прописаны в письме.
Выделяем в открывшемся прямоугольнике содержимое и вставляем ранее скопированный код нашего email-письма. Не пугайтесь, если фото не будут отображаться – получатель увидит письмо с картинками.
При вёрстке картинки должны быть прописаны абсолютными ссылками. Изображение, используемые в макете, можно загрузить на Яндекс.Диск (это именно при отправке через Яндекс почту, если вы создаёте шаблон письма).
Но обязательно проведите тест, чтобы убедиться, что картинки корректно прописаны в письме.
Финальный аккорд – отводим мышку в сторону и просто кликаем по пространству. Готово! Теперь останется прописать ТЕМУ письма и КОМУ вы будете отправлять эту красоту))
Также рекомендую перед рассылкой протестировать письмо на основных почтовых клиентах. Отправьте себе на Яндекс, создайте дополнительные почты (если ещё нет) на mail, gmail. Посмотрите, как ваше письмо будет смотреться на мобильном телефоне, в идеале с разными разрешениями.
Через mail-почту отправка происходит в целом аналогично, но, если будут вопросы – пишите, опубликуем и обзор по рассылке через интерфейс mail.ru.
Также рекомендую перед рассылкой протестировать письмо на основных почтовых клиентах. Отправьте себе на Яндекс, создайте дополнительные почты (если ещё нет) на mail, gmail. Посмотрите, как ваше письмо будет смотреться на мобильном телефоне, в идеале с разными разрешениями.
Через mail-почту отправка происходит в целом аналогично, но, если будут вопросы – пишите, опубликуем и обзор по рассылке через интерфейс mail.ru.
Популярные статьи
Популярные статьи
15.07.2026
16 минут
20.08.2026
10 минут
Сотрудничать с нами просто
Оставьте заявку, и мы подберём для вас индивидуальное решение по email-маркетингу