Seo - практик

Создаем индивидуальный htm-шаблон письма для Yandex / Mail.ru

Все компании (особенно их директора) хотят выделиться на фоне остальных своим уникальным стилем. И e-mail письма не исключение. Но многие почтовые клиенты и сервисы предоставляют возможность изменить только подпись в письме. Что ж, это делают все, а как быть если необходимо сделать вот такое письмо:

При условии того, что корпоративная почта развернута на бесплатной платформе Яндекса или Mail.ru (Gmail для бизнеса не берем в расчет, т.к. она уже давно не бесплатная) задача становится достаточно трудоемкой, но она решаема!

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

После необходимо сверстать письмо . О правилах верстки e-mail писем написано достаточно много статей и найти их не составит труда. После верстки советуем убедиться, что большинство почтовых сервисов и клиентов воспринимают шаблон письма адекватно. В первую очередь стоит проверить на

Yandex – почте;
почте mail.ru;
Gmail почте;
Mozilla Thunderbird;
The Bat;
Microsfot Outlook.

С версткой письма у нас все в порядке, поэтому приступаем к магическим ритуалам.

Из всех почтовых сервисов и программ на данный момент только Mozilla Thunderbird и Microsfot Outlook поддерживают вставку письма в HTML-формате. Но все пользователи в Вашей компании «категорически доверяют» Yandex – почте (или mail.ru), да и сам директор отказывается переходить на непонятные программы, когда он уже ни один год отправляет письма с его любимой темой «Звездных войн». А Yandex не поддерживает вставку письма в HTML-формате. Как быть?

Идем на хитрость.

Устанавливаем и настраиваем Mozilla Thunderbird на учетную запись нужного нам сотрудника.

Обязательно указываем передачу данных через IMAP – протокол для входящей почты, для исходящей SMTP – протокол. Данная манипуляция позволит скачивать почту в Mozilla Thunderbird без ее удаления на серверах Yandex и автоматически обновлять отправленные письма с Mozilla Thunderbird на серверах Yandex.

Эта особенность поможет нам создать шаблон письма в Mozilla Thunderbird в HTML-формате и автоматически выгрузить его в одну из папок в почте Yandex.

Вставляем HTML-код в письмо и сохраняем его как шаблон в Thunderbird:

Через 1-2 минуты в Yandex появляется необходимая нам папка «template», где содержится сверстанное нами письмо. Данный шаблон можно поправить и сохранить уже в нужном нам виде в самой Yandex-почте:

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

Проблема: не отображаются картинки в шаблоне письма на принимающей стороне.

Да, есть такая проблема. Если Вы подгружаете изображения со стороннего сайта (например, с сайта своей компании), то картинки у адресата отображены не будут. Данную проблему можно решить двумя способами:

Загрузить картинки, используемые в верстке письма на Yandex диск (если отправляете почту с Yandex, либо в облако Mail.ru, если отправляете почту с mail.ru). Далее указать прямые ссылки на эти изображения в сервисах. Обратите внимание, что по указанной Вами ссылке должна открываться картинка и ничего более.
Возможно загрузить картинку в само тело письма, перекодировав его в base 64. Далее вставить код картинки в формате base 64 в теги

Лучший вариант - это перекодировка изображения в код base 64 – меньше движений мышкой, больше надежности (изображение не удалят с Yandex диска, оно уже вложено в само письмо).

Задача выполнена. Thunderbird можно удалять. Директор и сотрудники довольны – теперь их письма совсем не такие как у всех.

Gmail изначально отличалась несколько своеобразным интерфейсом, что положительно выделяло ее среди «коллег по цеху».

Например, идеологию формировать цепочки писем на основе темы , в которую я буквально влюбился практически сразу, со временем скопировали очень многие почтовые системы — начиная от Яндекса, заканчивая Mozilla Thunderbird и Lotus Notes.

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

