Перейти к содержимому

Как вставить html в письмо

  • автор:

Как отправить HTML письмо?

Есть сверстанное письмо, которое нужно отправить по определенным адресам, но что-то вообще нет информации про то, как это сделать.
В гмайл искал как это сделать, но не нашел.

  • Вопрос задан более трёх лет назад
  • 126686 просмотров

Комментировать
Решения вопроса 0
Ответы на вопрос 14

SeregaSPb

На примере Google Chrome
1) Нажмите [правый клик]>[Просмотр кода элемента] или F12
2) В открывшемся инструменте разработчика в коде текущей страницы (gmail) найдите куда вставить код письма и нажмите [правый клик]>[Edit as HTML]
3) Вставьте Ваш HTML код и нажмите Ctrl+Enter

Ответ написан более трёх лет назад
Нравится 20 3 комментария

a2media

из всех способов самый быстрый для гмеил, а то запарно было тестовую рассылку на меилчимп делать! спасибо

Krauzer

flexdrayv

Спасибо человек ! 🙂 Я ради этого маил клиент ставил специально — а теперь ничего ставить не надо . Спасибо.

есть еще сервис sendhtmail.ru отправляешь письмо себе, а потом из привычного интерфейса перенаправляешь куда надо.

Ответ написан более трёх лет назад
Нравится 14 1 комментарий

а также крутой сервис по конвертации картинок в base64 https://www.base64-image.de/ чтобы вставлять их в штмл

serjikz

web-developer

Можно через php. $headers = «Content-type: text/html; charset=utf-8\r\n»; вот такой заголовок для письма использую. Функция mail(«кому отправить», «Тема отправки», «Текст отправки включая теги», $headers); Опять же при этом должен быть под рукой сервак с php.

UPD. Вижу что даже спустя больше 3х лет вопрос таки актуален. Есть putsmail.com сервис для теста писем.

Ответ написан более трёх лет назад
Нравится 7 3 комментария

djalexsey

Ну это понятно что можно отправить так через PHP, но тут ему надо отправлять html страницы через gmail, yandex или Microsoft Outlook

serjikz

Алексей Кос: понятно. Была такая же задача, но ни к чему не пришел. Нету у gmail и прочих такого по-моему.

Как отправить html-письмо в Outlook 2016

Добрый день. Сегодня мы расскажем вам как отправлять и редактировать html-письма с помощью Outlook 2016.

Сразу стоит оговорить, что Outlook 2016 не предназначен для отправки html-сообщений, а лишь воспринимает определенные элементы html кода. Это значит, что адаптивность у писем отправленных данными способами «исчезает», а само письмо будет несколько изменено относительно того, что вы увидите открыв его в браузере. Поэтому мы настоятельно рекомендуем проверять отображение письма, отправив его на свои почтовые ящики, перед «чистовой» отправкой предполагаемому получателю.

Способ загрузки html-письма №1 (с помощью Microsoft Word)

1. Открываем нужный нам .html файл с помощью Microsoft Word (Клик правой кнопкой мышки по нужному файлу — Открыть с помощью)

2. Выделяем все содержимое файла (Ctrl+A) и копируем в буфер обмена (Ctrl+С)

Скриншот 1

3. Создаем сообщение в Outlook 2016

Скриншот 2

4. Вставляем содержимое буфера обмена в тело письма (Ctrl+V)

Скриншот 3

Способ загрузки html-письма в Outlook 2016 №2 (напрямую)

1. Создаем сообщение

Скриншот 4

2. Добавляем в панель быстрого доступа функцию «Вложить файл»

Примечание: функция с таким же названием во вкладке «Вставка» работает по другому.

Скриншот 5

3. С помощью появившейся кнопки «Вложить файл» в панели быстрого доступа, выбираем нужный нам html файл письма, и добавляем его в сообщение с помощью опции «Вставить как текст»

Скриншот 6

4. Готово, письмо вставлено.

Скриншот 7

Сохраняем загруженное письмо как шаблон

Помимо непосредственно отправки html-писем, мы хотим поделиться с вами еще одним небольшим «лайфхаком» для Outlook 2016 — сохранение писем как шаблонов.

Файлы шаблонов Outlook имеют свое расширение .otf, и открываются сразу в интерфейсе самого почтовика. Это может быть полезно не только для экономии своего времени при отправке письма, но и для дальнейшей передачи письма коллегам, и на другие устройства.

Для того чтобы создать шаблон, после составления письма сохраните его как файл .otf — Файл/Сохранить как/Шаблон Outlook.

Примечание: Outlook автоматически создает директорию для сохранения шаблонов писем формата Диск:\Users\UserName\AppData\Roaming\Microsoft\Templates, для удобства доступа, не забудьте указать другую в момент сохранения.

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

Скриншот 8

И уже в нужную директорию добавить сохраненные шаблоны, просто перетащив их из нужной папки:

Скриншот 9

Теперь все нужные шаблоны будут всегда у вас под рукой!

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

Текст письма

Работа с текстом html-письма по своей сути ничем не отличается от работы с текстом в обычном письме. Вставка, редактирование шрифта, изменение выравнивания и т.д. — все эти опции для вас доступны. Но мы не рекомендуем создавать новые текстовые поля, там где они не предусмотрены структурой письма, и значительно изменять объем текста (за исключением «во всю ширину письма»).

Изображения

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

Также, мы не рекомендуем добавлять новые изображения в письмо, и заменять имеющиеся на изображения другого размера — отображения письма после подобных манипуляций непредсказуемо.

Соответственно единственная безболезненная манипуляции над изображениями в письме — замена на аналогичное по размерам. Для этого кликните правой кнопкой мыши на изображение и выберите опцию «Изменить изображение/Из файла»

Скриншот 10

Выберите нужное изображение у вас на компьютере, и нажмите кнопку «Вставить»

Работа со ссылками

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

Для этого кликните правой кнопкой мышки на нужную картинку или выделенный участок текста и выберите нужную опцию из списка:

Скриншот 11

  • Добавить ссылку — «Ссылка/Вставить ссылку»
  • Удалить ссылку — «Удалить ссылку» для картинки, «Удалить гиперссылку» для текста
  • Заменить ссылку — «Ссылка для редактирования» для картинки, «Изменить гиперссылку» для текста

После этого у вас откроется окно, где нужно будет указать нужную ссылку и нажать «Ок».

Поздравляем, письмо готово к отправке!

Как отправить HTML письмо из mail.ru, yandex.ru, gmail.com

Для того, чтобы отправить письмо из почты Mail.ru, Yandex.ru, Gmail.com есть один хитрый способ. Мы рассмотрим его на примере браузера Google Chrome.

Откройте в браузере интерфейс нужной Вам почты и нажмите на поле ввода текста письма правую клавишу мыши. Выберите пункт меню «Просмотреть код» и найдите в появившемся окне с HTML кодом страницы почты элемент, в который можно вставить код Вашей верстки.

Далее на этом элементе нажмите правую клавишу мыши и выберите пункт меню «Edit as HTML». В появившийся блок вставьте Вашу верстку и нажмите Ctrl+Enter.

Теперь текст можно редактировать прямо в окне Вашей почты. И остается только нажать отправить.

Как вставить ваш HTML-код

Этот способ подойдет, если вы хотите загрузить готовый HTML-код письма в сервис и отправить его . Код вставится без изменений. Вы сможете менять текст, вставлять картинки и кнопки редактируя HTML-код, но посмотреть макет не получится.

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

Важно

В редакторе с вашим HTML-кодом нет визуального отображения письма, виден только код.
Используйте этот вариант, если вам нужно только скопировать и вставить готовый код, который не должен меняться.

Чтобы добавить ваш HTML-код в Unisender, нажмите на главной странице личного кабинета «Создать рассылку» — «Email».

Как создать рассылку.

На вкладке «Письмо с нуля» выберите «Ваш код».

Выберите «Ваш код» на вкладке «Письмо с нуля».

Скопируйте код и вставьте его в редактор.

Поле для HTML-кода.

Нажмите «Сохранить» и «Продолжить», чтобы перейти к следующему шагу создания рассылки.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *