Отправка html-письма через веб-интерфейс Яндекс.Почты. ИНСТРУКЦИЯ к применению

Главная //

Блог //

Популярное

К нам часто обращаются клиенты, кто хочет просто красиво оформить своё письмо и отправлять его через интерфейс своей почты. Это может быть коммерческое предложение для потенциальных клиентов; акция, которая будет отправляться точечно только конкретным клиентам; информационные письма. Как же это сделать? Как html-макет вставить в письмо и отправить, используя вашу почту? Рассмотрим на примере Яндекс.Почты.

Итак, у вас есть готовое свёрстанное html-письмо. Не буду вдаваться в тонкости вёрстки, НО…

ОБРАТИТЕ ВНИМАНИЕ:

1. Не используйте теги <p>… </p> для оформления абзаца текста. Яндекс прибавляет дополнительные отступы этому тегу, и вёрстка может выглядеть не совсем так, как планируется.
2. В коде между тегами не должно быть пробелов, отступов и новых абзацев. Всё должно быть написано в одну строку. Это грозит тем, что ваш макет превратится в длинное полотно с огромными дырками))

Как указано в Яндекс.Помощи: "В течение суток можно отправить с одного ящика 500 писем. Если в письме несколько получателей, то письмо каждому из них считается отдельным письмом… В одном письме, отправленном через сайт – 50 получателей/сутки. В одном письме, отправленном через почтовую программу или по протоколу SMTP – 35 получателей/сутки".

Должно быть всё органично, в спокойном режиме отправляйте не более 50 писем в день и будет вам СЧАСТЬЕ!

БОЛЬШЕ СТАТЕЙ

ОКТЯБРЬ 09.2019

Email-маркетинг – с чего начать? Или как не попасть в blacklist за 5 секунд

ИЮЛЬ 26.2023

Как настроить отправку рассылок из Bitrix24 через smtp Unisender Go?

Вернёмся к исходной точке… Берём наш html-файл, правой клавишей мышки выбираем "Открыть с помощью" и открываем в "БЛОКНОТ-е".

У вас откроется "простыня" непонятного для многих кода. Выбираем раздел "Правка", далее "Выделить все", используя правую клавишу мыши копируем полностью всё содержимое и переходим в интерфейс Яндекс.Почты.
Создаём новое письмо. В теле письма, где будет располагаться само содержимое, вписываем любые буквы, знаки, цифры – не важно что! Главное вписать пару символов. Скоро вы поймёте, для чего это нужно.

Теперь кликаем правой клавишей мыши в любое место поля письма и нажимаем "Исследовать элемент". В нижней части экрана появится небольшая плашка во всю ширину экрана. Выбираем иконку слева с изображением курсора "Выбрать элемент со страницы" и ведём курсор мышки до наших раннее введённых символов. Когда наша строка будет выделена синей полоской – кликаем по символам. При этом в нижнем окне инструментов для разработчика также появится выделение строки (это будет иметь вид <div>…</div>). Как раз это то, что нам нужно!

Далее курсором подводим к выделенным div-ам и вновь правой клавишей мышки выбираем "Править как HTML".
Выделяем в открывшемся прямоугольнике содержимое и вставляем ранее скопированный код нашего email-письма. Не пугайтесь, если фото не будут отображаться – получатель увидит письмо с картинками.

При вёрстке картинки должны быть прописаны абсолютными ссылками. Изображение, используемые в макете, можно загрузить на Яндекс.Диск (это именно при отправке через Яндекс почту, если вы создаёте шаблон письма).
Но обязательно проведите тест, чтобы убедиться, что картинки корректно прописаны в письме.

Финальный аккорд – отводим мышку в сторону и просто кликаем по пространству. Готово! Теперь останется прописать ТЕМУ письма и КОМУ вы будете отправлять эту красоту))

Также рекомендую перед рассылкой протестировать письмо на основных почтовых клиентах. Отправьте себе на Яндекс, создайте дополнительные почты (если ещё нет) на mail, gmail. Посмотрите, как ваше письмо будет смотреться на мобильном телефоне, в идеале с разными разрешениями.

Через mail-почту отправка происходит в целом аналогично, но, если будут вопросы – пишите, опубликуем и обзор по рассылке через интерфейс mail.ru.

До встречи в следующем обзоре!

Время прочтения: 4 мин.

Автор:

Мария Агеева

предыдущая статья

следующая статья