Шаблон письма для рассылки в html формате + БОНУСЫ

Шаблон письма для рассылки в html формате + БОНУСЫПриветствую Вас уважаемые подписчики и читатели моего блога. На связи снова Галиулин Руслан. Каждый из вас хотя бы раз сталкивался с проблемой создания шаблона письма для рассылки и не знал, как это сделать. Каждое письмо в сети в основном создано на html и тут требуются определенные знания в языке программирования и уметь оформлять все в CSS таблицах стилей для предания красивой формы.

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

Вот так выглядит у меня письмо, которое мы и будем делать

Пример письма для почтовой рассылки.

Шаблон письма для рассылки почты за 5 минут и бесплатно

Лично я использую для своей подписки сервис рассылок писем smartresponder с привязкой к красивой форме подписки готовый дизайн которой я выложил за символическую сумму в этом разделе. Так как покупать дизайн такой формы будет стоит около 2000-3000 рублей, а тут вы получает все бесплатно и настраиваете сами.

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

Шаблон письма для рассылки в html формате + БОНУСЫ

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

Шаблон письма для рассылки в html формате + БОНУСЫ

И тут нам необходимо из полученного кода письма выбрать нужный нам кусок в моем случае он будет выглядеть как начало и окончание обычной страницы html и нам нужно просто скопировать все содержимое от и до начиная со следующей фразы:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

………….

</html>

Вот этот контейнер со всем содержимым копируем и вставляем в свой текстовый редактор.

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

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

В моем случае мне пришлось поменять картинку для шапки и сам задний фон письма в этих местах. Меняем пути в следующих строках в который имеется url на мой блог:

  1. Путь ведущий к замене шапки письма (загружена из раздела файлы почтовика, можно, как и далее прописать путь картинки на своем сайте) – <img alt=”” height=”101″ src=”cid: lot1.png” width=”598″ /> </td>
  2. Картинка заднего фона письма – style=”background-image:url(‘https://firelinks.ru/images/maelbg.jpg’)

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

Шаблон письма для рассылки в html формате + БОНУСЫ

Вот основные преимущества использования красочных html писем для почтовой рассылки:

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

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

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

Вопросы и ответы, которые могут возникнуть при установке:

  • Если не отображаются картинки в письме, то ищите проблему в пути к картинкам путь должен начинаться с вашего домена если вы част картинок грузить с корня сайта (бэкграунд и шапку с футером);
  • Загружать картинки письма можно на сервис смартреспондер в раздел «файлы» своего аккаунта и в нужное место выбирать их отображение в свойствах картинки;
  • Шаблон можно скопировать с любого письма вплоть до полной копии, главное иметь свои картинки;
  • Можно в корень хостинга загрузить готовый шаблон в виде одностаничника и просто код страницы вставлять в рассылку.

Прикладываю готовый шаблон письма как у меня, на блоге, который можно быстро переделать под себя за 5 минут. Нажмите на одну из кнопочек и доступ к скачиванию будет открыт -)))). А также еще один профессиональный шаблон который также можно использовать под себя.

Шаблон письма для рассылки в html формате + БОНУСЫ

{loadposition sociallock}

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

С уважением, Галиулин Руслан.

Рейтинг
( Пока оценок нет )
Руслан Галиулин/ автор статьи
Если вы решили чему-то научиться и познать что-то новое в сфере заработка в интернете и построении бизнеса, то вы на правильном пути, и мой блог — Вам в помощь.
Понравилась статья? Поделиться с друзьями:
Галиулин Руслан
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: