Вернемся к исходной точке… Берем наш html-файл, правой клавишей мышки выбираем «открыть с помощью» и открываем в БЛОКНОТ-е.
У вас откроется «простынь» непонятного для многих кода. Выбираем раздел «Правка» - «Выделить все» или используя правую клавишу мыши. Копируем полностью все содержимое и переходим в интерфейс Яндекс.Почты.
Создаем новое письмо. В «теле» письма, где будет располагаться само содержимое, вписываем любые буквы, знаки, цифры – не важно что! Главное вписать пару символов. Скоро вы поймете, для чего это нужно.
Теперь кликаем правой клавишей мыши в любое место поля письма и нажимаем «Исследовать элемент». В нижней части экрана появится небольшая плашка во всю ширину экрана. Выбираем иконку слева с изображение курсора («Выбрать элемент со страницы») и ведем курсор мышки до наших раннее введенных символов. Когда будет выделение синей полоской наша строка – кликаем по символам. При этом в нижнем блоке также появится выделение строки синим цветом (это будет иметь вид <div>…</div>). Как раз это то, что нам нужно!
Далее курсором подводим к выделенным div-ам и, вновь, правой клавишей мышки выбираем «Править как HTML».
Выделяем в открывшемся прямоугольнике содержимое и вставляем ранее скопированный код нашего email-письма. Не пугайтесь, если фото не будут отображаться – получатель увидит письмо с картинками.
При верстке должны быть картинки прописаны абсолютными ссылками. Изображение, используемые в макете, можно загрузить на Яндекс.Диск (это именно при отправке через Яндекса-почту, если вы создаете шаблон письма).
Но обязательно проведите тест, чтобы убедиться, что картинки корректно прописаны в письме.
Финальный аккорд – отводим мышку в сторону и просто кликаем по пространству. Готово! Теперь останется прописать ТЕМУ письма и КОМУ вы будете отправлять эту красоту))
Также рекомендую перед рассылкой протестировать на основных почтовых клиентах. Отправьте себе на Яндекс, создайте дополнительные почты (если еще нет) на mail, gmail. Посмотрите, как ваше письмо будет смотреться на мобильном телефоне, в идеале с разными разрешениями.
Через mail-почту отправка происходит в целом аналогично, но, если будут вопросы – пишите, опубликуем и обзор по рассылке через интерфейс mail.ru.
До встречи в следующем обзоре!