Однако, не смотря на инновационность подхода ко многим задачам, периодически в Gmail обнаруживается видимое отсутствие определенного функционала, который де-факто давно уже считается стандартом для электронной почты. Насколько я могу судить, именно для исправления этой ситуации, Google и добавил к Gmail поддержку Google Labs — т.н. «лаборатории Google» , в которой тестируются и обкатываются те функциональные решения, которые по некоторым причинам не были добавлены в public, но доступны пользователям по отдельному запросу .

Сегодняшняя статья является небольшим лайфхаком по использованию Google Labs в Gmail , который позволит вам ускорить работу с электронной почтой и минимизировать временные затраты на рутинные операции .

Как включить поддержку Google Labs для Gmail

Для этого нужно в правом верхнем углу нажать на иконку колбы, или нажать «Настройки» и выбрать в верхнем меню пункт «Экспериментальные функции» .

К одной из не-public-функций относится и система построения шаблонов писем для Gmail . Некоторое время назад я столкнулся с необходимостью отправлять несколько писем практически одинакового содержания (исключая пару строк) — разным получателям. Изначально понятно, что каждый раз открывать письмо из отправленных, копировать весь текст, сохраняя форматирование — это не выход.

Соответственно, я начал искать стандартную функцию для любого почтового клиента, а именно — шаблоны писем . Как выяснилось, в public такая функция действительно отсутствовала, но зато была в наличии в Google Labs для Gmail . Называется она «Шаблоны ответов» .

Итак, для включения «Шаблоны ответов» в Gmail , мы идем в Google Labs и активируем соответствующую опцию, выбрав «Включить» и после этого сохраняем изменения с помощью кнопки в нижней части страницы.

Теперь, когда мы включили функцию, нужно разобраться с тем — как создать шаблон письма в Gmail . Делается это следующим образом:

1. Создаем новое письмо и сохраняем его как шаблон

Пишем новое письмо.
Выбираем пункт «Готовые ответы».
Выбираем пункт «Создать готовый ответ...»

Создаем новое письмо в Gmail.
Выбираем «Вставить» и название шаблона (на предыдущем шаге я назвал его «Шаблон готового письма»).
Наслаждаемся полученным результатом.

Таким образом, воспользовавшись функциями Google Labs, мы получили в Gmail полноценную систему шаблонов писем , управляемых непосредственно из окна создания и редактирования письма. Обратите внимание, что по нажатию на «Готовые ответы» , вы можете не только создавать и вставлять шаблоны, но также и удалять их случае необходимости.

Как создать расширенный автоответчик в Gmail

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

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

Но что делать, если нужно автоматически отправлять разные письма — разным получателям? Или отправлять автоматические письма только определенным получателям ? В качестве примера, могу привести довольно обычную просьбу от многих отправителей: «пожалуйста, подтвердите получение письма» .

Согласитесь, безумно неудобно каждый раз создавать ответ на письмо, добавлять текст типа «Спасибо, все получил» и отправлять его. Да, рассмотренная выше функция «Шаблоны ответов» может упростить задачу вдвое, но почему бы не автоматизировать эту схему на все 100% ?

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

Для того, чтобы не портить себе карму, но и избавить себя от ненужной работы, мы воспользуемся связкой двух функций Gmail — «Шаблоны ответов» и «Фильтры» .

Добавляем адрес того отправителя, которому должны доставляться наши ответы.
Нажимаем кнопку «Пробный поиск» для проверки.

3. Настраиваем условия фильтра

Отмечаем пункт «Отправить готовый ответ».
Выбираем нужный шаблон ответа.
Сохраняем фильтр.

Теперь, на все письма, которые будут приходить по указанному в настройке адресу, будет отправляться ответное письмо с тем текстом, который вы укажете. Например, приветствие, текст «Спасибо, письмо получено» и подпись.

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

Например, вместо «[email protected]» , можно ввести только «@your-company-name.com» и тогда на все письма от пользователей этого почтового домена , будет отправляться сообщение автоответчика.

А каким образом использовали бы эти возможности вы?

Если вы часто отправляете одинаковые электронные письма, в которых меняются только некоторые данные (например, имя клиента, сумма сделки и пр.), создайте шаблон письма с помощью удобного конструктора.

В нужный момент система быстро сгенерирует тему и тело письма на основе шаблона, автоматически подставив переменные значения из карточки контакта, компании заявки или сделки. Вам останется только отправить e-mail.

Чтобы добавить новый шаблон письма, перейдите в «Настройки» - «Шаблоны документов». Создайте новую группу документов (например, «Электронная почта» или «Шаблоны писем») и убедитесь, что напротив поля «Использовать для шаблонов писем» стоит галочка.

Нажмите «Добавить шаблон», введите его название, вставьте тему и текст письма. Затем подставьте в тему и письмо поля для пользовательских значений, которые система будет заполнять самостоятельно. Для этого поставьте курсор на место, куда необходимо подставить значение. Нажмите звездочку на панели инструментов и из списка выберите нужное поле. В тексте появится специальная метка.

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

Сохраните изменения.

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

Отправить письмо , сгенерированное по шаблону, можно из карточки объекта или модуля «Почта». В окне отправки письма выберите нужный шаблон и объекты, из которых система должна «подтянуть» данные.

Не нашли ответа на свой вопрос?. Мы ответим на вопрос и дополним справку недостающей информацией.

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

Достаточно часто в процессе своей деятельности мы создаем однотипные документы: акты, приказы, письма, договоры, курсовые работы и т.п. Все эти документы, как правило, содержат некие текстовые или графические элементы - заголовки, реквизиты, логотипы, текстовые блоки, повторяющиеся из документа в документ.

Обычный пользователь текстового редактора Word, создавая очередной документ, вынужден использовать и править уже кем-то созданный и содержащий в себе все эти элементы документ либо просто копировать в новый документ необходимые элементы, опять же, из старого файла, притом осознавая, что и в этом случае редактирование неизбежно.

Шаблон определяет основную структуру документа и содержит настройки документа, такие как элементы автотекста, шрифты, назначенные сочетания клавиш, макросы, меню, параметры страницы, форматирование и стили. (Из справки Word)

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

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

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

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

1. Создадим пустой документ.

