Использование HTML писем в GMail

image

Вашему emal'у можно придать уникальности, используя HTML. Это используют множество компаний, для рассылок и часто повторяющихся тематических писем (например при ответе соискателю на вакансию). И необязательно для этого использовать какие-то сервисы рассылок, достаточно и GMail.

Интегрируем шаблон HTML в Gmail.

Откройте скачанный пакет шаблона на вашем компьютере. Здесь Вы увидите файл и папку "images" с демо-изображениями.

Откройте файл в любом редакторе кода и выберите все содержимое этого файла, используя сочетание клавиш CTRL+A для Windows (Control+A или Command+A для Mac).

Скопируйте выбранное содержимое в буфер обмена (используя сочетание клавиш CTRL+C для Windows или Control+C/Command+C для Mac).

Войдите в вашу учетную запись Gmail и нажмите на кнопку Создать (Compose), для того чтобы создать новое сообщение.

В открывшемся окне введите какой-нибудь тестовый текст, например, "**************".
Нажмите на ваш тестовый текст правой кнопкой мышки и выберите Исследовать элемент (Inspect Element) или Исследовать элемент с Firebug (Inspect Element with Firebug) из контекстуального меню. Затем, в открывшемся окне исследования элемента, найдите введённый текст и замените его скопированным вами кодом HTML (удалите тестовый текст и вставьте скопированный код HTML).

image

image

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

Обратит внимание: Для того чтобы видеть изображения вашего шаблона HTML в Gmail, нужно сначала загрузить все изображения на сервер и, затем, в файле заменить все относительные ссылки на изображения (например, images/pattern01.jpg) абсолютными ссылками (например, используя прямую ссылку на изображение), которые включают прямой путь к нужному изображению на вашем сервере.

Вы можете также сохранить сообщение HTML как шаблон электронной почты в Gmail и, затем, использовать его в любое время.

Ресурсы с шаблонами HTML писем.

Salted

Cerberus

Responsive HTML Email Template

Email Blueprints

Respmail

Ink

Transactional Email Templates

Antwort

Responsive Email

Responsive Email Patterns

Zenith

Shopify HTML Email Templates

Responsive HTML email templates

Responsive Email

WDW

Gleemail

Postmark Templates

EightMedia boilerplate

gmailhtmlпочтадизайнрассылка
6
0.027 GOLOS
0
В избранное
Prime Notes
Interesting notes on the use of technology in everyday life.
6
0

Зарегистрируйтесь, чтобы проголосовать за пост или написать комментарий

Авторы получают вознаграждение, когда пользователи голосуют за их посты. Голосующие читатели также получают вознаграждение за свои голоса.

Зарегистрироваться
Комментарии (1)
Сортировать по:
Сначала старые