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

Вот так тонко я подошел к серии HTML email писем, которые помогут Вам сделать красивое письмо для email рассылки. В этой сборке 5 отдельных писем (html документов) и один css файл. Все 5 писем мы рассмотрим отдельно. Я также буду прикладывать скриншот и размещать ссылку на скачивание отдельного шаблона. А в конце статьи вы сможете скачать все 5 писем в одном архиве. Итак, начнем.

Email шаблон Basic

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

Email шаблон Hero

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

Email шаблон Newsletter

Это письмо отлично подойдет рассылки свежих новостей. Может понадобиться блоггерам и СМИ, а также может подойти для рассылки свежих горячих предложений турфирмы.

Email шаблон sidebar-hero

Этот вариант письма похож на второй вариант, только у него еще есть сайтбар. Этакий минисайт в email письме. Также (как и в каждом варианте) здесь есть блок, окрашенный в голубой цвет. Он может служить как выделение цитаты для имиджевой рассылки или ссылки на услугу, так как блок хорошо выделяется на фоне остального контента.

Email шаблон sidebar

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

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