Страница 1 из 1

HTML письма клиентам

СообщениеДобавлено: 28 фев 2014, 17:16
Денис
Создание писем для клиента(коли в следующей версии планируется как написано, редактор писем) выглядит примерно так-
Поместите в почтовый клиент HTML-код и посмотрите как выглядит.
http://xn--b1amqct.xn--p1ai/mail/ovito_s/index.html
Вод код:
Код: Выделить всё
<p style="text-align: center;"><span style="font-family: Helvetica, Arial, Ubuntu, sans-serif; font-size: 10px; line-height: 1.2;">Если вы не видите это письмо </span><a style="text-decoration: none; color: blue;" href="http://xn--b1amqct.xn--p1ai/mail/ovito_s/index.html" target="_blank"> нажмите здесь</a></p>
<
table class="outer-table" style="margin-top: 20px; text-align: left; width: 630px; min-width: 320px;" border="0" cellspacing="0" cellpadding="0" align="center">
<
tbody>
<
tr>
<
td class="main-column" style="vertical-align: top;"><br />
<
table class="header-and-social" style="text-align: left; width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center">
<
tbody>
<
tr>
<
td style="vertical-align: top;">
<
table class="header-and-social-inner" border="0" cellspacing="0" cellpadding="0">
<
tbody>
<
tr>
<
td class="wix-logo" style="vertical-align: middle; text-align: left;"><img src="http://xn--b1amqct.xn--p1ai/mail/Bella/wix_logo_transperant.png" alt="" border="0" /></td>
<
td class="header-space" style="vertical-align: top; width: 150px; display: block;">&nbsp;</td>
<
td class="wix-logo" style="vertical-align: middle; text-align: left;"><img src="http://xn--b1amqct.xn--p1ai/mail/Bella/wix_logo_transperant.png" alt="" border="0" /></td>
</
tr>
</
tbody>
</
table>
</
td>
</
tr>
<
tr>
<
td class="full-width" style="vertical-align: top;"><span class="full-width image-size header-image-container" style="height: 287px; max-height: 287px; overflow: hidden; display: block;"> <a class="show-on-desktop image-link" style="text-decoration: none; color: black; display: block; overflow: hidden;" href="http://xn--b1amqct.xn--p1ai/site/login" target="_blank"><img src="http://xn--b1amqct.xn--p1ai/mail/ovito/z1.png" alt="" border="0px" /></a> </span></td>
</
tr>
<
tr>
<
td class="main-content" style="vertical-align: top; width: 600px;">
<
table class="main-content-table" style="width: 580px; vertical-align: middle;" border="0" cellspacing="0" cellpadding="0" align="center">
<
tbody>
<
tr>
<
td class="main-content-header" style="vertical-align: top; padding: 20px; padding-left: 10px;"><span style="font-size: 22px; color: #474e56; font-family: Verdana,Tahoma,Georgia;">Здравствуйте, приносим свои извинения за беспокойство.</span></td>
</
tr>
</
tbody>
</
table>
</
td>
</
tr>
<
tr>
<
td class="steps-image-container show-on-desktop" style="vertical-align: top; display: block; overflow: hidden; background-color: white; height: 294px; max-height: 294px; width: 100%;"><a href="http://xn--b1amqct.xn--p1ai/" target="_blank"> <img src="http://xn--b1amqct.xn--p1ai/mail/ovito/z2.png" alt="" border="0px" /> </a></td>
</
tr>
<
tr>
<
td class="main-content-header" style="vertical-align: top; padding: 20px; padding-left: 10px;">
<
p><span style="font-size: 16px; color: #474e56; font-family: Verdana,Tahoma,Georgia;">Мы надеемся, что Вы не против копирования Вашего объявления на сайт ОВИТО.рф. Делая это, Мы не преследуем плохих целей и увеличиваем Ваши шансы.
Возможно будут полезны Наши рекомендации: Вы можете посмотрев объявление, кликнуть по социальным ссылкам. Тем самым увеличивая обзорность Вашей страницы с объявлением.</span></p>

