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

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

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

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

Как вставить HTML (включая изображения) в электронное письмо в Outlook 2016+

Отправка письма в html-формате при помощи Outlook-2016

Используем программу-посредник, или вариант № 1

Рис. 1

Рис. 2

Рис. 3

Рис. 4

Рис. 5

Используем возможности Outlook-2016 для вставки готового html-кода, вариант№ 2

Рис. 6

Рис. 7

Рис. 8

Рис. 9

Рис. 10

Рис. 11

Рис. 12

Редактирование html-сообщения в Outlook 2016

Рис. 13

Рис. 14

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Текст письма

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

Изображения

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

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

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

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

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

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

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

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

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

Как добавить изображения и ссылки в письмо Outlook

Многие люди используют почтовые клиенты для ведения деловой переписки, обмена изображениями и т.д. Хотя, я привык к программе Mozilla Thunderbird, сегодня расскажу о том, Как вставить картинку в письмо Outlook и HTML, гиперссылку в Аутлук

Как добавить HTML код?

Это приложение Microsoft является одним из самых простых и функциональных для работы с почтой. Его интерфейс полностью соответствует единому стилю офисного пакета Майкрософт. И это значительно упрощает знакомство с клиентом, если Вы знакомы с Word или PowerPoint.

Отправлять письма через Аутлук несложно, но не все сразу разбираются с добавлением html разметки в содержимое. Сейчас я расскажу, как это делается.

Сначала нужно запустить Outlook. Слева кликаем по кнопке «Создать сообщение». Вот скрин для наглядности:

• Когда запуститься новое окно, следует переключится на вкладку «Вставка». В нижнем ряду появится значок скрепки с надписью: «Вложить…»:

• Откроется окно проводника, где Вам следует указать путь (просто найти) нужный файл html. Как только Вы это сделаете и выделите элемент, не спешите нажимать кнопку «Вставить». Следует кликнуть по маленькому треугольнику справа от надписи, чтобы из выпадающего меню выбрать вариант «Вставить как текст»:

Как редактировать текст письма в Аутлуке?

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

Но как изменить те или иные элементы? Сейчас расскажу подробно!

Текст изменять очень просто: достаточно переместить курсор в нужное место, удалить или напечатать новые символы. Всё, как в Word или любом другом редакторе.

Если нужно внести изменения в ссылку, следует:

• кликнуть по ней кнопкой мыши (правой). В меню контекстном выбрать пункт «Изменить…»:

• Откроется диалоговое окно, где следует прописать нужное значение в «Адрес»:

• Если же необходимо убрать ссылку, то следует щелкнуть по ней правой кнопкой мыши. В меню контекстном выбрать пункт «Удалить…».
• Для создания новой ссылки поступаем так: выделяем текст, картинку или любой другой объект. Вызываем на нём контекстное меню и выбираем пункт «Гиперссылка», а далее появится уже знакомое окно с полем «Адрес».

Вкладка «Изменить» (Edit) переводит окно создания сообщения в стандартный режим редактирования электронного письма, вкладка «Источник» (Source) — позволяет редактировать HTML-код, а вкладка «Просмотр» (Preview) демонстрирует послание в том виде, в котором оно будет отображаться в окне почтовой программы получателя.

Это может пригодиться:

Как вставить картинку в письмо Outlook в текст?

Допустим, Вы хотите заменить одно изображение в письме на другое.

• Сначала необходимо подготовить новый элемент, чтобы он соответствовал размерам заменяемого файла.
• В содержимом сообщения кликаем по картинке правой кнопкой и выбираем в меню «Изменить…»:

• Теперь просто находите созданный заранее графический объект и вставляете его.
• Новое изображение вставляется немножко по-другому. Нужно перейти во вкладку «Вставка» и чуть ниже выбрать «Рисунок»:

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

Всё довольно просто, согласитесь?

Советуем ознакомиться:

Как отправлять?

Осталось всего несколько шагов, и Ваше письмо отправиться в короткое электронное путешествие. Но сначала необходимо указать адресата, заполнив поле «Кому». Необязательно, но желательно указать тему письма, чтобы Ваше сообщение не попало под спам-фильтр и выглядело более привлекательно.

Как только заполните все поля, о которых было сказано выше, можете смело наживать на последнюю кнопку «Отправить»!

В этом месте моей статьи должны зазвучать радостные фанфары, оповещающие об успешном завершении Вашего обучения! Поздравляю, у Вас всё получилось! Теперь Вы знаете, как вставить картинку в тело письма в Outlook и добавить html. Если же возникли некоторые вопросы, не стесняйтесь, пишите их в комментариях!

Вставить HTML в Outlook

Outlook известен своим HTML-рендерингом. Система относительно враждебна кодированию, вот почему “Отправить электронное письмо в формате HTML в Outlook” это обычный поисковый запрос. Учитывая разнообразие версий, как ты можешь сделать это правильно? Маркетологи адаптируют свои сообщения к Outlook. Этой системой пользуются миллионы. Вы можете быть уверены, что часть вашей аудитории читает сообщения в Windows.. Получателей почты раздражают битые ссылки и отсутствующие изображения.. Это может вызвать поток отказов от подписки. То, что начиналось как продуманная маркетинговая кампания, может вызвать сокращение вашей аудитории. Обычный текст не получит особого внимания. Вот почему профессионалы использовать HTML в Outlook . Цветные сообщения в HTML стали стандартом маркетинга. Если у вас есть готовый шаблон, это легко вставить HTML в Outlook.

Как вставить HTML в электронную почту с помощью шаблонов

Следующая последовательность поможет вам вставить HTML в Outlook. 2016 и другие версии. С шаблоном, процесс быстрый и простой.

1. Нажать на “Новый email-адрес” в Outlook,. Или используйте Ctrl + N сокращенный. Появится новое окно.
2. Щелкните правой кнопкой мыши в верхней части окна, чтобы добавить “Прикрепить файл” вариант. Или используйте меню Вставить и Прикрепить файл кнопка на ленте.
3. С курсором в окне сообщения, нажмите на недавно добавленную кнопку, чтобы прикрепить свой шаблон.
4. Перейдите к местоположению файла HTML. Вставить как текст, щелкните стрелку рядом с “Вставить” кнопка.
5. Выбрать “Вставить как текст“.

Опцию вложения также можно добавить на панель быстрого доступа.. Сделать это, варианты доступа через “Файл“. Ты увидишь “Панель быстрого доступа” в списке слева. Выбрать “Прикрепить файл“. Это позволяет быстро встраивать HTML в Outlook..

Важные советы по HTML в Outlook

Так, как вы можете убедиться, что ваше сообщение не искажено? Вот несколько советов от экспертов. Это предотвратит наиболее распространенные проблемы, такие как битые ссылки и сбои при форматировании.. Создавайте электронную почту HTML в Outlook с учетом этих факторов.

1. Используйте замещающий текст для каждого изображения

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

<img vodafone” alt =”Приборная панель” src =”vf-логотип-белый.png” ширина =”40″ высота =”40″>

2. Убедитесь, что шрифты правильные

Одним из основных недостатков является то, что MS Outlook распознает ограниченный набор шрифтов.. Все незнакомое автоматически преобразуется в Таймс Нью Роман, что может выглядеть ужасно. Чтобы быть в безопасности, используйте стандартные параметры, например Курьер, Ариал, Веранда, или Грузия.

Но какой у вас шрифт, который является частью имиджа бренда?? В этом случае, заставить систему использовать приемлемый стандартный шрифт вместо Times New Roman. Это будет вашим запасным вариантом.

3. Таблицы удобны

Этот формат помогает структурировать ваш шаблон сообщения. Вы можете легко разделить контент, выбрать фон, стиль текста, и т.д.. Используйте таблицы, чтобы все получатели видели одно и то же представление независимо от их почтовой системы. Не забудьте добавить align = "влево" сделать сообщение отзывчивым. Сюда, боксы будут удобно отображаться как на широком, так и на маленьком экране. В первом случае, они будут выровнены рядом друг с другом. Во втором случае, они будут помещены друг на друга.

4. Не слишком широкий!

Практическое правило — придерживаться 550-600 пиксели. Это связано с тем, что более широкие электронные письма могут отображаться неправильно.. Держите свои сообщения узкими, чтобы их можно было просматривать на любом экране. Места еще хватит для броского дизайна.

Тестирование имеет решающее значение

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