Спасибо!

Заявка отправлена, скоро мы с вами свяжемся.

База знаний


Вернуться к списку статей
html письмо Gmail

Дата публикации: 5 сентября 2016

Как отправить html письмо через Gmail

В этой статье мы расскажем как отправить html-письмо через Gmail. Способ специфичен, но имеет право жить.

Итак, приступим.

Шаг 1. Подготовка шаблона

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

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

1

Шаг 2. Вставка письма

Создайте новое письмо, разверните его на всю страницу для удобства и кликните по полю для текста.

2

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

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

3

Обратите внимание, мы работаем через Google Chrome. Если вы работаете из-под другого браузера, то название пункта в меню и внешний вид самой панели могут отличаться от нашего примера, но все они работают одинаково, так что вам не составит труда разобраться. В крайнем случае установите Chrome и сделайте все как у нас. Это быстро. Скачать можно с официальной страницы.

Браузер выделил нам блок div. Именно он отвечает за содержимое письма. Отредактируем его. Предварительно скопируйте код письма, открыв его через блокнот и скопировав содержимое.

4

Далее кликаем правой кнопкой мыши по тому самому блоку и выбираем пункт «Edit as HTML».

5

Удаляем фрагмент <br>, который создает лишний отступ не нужный нам и вместо него вставляем код нашего письма. И просто кликаем по окну сообщения, что бы изменения принялись.

6

Вы увидите, что письмо появилось внутри сообщения. Нижнюю панель можно закрыть, нажав на крестик справа.

6

Шаг 3. Отправка письма через Gmail

Внесите нужные изменения в письмо, добавьте адресатов, тему. И просто нажмите на кнопку «Отправить». Все готово.

Рекомендации

Изменения в коде страницы и обновление

Изменения, которые вы будете вносить в код страницы существуют только на вашем компьютере и если вы что-то сделали не так — обновите страницу и все вернется в изначальное состояние. Соответственно, если вы вставили шаблон и перед отправкой случайно обновите страницу — все слетит и нужно будет повторить действия снова.

Проверка корректности

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

Множественная рассылка

Что бы не создавать письмо каждый раз, мы рекомендуем создать черновик и использовать его повторно сколько вам хочется. Либо можно отправлять уже отправленные вами письма на другие адреса, но убедитесь, что бы в шаблон не добавилось ничего лишнего.

ЧИТАЙТЕ ТАК ЖЕ

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

Outlook 2016, как и весь последний пакет офисных программ от Microsoft вышедший под общим название Office 365, зарекомендовал себя как действительно удобный рабочий инструмент. И поэтому мы не могли обойти этот клиент стороной и сегодня мы расскажем вам как отправлять и редактировать html-письма с помощью Outlook 2016.

SendBlaster

Создание рассылки в SendBlaster

Несмотря на свой слегка несерьезный, “мультяшный” внешний вид, данный клиент оснащен всем необходимым функционалом для введения email-маркетинга, при этом оставаясь дружелюбным по отношению к пользователю.

НАШЕ ПОРТФОЛИО

Html-письмо для транспортной компании в Красноярске — NTS Logistics.

Промо-письмо для компании ТТМ, с информацией об оборудовании в наличии.

Шаблон для писем генерируемых CRM-системой для интернет-магазина «Wool & Mania».

Шаблон для регулярных рассылок от агентства недвижимости на острове Самуи.

СВЯЖИТЕСЬ С НАМИ ПРЯМО СЕЙЧАС

Телефон:

+7 495 968-10-12

Почта:

email@goodmails.ru

Социальные сети:

Facebook Vkontakte
&

Обратная связь