Красивые шаблоны писем для рассылки — как сделать?

Добрый день, Уважаемые Читатели моего блога!

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

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

Как сделать красивые шаблоны писем для рассылки?

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

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

И какой-то смысл в этом есть, хотя я, по прошествии времени, уже не с таким азартом и рвением стараюсь отправлять красочные письма.

Всегда ли оправдывают себя красивые шаблоны?

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

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

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

Как делаются шаблоны для писем в рассылку?

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

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

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

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

Код шаблона писем в рассылку, скопируйте его и идем на наш любимый сервис Смартреспондер, а дальше уже смотрите видео:

<style type="text/css">
 .style1 {
 font-size: large;
 color: #000080;
 }
 .style2 {
 color: #FFFFFF;
 }
 .style3 {
 background-color: #0066CC;
 }
 .style4 {
 text-decoration: underline;
 }
 .style5 {
 color: #0066CC;
 }
 .style6 {
 font-size: medium;
 }
 .style7 {
 font-size: small;
 color: #FFFFFF;
 }</style>
 <center>
 <br />
 <table bgcolor="#ffffff" height="130" style="border-width: 1px; border-style: solid; border-color: rgb(218, 218, 218);" width="600">
 <tbody>
 <tr>
 <td>
 <div align="center" class="style1">
 <span class="style5"><a href="http://zarabotay-mnogo.ru/"><span style="color:#0000ff;"><span style="background-color: rgb(255, 255, 255); ">Zarabotay-Mnogo.ru</span></span></a></span></div>
 </td>
 </tr>
 <tr>
 <td class="style3" height="30" style="border-width: 0px; border-style: solid; border-color: rgb(218, 218, 218);" width="100%">
 <center>
 <table border="0" width="92%">
 <tbody>
 <tr>
 <td height="55" width="79%">
 <a href="http://zarabotay-mnogo.ru/"><img alt="" height="99" src="http://zarabotay-mnogo.ru/wp-content/uploads/2013/05/kiska.jpg" style=" " width="624" /></a></td>
 <td height="55" width="21%">
 <div align="center">
 <span style="color:#0000ff;"><font face="arial"><font face="Tahoma">Наших читателей<font face="Tahoma">:</font></font></font></span><br />
 <span style="font-size:14px;"><span style="color: rgb(0, 0, 255); "><font face="arial"><span class="style2">более 4000</span></font></span></span></div>
 </td>
 </tr>
 </tbody>
 </table>
 </center>
 </td>
 </tr>
 <tr>
 <td bgcolor="#ffffff" style="border-width: 1px; border-style: solid; border-color: rgb(218, 218, 218);">
 <table>
 <tbody>
 <tr>
 <td bgcolor="#ffffff" height="110" style="border-width: 0px; border-style: solid; border-color: rgb(0, 102, 204);" width="568">
 <div align="center">
 <p>
 <br />
 <br />
 <span style="color: rgb(0, 0, 255); "><span style="font-size: 16px; text-align: left; ">Добрый день, дорогой Коллега! Здесь Ваше Приветствие!</span></span></p>
 </div>
 </td>
 </tr>
 </tbody>
 </table>
 <p style="color: rgb(51, 51, 51); font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 12.727272033691406px; line-height: 18.984848022460938px; text-align: left; ">
 &nbsp;</p>
 <p style="font-size: 12.727272033691406px; line-height: 18.984848022460938px;">
 Здесь будет Ваш текст - анонс статьи, например,<br />
 можете изменить шрифт, размер и тд<br />
 &nbsp;</p>
 <a href="http://zarabotay-mnogo.ru/vse-o-rassylke/kak-bystro-sobrat-bazu-podpischikov/">Здесь ваша ссылка на сайт...</a></td>
 </tr>
 <tr>
 <td bgcolor="#ffffff" style="border-width: 1px; border-style: solid; border-color: rgb(218, 218, 218);">
 <center>
 <table>
 <tbody>
 <tr>
 <td bgcolor="#ffffff" height="110" style="border-width: 0px; border-style: solid; border-color: rgb(0, 102, 204);" width="568">
 <div align="center">
 <p>
 &nbsp;</p>
 <p style="color: rgb(51, 51, 51); font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 12.727272033691406px; line-height: 18.984848022460938px; ">
 <span style="font-size:16px;">Жду Вас на своем сайте!</span></p>
 <p style="color: rgb(51, 51, 51); font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 12.727272033691406px; line-height: 18.984848022460938px; ">
 <span style="font-size:16px;">С уважением,</span></p>
 <div>
 <a href="http://zarabotay-mnogo.ru/" style="font-size: 16px; ">Анжелика $окова</a></div>
 <dl>
 <dt style="text-align: left; ">
 &nbsp;</dt>
 </dl>
 </div>
 </td>
 </tr>
 </tbody>
 </table>
 </center>
 </td>
 </tr>
 <tr>
 <td bgcolor="#0081AC" height="30" style="border-width: 0px; border-style: solid; border-color: rgb(218, 218, 218);">
 <div align="center">
 <table border="0" width="92%">
 <tbody>
 <tr>
 <td height="24">
 <div align="center">
 <font color="#000000" face="arial" size="4"><span style="font-size:10px;"><font face="Tahoma"><a class="style6" color="#FFFFFF" href="http://zarabotay-mnogo.ru/reklama-na-sajte/" style="font-family: Tahoma; color: rgb(255, 255, 255) ! important; text-decoration: underline;" target="_blank">Реклама в рассылке</a><span class="style7" style="">|</span><span class="style6" style=""><a color="#FFFFFF" href="http://site.zarabotay-mnogo.ru/vebinar/" style="font-family: Tahoma; color: rgb(255, 255, 255) ! important; text-decoration: underline;" target="_blank">Бесплатные </a> </span><span class="style6" style=""> <a color="#FFFFFF" href="http://asokova.wwww07.ecommtools.com/14" style="font-family: Tahoma; color: rgb(255, 255, 255) ! important; text-decoration: underline;" target="_blank">вебинары</a></span><span class="style7" style="">|</span><span class="style6" style=""><a color="#FFFFFF" href="http://asokova.wwww07.ecommtools.com/11" style="font-family: Tahoma; color: rgb(255, 255, 255) ! important; text-decoration: underline;" target="_blank">Партнерская </a> </span><span class="style6" style=""> <a color="#FFFFFF" href="http://asokova.wwww07.ecommtools.com/11" style="font-family: Tahoma; color: rgb(255, 255, 255) ! important; text-decoration: underline;" target="_blank">программа</a></span><span class="style7" style="">|</span><a class="style6" color="#FFFFFF" href="http://zarabotay-mnogo.ru/" style="font-family: Tahoma; color: rgb(255, 255, 255) ! important; text-decoration: underline;" target="_blank">Сделай сайт и заработай на нем </a></font></span><br />
 <font color="#FFFFFF"><font face="verdana" size="2">_____________________________________________</font></font></font></div>
 </td>
 </tr>
 <tr>
 <td height="35">
 <div align="center">
 <font color="#000000" face="arial" size="4"><font color="#FFFFFF" face="verdana" size="2"><font face="Tahoma">&copy; 2013 Все права защищены. Анжелика <span lang="en-us">$</span>окова .</font></font> </font><font color="#FFFFFF" face="Tahoma" size="2"> <span lang="en-us">Zarabotay-Mnogo.ru</span></font><br />
 <font color="#FFFFFF" face="Tahoma">* Всю ответственность за размещаемые рекламные материалы несет рекламодатель!</font></div>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 </td>
 </tr>
 </tbody>
 </table>
 </center>
 <br />

А вот и видео как изменить шаблон писем для рассылки под себя:

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

С уважением, Анжелика $окова.

33 комментария: Красивые шаблоны писем для рассылки — как сделать?

  • Андрей Чашин говорит:

    Конечно, главное это суть письма, но если оно радует глаз и притягивает внимание, то вообще здорово! Анжелика, спасибо за пост!

  • Андрей Чашин говорит:

    А видео отличное, ясное, понятное и прекрасно снятое! Спасибо!

  • Спасибо за полезный код.
    Главное не переусердсвовать с красочостью, а то такое письмо может оттолкнуть.

  • Андрей Чашин говорит:

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

  • Vesna83 говорит:

    О! Это же то о чем я просила! Большое спасибо, Анжелика!

  • Vesna83 говорит:

    Добавила, изменила картинки, сохранила шаблон на Смартреспондере. Еще подредактирую ссылки и буду тестировать. Большое спасибо за понятную видео-инструкцию, впрочем, как всегда

  • Ксения говорит:

    Как раз сегодня задумалась о создании красочного шаблона для писем. Но прочитав вступление к статье, теперь снова задумалась, нужно ли мне это. В любом случае — спасибо! Если все-таки решу делать, теперь знаю, где взять.

  • Олег говорит:

    Да, Анжелика очень классная статья! Все подробно и по сути без лишней воды. Вот это стиль написания, так держать! Здесь есть чему поучиться. Большое спасибо за интересную статью!
    Соцкнопочки нажал, пусть мои друзья тоже воспользуются этой полезной информацией.

  • Алекс говорит:

    Пока что рассылка еще не готов, буду внедрять шаблоны.

  • Арина говорит:

    Решила себе такую красоту установить. Теперь подбираю цвет.

  • Арина говорит:

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

  • Александр говорит:

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

  • Дмитрий говорит:

    Спасибо! А зачем заморачивать : скопировал понравивщийся шаблон в своем ящике и переделал в визуальном редакторе за 5 минут

  • Евгений говорит:

    Спасибо, надо будет попробовать эти шаблоны при следующей рассылке, кстати, пользуюсь программой EmailFinder. С емаилфайндером я гораздо лучше собираю адреса, чем с любой другой программой, отсеивая нежелательные. Если кому интересно, сайт программы такой: http://www.emailfinder.ru, у них демоверсия есть, можно ознакомиться.

  • Евгения говорит:

    Библиотеку вебмастера скачала — буду изучать16

  • Александр говорит:

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

    • Юрий Йосифович говорит:

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

      • Игорь говорит:

        Я давно рассылкой Смартреспондер пользуюсь и тебе советую.

        • Юрий Йосифович говорит:

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

      • Игорь А говорит:

        Я давно рассылкой Смартреспондер пользуюсь и тебе советую.
        Здесь рассылкой удобно управлять.

        • Юрий Йосифович говорит:

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

  • Владлен говорит:

    Пользуюсь сервисом StandartSend.ru, пока не жаловался. Цена отличается от других сервисов, примерно в 2-3 раза дешевле. Так же огромным плюсом является то, что не обязательно подтверждать базу данных.

Добавить комментарий для Олег Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Поиск по сайту:
Рекомендую:
Вконтакте
FaceBook

Все статьи сайта | Конкурсы на сайте| Пошаговое создание сайта| Рекомендую | Реклама на сайте

Copyright © 2017. Все права защищены! При копировании строго ссылка на сайт!

Создай свой сайт и заработай на нем Главная сайта.

Как заказать и купить такой готовый сайт, читайте здесь

24 Запросов за 0,151 cекунд.
Индекс цитирования