Как использовать шаблон html (который я скачал) в Gmail и/или другом клиенте электронной почты?

Из этого туториала Вы узнаете, как использовать шаблоны новостной рассылки и шаблоны электронной почты в Gmail.

Шаблоны новостной рассылки и шаблоны электронной почты – это шаблоны HTML, созданные для сервисов электронной почты MailChimp и Campaingmonitor. Однако, Вы можете также использовать их в Gmail.

Для того чтобы интегрировать шаблон HTML в Gmail, следуйте таким инструкциям:

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

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

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

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

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

   

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

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

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

Это конец туториала. Теперь Вы знаете, как использовать «Шаблоны новостной рассылки» и «Шаблоны электронной почты» в Gmail.

Вы можете также ознакомиться с детальным видео-туторилом ниже: