Создаем шаблон письма в Mozilla Thunderbird
Html письмо
На сайте Saitoseoteka.ru есть несколько готовых шаблонов html писем, но возникает вопрос — как такие письма отправлять? Давайте разбираться.
Если вы хотите отправить html письмо, то просто вставить код в тело сообщения в вашем почтовом ящике у вас не получиться — отобразиться сам код без его выполнения.
Для полноценной отправки, с возможностью отображения таблиц, ссылок, графики и рисунков, нужно использовать специальную программу.
Специальной программой для отправки писем в коде html являются почтовые клиенты. Рассмотрим один из них — Mozilla Thunderbird. Рассмотрим процесс отправки писем с картинками и прочим более подробно.
Почтовый клиент Mozilla Thunderbird
Сначала нужно скачать эту программу. Для этого переходим на официальный сайт почтового клиента от Мозиллы: //mozilla-russia.org/products/thunderbird/. В открывшемся окне, слева, выбираем программу на русском языке для вашей операционной системы компьютера:
Скачиваем, устанавливаем. После первого запуска нужно настроить клиент для работы с электронной почтой. Первоначально нам предлагается выполнить интеграцию, однако её можно пропустить:
Теперь нужно указать адрес электронной почты, с которой мы будем в дальнейшем отправлять письма. Для этого щёлкаем по специальной ссылке «Электронная почта»:
Затем появляется окно, где можно открыть почтовый ящик у предложенного сервиса, но можно просто пропустить этот пункт, нажав «Пропустить это и использовать мою существующую почту». Затем, нужно указать Имя, адрес и пароль на существующем почтовом ящике:После этого, нажимаем «Продолжить» — происходит автоматическое определение почтового сервера, и после нажатия на кнопку «Готово», мы переходим снова к начальному окну. Тем самым мы установили и настроили почтовый клиент для работы с электронной почтой (использовалась почта на Яндексе) посредством которого мы будем отправлять шаблоны html писем.
Отправляем html письмо
Снова открываем клиент Mozilla Thunderbird, если вы уже успели его закрыть, и нажимаем на пункт верхнего меню «Создать»:
Открывается форма по созданию электронного письма. Заполняем данные: «Кому» и «Тема»:
Имейте ввиду, если вы хотите указать несколько получателей, нужно щёлкнуть мышкой чуть ниже пункта «Кому» — для этого там предусмотрены несколько полей получателей. Данные заполнили, переходим к шаблонам.
Пусть мы будем отправлять шаблон письма, предложенный в предыдущей статье (первый в списке). Открываем его в редакторе (файл shablon1.html) и выполняем небольшое не сложное действие, а именно — указываем корректные полные адреса изображений:
- Ищем ссылки на графические файлы. Они представлены в виде
- На стационарном компьютере, если открыть html_файл с шаблоном электронного письма, всё будет отображаться корректно, а вот на электронном почтовом ящике изображения показываться в таком случае не будут.
- Нам нужно найти полный адрес изображений на компьютере. Для этого открываем папку с картинками, идущими в комплекте, в отдельной папке с шаблоном.
- Щёлкаем правой кнопкой мышки на изображение и выбираем пункт «Свойства». В открывшемся окне есть строка «Расположение» — её полностью нужно выделить и скопировать
- Открываем html-файл шаблона и заменяем ссылки на изображения.
Как правильно указать ссылку на картинку в html-шаблоне электронного письма
Итак, полный адрес изображений на компьютере мы получили, теперь его нужно вставить в шаблон. Для этого, открываем шаблон на редактирование и вместо пишем .
Обратите внимание, что слэши в компьютере и для браузера разные. Кроме того, перед букой диска с расположение нужного файла, добавляется «file:///».
Полностью меняем ссылки на картинки в электронном письме, сохраняем изменения, копируем весь код шаблона html-письма и переходим к следующему пункту.
Вставка шаблона в тело письма в почтовом клиенте Mozilla Thunderbird
Итак, мы заполнили адреса получателей нашего письма, указали тему, подправили ссылки. Теперь, нажимаем на пункт верхнего меню в окне создания электронного письма нашего почтового клиента «Вставить» — «HTML»:
Открывает ещё одно окно вставки кода, именно сюда и вставляем скопированный код html-шаблона электронного письма, который мы получили после редактирования в нём ссылок на изображения:
Нажимаем кнопку «Вставить» и, если адреса картинок были указаны верно, то вы должны увидеть полноценный шаблон электронного письма:
Итоги:
Давайте подведём итоги проделанной работы. Для этого нужно нажать на кнопку всё в том же почтовом клиенте «Отправить». Для эксперимента был указан личный почтовый ящик, поэтому есть возможность проверить доставку сообщения. Открываем почту и видим полноценное html письмо:Источник: //saitoseoteka.ru/uncategorized/html-pismo.html
Используем Mozilla Thunderbird для отправки html-писем
Современный стандарт электронного письма с использованием html-кода подразумевает применение не только в качестве инструмента маркетинга и использования в массовых рассылках.
Если возникает задача написать красивое, индивидуальное и презентабельное отправление одному-двум получателям, можно использовать Mozilla Thunderbird, или Мозиллу, как называют эту бесплатную программу на просторах Рунета.
Чтобы установить этот инструмент к себе на компьютер, достаточно скачать самораспаковывающийся архив с дистрибутивом с сайта сообщества и произвести несложные манипуляции по установке и первоначальной настройке.
Одновременно с первоначальным запуском, Mozilla Thunderbird добросовестно предлагает пройти процедуру создания новой учётной записи. Если мы рассчитываем использовать свою, уже имеющуюся почту, то от щедрого предложения откажемся, и выберем соответствующее действие в пригласительном окне Мозиллы:
Рис. 1
После этого программа откроет диалоговое окно для ввода параметров вашего почтового ящика. В соответствующих полях ввода указываем своё собственное имя, имя почтового ящика и пароль доступа к нему. Чекбокс «Запомнить пароль» оставляем не сброшенным, чтобы не идентифицироваться в дальнейшем при каждом обращении к учётной записи. Жмём «Продолжить», и далее — «Готово».
Рис. 2
После проверки введённого пароля и синхронизации с ящиком на сервере почтового сервиса, Mozilla Thunderbird в своём главном окне начнёт отображать содержимое вашей почты
Рис. 3
Готовим HTML-шаблон для отправки при помощи Mozilla Thunderbird
Сам шаблон html-письма, как правило, распространяется в виде архивного файла, содержащего код, текст послания и картинки для оформления. В этом случае ссылки для картинок в коде указывают на это, локальное, размещение изображений. Мозилла не может корректно обработать такие связи, и «не увидит» картинок.
Эту особенность почтовой программы нужно знать и заранее позаботиться о переносе картинок из шаблона на сервер, а в код письма внести изменения, чтобы ссылки на картинки вели к этому, серверному, расположению изображений.
Ниже приведём пример типичного кода с локальным расположением картинки:
и внешним их расположением:
Отправляем письмо по готовому шаблону
При создании письма в Мозилле (кнопка «Создать» в главном меню) после заполнения полей с адресами получателей («Кому», адрес может быть или один, или несколько)
Рис. 4
следуя правилам хорошего тона электронной переписки, задаём тему нашего сообщения и переходим в область содержимого письма, поставив курсор там, где мы обычно вводим текст послания. В этот момент в главном меню редактируемого письма отобразится команда «Вставить», которая до того была неактивна и недоступна. В ней выбираем пункт «HTML…»
Рис. 5
На фоне окна создания сообщений отобразится окошко для ввода html-кода нашего шаблона
Рис. 6
Следующее действие в Mozilla Thunderbird следует подготовить. Для чего, откроем шаблон нашего письма в самом обычном Блокноте, выделим всё содержимое, скопируем в буфер обмена.
Рис. 7
Отметим важное: открытие шаблона для копирования/вставки через простейший текстовый редактор, такой, как «Блокнот», исключит применение форматирования или стилей к содержимому нашего шаблона и предотвратит повреждение этим html-разметки нашего письма.
Следующим действием вернёмся в Мозиллу и вставим скопированное в окошко, открытое нами на предыдущем шаге, после чего жмём «Вставить».
Рис. 8
При соблюдении вышеописанного алгоритма, в окне создания сообщения отобразится шаблон нашего html-письма.
Блоки, подсвеченные красной обводкой, показывают разметку письма, и предназначены для последующего редактирования.Так как в нашу задачу сейчас не входит приобретение навыков редактирования шаблонов, просто проигнорируем это факт, у получателя выделение блоков и другие спецсимволы отображаться не будут.
Рис. 9
Если нужно, текстовое содержимое на этом этапе можно подредактировать. При фатальном повреждении разметки выход прост — откатываемся на несколько шагов назад и повторяем вставку кода заново.
Когда всё готово и радует глаз, командуем нажатием кнопки «Отправить», и — дело сделано.
В завершении, озвучим несколько дополнительных советов общего плана. Во-первых, очень правильно перед оправкой «во внешний мир», отправить только что рождённое html-письмо самому себе, для проверки корректности отображения.
Второе, при редактировании текста на предыдущем шаге, постарайтесь не увлечься и не изменить структуру построения html-шаблона.
В-третьих, для того чтобы не повторять весь описанный здесь путь из раза в раз, сохраните созданное, как черновик, в Мозилле.
И в очередной раз — удачи на путях интернет-маркетинга и создания красивых писем в html!
Источник: //10bukv.ru/blog/ispolzuem-mozilla-html.html