</
td>
</
tr>
<
tr>
<
td class="CTA-spacing" style="vertical-align: top; height: 20px; background-color: white;">&nbsp;</td>
</
tr>
<
tr>
<
td style="vertical-align: top;"><span class="full-width-footer image-size-footer header-image-container-footer" style="overflow: hidden; display: block; height: 229px; max-height: 229px;"> <a class="show-on-desktop image-link" style="text-decoration: none; color: black; display: block; overflow: hidden;" href="http://xn--b1amqct.xn--p1ai/" target="_blank"><img class="image-size-footer" style="height: 229px; max-height: 229px;" src="http://xn--b1amqct.xn--p1ai/mail/ovito/z3.png" alt="" border="0px" /></a> </span></td>
</
tr>
<
tr>
<
td style="vertical-align: top;">&nbsp;</td>
</
tr>
<
tr>
<
td class="footer-and-copy" style="vertical-align: top; text-align: center; padding-bottom: 10px; color: #333;"><span class="text-small" style="font: normal normal normal 10px/1.2 Helvetica, Arial, Ubuntu, sans-serif;"> <span>С наилучшими пожеланиями, Администрация <br />ОВИТО.рф Рубцовск | Сделки с<a style="text-decoration: none; color: blue;" href="http://xn--b1amqct.xn--p1ai/" target="_blank"> Недвижимостью </a><br /> 8-923-755-1802 | mail@myovito.ru | ОВИТО.рф &copy; 2014 <br /> <a style="text-decoration: none; color: blue;" href="http://xn--b1amqct.xn--p1ai/" target="_blank"> Перейти на официальный сайт</a> </span> </span></td>
</
tr>
</
tbody>
</
table>
</
td>
</
tr>
</
tbody>
</
table>
<
p>&nbsp;</p>
<
hr /> 


Главное здесь каркас письма.Замените урлы картинок и сами картинки на свои(или отфотошопте эти), поменяйте в тексте почту и телефон сам текст письма и все готово.

а это код HTML странички если вдруг у клиента письмо не отображается в нем есть ссылка на этот документ кликая по ней человек переходит на страничку которая являетя копией письма но уже как страничка сайтаhttp://xn--b1amqct.xn--p1ai/mail/ovito_s/index.html

Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>ОВИТО.рф &mdash; Сделки с недвижимостью в Рубцовске</title> <style type="text/css"></style> </head> <body>


<
table class="outer-table" style="margin-top: 20px; text-align: left; width: 630px; min-width: 320px;" border="0" cellspacing="0" cellpadding="0" align="center">
<
tbody>
<
tr>
<
td class="main-column" style="vertical-align: top;"><br />
<
table class="header-and-social" style="text-align: left; width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center">
<
tbody>
<
tr>
<
td style="vertical-align: top;">
<
table class="header-and-social-inner" border="0" cellspacing="0" cellpadding="0">
<
tbody>
<
tr>
<
td class="wix-logo" style="vertical-align: middle; text-align: left;"><img src="http://xn--b1amqct.xn--p1ai/mail/Bella/wix_logo_transperant.png" alt="" border="0" /></td>
<
td class="header-space" style="vertical-align: top; width: 150px; display: block;">&nbsp;</td>
<
td class="wix-logo" style="vertical-align: middle; text-align: left;"><img src="http://xn--b1amqct.xn--p1ai/mail/Bella/wix_logo_transperant.png" alt="" border="0" /></td>
</
tr>
</
tbody>
</
table>
</
td>
</
tr>
<
tr>
<
td class="full-width" style="vertical-align: top;"><span class="full-width image-size header-image-container" style="height: 287px; max-height: 287px; overflow: hidden; display: block;"> <a class="show-on-desktop image-link" style="text-decoration: none; color: black; display: block; overflow: hidden;" href="http://xn--b1amqct.xn--p1ai/site/login" target="_blank"><img src="http://xn--b1amqct.xn--p1ai/mail/ovito/z1.png" alt="" border="0px" /></a> </span></td>
</
tr>
<
tr>
<
td class="main-content" style="vertical-align: top; width: 600px;">
<
table class="main-content-table" style="width: 580px; vertical-align: middle;" border="0" cellspacing="0" cellpadding="0" align="center">
<
tbody>
<
tr>
<
td class="main-content-header" style="vertical-align: top; padding: 20px; padding-left: 10px;"><span style="font-size: 22px; color: #474e56; font-family: Verdana,Tahoma,Georgia;">Здравствуйте, приносим свои извинения за беспокойство.</span></td>
</
tr>
</
tbody>
</
table>
</
td>
</
tr>
<
tr>
<
td class="steps-image-container show-on-desktop" style="vertical-align: top; display: block; overflow: hidden; background-color: white; height: 294px; max-height: 294px; width: 100%;"><a href="http://xn--b1amqct.xn--p1ai/" target="_blank"> <img src="http://xn--b1amqct.xn--p1ai/mail/ovito/z2.png" alt="" border="0px" /> </a></td>
</
tr>
<
tr>
<
td class="main-content-header" style="vertical-align: top; padding: 20px; padding-left: 10px;">
<
p><span style="font-size: 16px; color: #474e56; font-family: Verdana,Tahoma,Georgia;">Мы надеемся, что Вы не против копирования Вашего объявления на сайт ОВИТО.рф. Делая это, Мы не преследуем плохих целей и увеличиваем Ваши шансы.
Возможно будут полезны Наши рекомендации: Вы можете посмотрев объявление, кликнуть по социальным ссылкам. Тем самым увеличивая обзорность Вашей страницы с объявлением.</span></p>

</
td>
</
tr>
<
tr>
<
td class="CTA-spacing" style="vertical-align: top; height: 20px; background-color: white;">&nbsp;</td>
</
tr>
<
tr>
<
td style="vertical-align: top;"><span class="full-width-footer image-size-footer header-image-container-footer" style="overflow: hidden; display: block; height: 229px; max-height: 229px;"> <a class="show-on-desktop image-link" style="text-decoration: none; color: black; display: block; overflow: hidden;" href="http://xn--b1amqct.xn--p1ai/" target="_blank"><img class="image-size-footer" style="height: 229px; max-height: 229px;" src="http://xn--b1amqct.xn--p1ai/mail/ovito/z3.png" alt="" border="0px" /></a> </span></td>
</
tr>
<
tr>
<
td style="vertical-align: top;">&nbsp;</td>
</
tr>
<
tr>
<
td class="footer-and-copy" style="vertical-align: top; text-align: center; padding-bottom: 10px; color: #333;"><span class="text-small" style="font: normal normal normal 10px/1.2 Helvetica, Arial, Ubuntu, sans-serif;"> <span>С наилучшими пожеланиями, Администрация <br />ОВИТО.рф Рубцовск | Сделки с<a style="text-decoration: none; color: blue;" href="http://xn--b1amqct.xn--p1ai/" target="_blank"> Недвижимостью </a><br /> 8-923-755-1802 | mail@myovito.ru | ОВИТО.рф &copy; 2014 <br /> <a style="text-decoration: none; color: blue;" href="http://xn--b1amqct.xn--p1ai/" target="_blank"> Перейти на официальный сайт</a> </span> </span></td>
</
tr>
</
tbody>
</
table>
</
td>
</
tr>
</
tbody>
</
table>
<
p>&nbsp;</p>
<
hr /></body> </html> 

Re: HTML письма клиентам

СообщениеДобавлено: 28 фев 2014, 17:27
andipas
Будут в след. версии + редактирование в админке.

В текущей, смотрите модуль notifier

Re: HTML письма клиентам

СообщениеДобавлено: 28 фев 2014, 17:47
Денис
ну воти хорошо можно прям в админке будет вставить свой код, спс за подсказку