2. Сразу сохраним его. Зайдем в меню "Файл" (File) и выберем команду "Сохранить как..." (Save as...). Откроется диалоговое окно "Сохранение документа", в котором нам надо выбрать в поле "Тип файла" (Save as type) тип "Шаблон документа" (*.dot) (Document Template (*.dot).

Будет открыта папка "Шаблоны", в которой по умолчанию сохраняются все шаблоны. Присвойте файлу имя и нажмите кнопку "Сохранить".

3. Определяем, какие элементы (текст и графика) и где именно будут располагаться в документе.

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

4. Название организации мы разместим в верхней части документа по центру. Для этого напечатаем название нашей организации прописными буквами, например, ООО "БЕЛЫЕ НОЧИ". Нажимаем клавишу Enter и переходим на новую строку.

5. Ниже можем вставить разделительную линию. Для этого нужно кликнуть мышкой на кнопке "Рисование" (Drawing). В нижней части экрана появится панель рисования с управляющими кнопками. Нас интересуют линии, поэтому выбираем соответствующую кнопку "Линия" (Line). Курсор мыши превращается в крестик.

Обратите внимание: возможно, у вас будет вставлено так называемое полотно - пунктирная область вставки фигур/рисунков. Чтобы предусмотрительно избавиться от вставки полотна, зайдите в меню "Сервис" (Tools) и выберите команду "Параметры" (Options). Щелкните вкладку "Общие" (General) и снимите галочку с опции автоматического создания полотна при вставке автофигур (Automatically create drawing canvas when inserting AutoShapes). Щелкаем "OK" и закрываем окно "Параметров" (Options).

6. Подводим курсор в форме крестика к названию организации и чуть ниже проводим линию от мигающего курсора до правого края поля, нажимая и удерживая левую кнопку мыши. Линия нарисована.

7. Можно оставить линию как есть, а можно придать ей более элегантный вид. Для этого на панели рисования есть соответствующая кнопка "Тип линии" (Line Style). Щелкаете на ней и выбираете любой тип.

8. После того как вы остановитесь на каком-либо типе линии, дважды щелкните ниже этой линии - в этом месте будут напечатаны адрес и реквизиты организации. Впечатайте те данные, которые считаете необходимыми: юридический и фактический адрес, телефон, факс, URL сайта, E-mail, банковские реквизиты.

9. Теперь отформатируйте набранный текст в соответствии с вашими представлениями. Название организации, например, я выделил и присвоил ему стиль "Заголовок 1" (Heading 1). Я также выровнял заголовок по центру и сделал между буквами разреженный интервал в пять пунктов.

Размер шрифта текста под линией я уменьшил до девяти пунктов и выровнял по центру. Образец вы можете наблюдать ниже на скриншоте.

Таким образом, мы создали постоянную (неизменяемую) часть нашего шаблона, так называемую "шапку". Теперь двинемся дальше и создадим поля, в которые позже вы будете подставлять свои данные.

В левой части шаблона под "шапкой" дважды щелкаем мышкой и печатаем название города, например, Москвы. Затем в противоположной (правой) части шаблона опять дважды щелкаем мышью и в месте мигания курсора вставляем дату. Для этого:

1. В меню "Вставка" (Insert) выбираем команду "Дата и время" (Date and Time). Откроется окно, в котором вы выбираете необходимый формат отображения даты, например 18 июля 2006 г.

2. Отмечаем галочкой поле "Обновлять автоматически" (Update automatically). Теперь при создании нового документа на базе этого шаблона дата уже будет проставлена в соответствии с текущим временем на вашем компьютере.

3. В правой части шаблона ниже даты - с отступом от левого края примерно на 10 см по горизонтальной линейке - дважды щелкаем мышкой. Замигает курсор, и в этом месте мы вставим поле для подстановки данных получателя письма.

4. В меню "Вставка" (Insert) выбираем команду "Поле" (Field). Откроется окно как на скриншоте ниже:

5. В области "Категории" (Categories) выберите "Автоматизация" (Document Automation). В области "Поля" (Field names) выберите команду MacroButton. В области "Сообщение" (Display text) наберите текст "Вставить ФИО получателя" и нажмите OK.

Строго говоря, в области "Имя макроса" следовало было бы указать NoMacro (то есть команда без макроса), но такового в списке не оказалось. Поэтому оставляем как есть, по крайней мере, я никогда не встречал никаких ошибок.

6. Получаем поле с нашим текстом.

Если у вас это поле отображается как обычный текст без затенения, то я рекомендую сделать такое затенение. Это позволит вам впоследствии легко определять в документе нужные поля для ввода данных. Для этого зайдите в меню "Сервис" (Tools) и выберите команду "Параметры" (Options) и на вкладке "Вид" (View) в группе "Показывать" (Show) выберите из списка затенение полей (Field shading) опцию всегда (Always).

Ниже можно дополнительно вставить аналогичное поле адреса получателя и его должности.

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

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

Теперь, чтобы воспользоваться этим шаблоном для создания письма, вам надо зайти в меню "Файл" (File) и выбрать команду "Создать" (New). Справа появится область задач, в которой нужно выбрать опцию "Общие шаблоны" (On my computer). Откроется окно со всеми доступными шаблонами. Выбираете созданный вами шаблон и нажимаете "OK". Новый документ на основе вашего шаблона будет загружен в Word. Добавляйте свои данные в соответствующие поля и наслаждайтесь автоматизацией.

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

Особенности создания

Современный человек ежедневно получает в среднем 5-6, а порой и до 10 электронных писем. Это значит, что у вас есть всего менее секунды, чтобы успеть привлечь внимание адресата, до того как он перейдет к прочтению следующей корреспонденции. В противном случае ваша рассылка HTML-писем будет абсолютно неэффективной, и вы просто потратите время зря.

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

С этой целью можно применять, например, «отзывчивый дизайн», легко адаптирующийся к размеру экрана.

Каким должен быть шаблон письма

При верстке документа, предназначенного для отправки корреспондентам, следует придерживаться следующих требований:

Его следует сделать достаточно узким, т. е. по размерам оно должно не превышать диапазон 500-600 пикселей, что обеспечит корректное отображение текста и другого контента на устройствах любого типа.
Нужно использовать достаточно крупный шрифт для всей текстовой информации, так как на iOS-устройствах HTML-письмо будет неудобно читать, если размер шрифта менее 13 пикселей.
Элементы, по которым можно сделать клик, должны быть достаточно крупными и изолированными от ближайших ссылок. В таком случае адресат сможет легко их активировать с первой же попытки.

Подготовка

Прежде чем разработать HTML-письмо, следует создать на одном из дисков новую папку и назвать ее, например, «Рассылки». Кроме того, необходимо скачать и установить программу Dreamweaver CS3. Этот продукт от Adobe является одним из достаточно простых инструментов конструирования веб-сайтов и хорошо подходит для разработки рассылочного письма в формате HTML.

Создание и сохранение документа

Перед тем как написать текстовую часть письма, нужно:

открыть довольно популярную программу-конструктор HTML-писем Dreamweaver CS3 (DW);
создать документ, выбрав в качестве типа «Переходный HTML 4.01»;
сохранить файл с расширением «.html»;
в верхнем меню найти команду редактирования;
убирать галочку из чек-бокса «Использовать CSS вместо тегов HTML».

Пошаговая инструкция

Теперь, рассмотрим, как создать HTML-письмо. Для этого:

Последовательно открывают в меню вкладки «Вставить» и «Таблица» и выставляют нужные параметры таблицы. Например, строки — 2, столбцы — 1, ширина — 700, заголовок — сверху. Границы можно выставлять, а можно обойтись без них, указав 0.
Формируют заголовок письма. Так как HTML-письмо предназначено для большего числа получателей, поэтому используют оператор , подставляющий нужное имя получателя.
В нижнем окне «Свойства» выставляют нужные параметры для шрифта, размера и цвета текста заголовка и
«Выходят» из области заголовка. В нижней части экрана выставляют параметры для курсора «По центру» и «По середине».
Вставляем готовый текст письма или «пишем» его прямо в программе DW, выбрав нужный тип и а также расположение текста на странице.

Создание гипертекстовых ссылок

Постараемся сделать HTML-письмо более профессиональным и продвинутым. С этой цель скроем в контенте гипертекстовые ссылки. Для этого нужно выделить то место в тексте, которое выбрали в качестве гипертекстовой ссылки. В левом углу в верхней части экрана следует «открыть» соответствующую иконку и вставить свою ссылку в выпавшее окно. При этом нужно не забыть выставить галочку в чек-боксе «_blank», чтобы ссылка открывалась в новом окне, и адресат после ее просмотра не потерял доступ к основному письму.

Как вставить картинки

Обычно письмо в формате HTML завершается контактной информацией, желательно с фото автора или с подходящей тематической картинкой. Ее можно загрузить из интернета или предварительно загрузив в Интернет, так как вам нужен будет URL этого изображения. Лучше всего это сделать посредством одного из бесплатных сервисов.

Для того чтобы оформить такой симпатичный финал:

вставляют в нижней части письма, внутрь основной таблицы еще одну с 3 столбцами и параметром для границы 0 пикселей;
выставляют курсор в том месте таблицы, где хотят видеть картинку;
отмечают в нижнем окне «Посередине» и «По верхнему краю» для каждой секции;
выбирают в верхнем меню вкладку «Вставка»;
делаем клик по надписи «Изображение» и в выпавшем меню вставляем скопированный нами адрес;
нажимаем «Ok» 2 раза.

Просмотр

Теперь, когда вы знаете, как сделать HTML-письмо, следует убедиться, что адресат его увидит в корректном виде. Для этого перед отправкой нужно просмотреть ваше произведение в браузере Dreamweaver CS3. Для этого нужно нажать на иконку с земным шаром в среднем верхнем меню. Если вместо букв на экране появилась абракадабра, то следует выставить в настройках вашего браузера автокодировку.

Кодировка

Из раздела «Проект» и переходят в кодовую часть — «Код». В открывшемся окне выделяют и копируют все, что заключено между тегами и . Сохраняем файл. Далее вставляем HTML-код.

Отправка HTML-письма

выбирают либо создаем новое письмо, заполнив строки «Имя» и «Адрес отправителя».
заполняют строку «Тема письма»;
отмечают в верхнем левом меню HTML-код;
вставляют код, скопированный в программе DW-код в большое поле «Источник»;
проверяют корректность отображения посредством инструмента «Предпросмотр»;
удаляют текстовую версию письма;
тестируют его на спам, с помощью одноименной кнопки, расположенной рядом с кнопкой «Отправить».

Несколько популярных шаблонов

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

Cerberus . Этот набор так называемых отзывчивых шаблонов позволяет создавать письма, нормально отображаемые как в мобильном приложении Gmail, так и в Outlook. Он позволяет использовать блоки HTML-кода либо по отдельности, либо объединяя их.
Ink — это заготовка писем, рассылки которых практически универсальны и совместимы с любыми устройствами и клиентами.
Really simple HTML email template. Шаблон позволяет создавать рассылочные письма очень просто и быстро. Правда, у них будет крайне простой дизайн в виде одного столбца, в котором заключен призыв к действию.

Как вставить HTML в письмо

Рассмотрим теперь несколько другую задачу. Чтобы вставить код HTML в электронное письмо, например, gmail используя, как в приведенном ниже примере браузер Google Chrome, следует:

нажать на кнопку «F12» или выбрать соответствующую последовательность команд в меню;
в открывшемся окне с кодом текущей страницы клиента gmail найти то место, куда должно быть вставлено HTML-письмо, сделать правый клик и выбрать «Edit as HTML».
вставить скопированный HTML код;
нажать комбинацию двух клавиш «Ctrl» и «Enter».

Для той же цели можно скачать простую в использовнии программу Mozilla thunderbird. С ее помощью можно создать письмо, а потом сначала выбрать пункт «Вставить», а затем «HTML», и вставить туда код своей рассылки.

Инструменты

Вордпрессовский плагин e-Newsletter позволяет профессионально управлять рассылками и абонентами. Причем и то, и другое делается прямо через панель администратора WordPress. Это обстоятельство обеспечивает полный контроль и совершенно бесплатно, что не может не радовать.

Еще один простой инструмент — Bulletproof background images, представляющий собой простой инструмент, который позволяет получить код для фонового изображения создаваемых писем. С его помощью можно сделать корреспонденцию намного красивее. Для просто следует указать URL понравившегося фонового изображения и его резервный цвет, а также должны ли эти параметры применяться ко всему телу HTML-письма или они предназначены только для одной из ячейки таблицы. В результате будет получен готовый код, который требуется скопировать и вставить в свой шаблон.

Теперь вы знаете, как отправить HTML-письмо. Его создание не представляет особой сложности, особенно если пользоваться готовыми шаблонами, в которых в Сети нет недостатка. Поэтому даже те, кто не имеет особых знаний, смогут легко справиться с этой задачей.