Приветствую Вас уважаемые подписчики и читатели моего блога. На связи снова Галиулин Руслан. Каждый из вас хотя бы раз сталкивался с проблемой создания шаблона письма для рассылки и не знал, как это сделать. Каждое письмо в сети в основном создано на html и тут требуются определенные знания в языке программирования и уметь оформлять все в CSS таблицах стилей для предания красивой формы.
После подписки на различных сервисах или блогах мне часто приходят красочные письма, которые приятно читать в отличии от обычных текстовых которые я часто принимаю за спам. И я также, как и многие авторы решил сделать такое письмо для своей рассылки по подписчикам.
Вот так выглядит у меня письмо, которое мы и будем делать
Шаблон письма для рассылки почты за 5 минут и бесплатно
Лично я использую для своей подписки сервис рассылок писем smartresponder с привязкой к красивой форме подписки готовый дизайн которой я выложил за символическую сумму в этом разделе. Так как покупать дизайн такой формы будет стоит около 2000-3000 рублей, а тут вы получает все бесплатно и настраиваете сами.
Что самое интересное так это то, что в системе имеется встроенный редактор html писем где нам предлагают воспользоваться готовыми шаблонами или же можно просто вставить свой готовый код.
Лично мне надоели такие шаблоны, и я решил сделать более интересный и привлекательный дизайн. Сейчас открою секрет для многих пользователей, которые может не обращали внимание, а может просто не подумали над этим так вот тут секрет в том, что, если к вам на почту пришло красиво оформленное письмо и вы хотите взять такой же шаблон только переделать под себя и со своей графикой тогда вам необходимо открыть полученное письмо к примеру, с моей рассылки и перейти в раздел свойства как показан на рисунке. В моем случае у меня фирменная почта создана на Яндексе.
И тут нам необходимо из полученного кода письма выбрать нужный нам кусок в моем случае он будет выглядеть как начало и окончание обычной страницы html и нам нужно просто скопировать все содержимое от и до начиная со следующей фразы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
………….
</html>
Вот этот контейнер со всем содержимым копируем и вставляем в свой текстовый редактор.
В конце статьи я приложу готовый шаблон моего письма, а также в качестве бонуса и примера второй красочный шаблон письма для рассылки с графическими элементами и останется только изменить пути к изображениям и все. Все сможете скачать бесплатно.
Обратите внимание что при создании письма в смартреспондере имеется ограничение на общий вес всего письма включая графику и текстовый документ и в таким случае вам необходимо будет част картинок загрузить на свой блог или сайт компании и просто прописать в шаблоне письма прямой путь для отображения.
В моем случае мне пришлось поменять картинку для шапки и сам задний фон письма в этих местах. Меняем пути в следующих строках в который имеется url на мой блог:
- Путь ведущий к замене шапки письма (загружена из раздела файлы почтовика, можно, как и далее прописать путь картинки на своем сайте) – <img alt=”” height=”101″ src=”cid: lot1.png” width=”598″ /> </td>
- Картинка заднего фона письма – style=”background-image:url(‘https://firelinks.ru/images/maelbg.jpg’)
Я приложу пример своего письма в конце статьи и картинки которые вам просто нужно наложить поверх моих, чтобы их заменить и ваши, и красивое письмо будет готово к отправке вашим подписчикам на которое непременно обратят внимание.
Вот основные преимущества использования красочных html писем для почтовой рассылки:
- Узнаваемость вашего бренда;
- Улучшение конверсии блога и сайта компании в целом;
- Увеличение продаж и направления клиентов напрямую в нужные разделы или акции.
Классно? Я думаю, да и советую всем скорее бежать и делать себе красивое оформление писем для рассылки, а не тратить деньги на фрилансеров, которые можно вложить в раскрутку своего блога ил улучшение юзабилити сайта.
В общем тот код, который мы скопировали просто вставляем в текстовый редактор и заменяем пути и пишем нужный вам текст и вставляем картинки и письмо готово. Такой способ подойдет многим блоггерам, которые столкнулись с такой проблемой. Вставлять можно в любой текстовый редактор или просто файл.
Вопросы и ответы, которые могут возникнуть при установке:
- Если не отображаются картинки в письме, то ищите проблему в пути к картинкам путь должен начинаться с вашего домена если вы част картинок грузить с корня сайта (бэкграунд и шапку с футером);
- Загружать картинки письма можно на сервис смартреспондер в раздел «файлы» своего аккаунта и в нужное место выбирать их отображение в свойствах картинки;
- Шаблон можно скопировать с любого письма вплоть до полной копии, главное иметь свои картинки;
- Можно в корень хостинга загрузить готовый шаблон в виде одностаничника и просто код страницы вставлять в рассылку.
Прикладываю готовый шаблон письма как у меня, на блоге, который можно быстро переделать под себя за 5 минут. Нажмите на одну из кнопочек и доступ к скачиванию будет открыт -)))). А также еще один профессиональный шаблон который также можно использовать под себя.
{loadposition sociallock}
Надеюсь материал был полезен и поможет многим решить раз и навсегда данную проблему. Пользуйтесь на здоровье и до встречи в новых статьях. Подписывайтесь и не пропустите самые полезные новости и фишки о которых мало кто пишет.
С уважением, Галиулин Руслан.