Блог Bingam

Июл/12

31

Вёрстка почтового шаблона для письма с сайта на 1c-битрикс. Краткая инструкция.

Итак, дошли руки до наведения красоты в почтовых сообщениях с сайта на битрикс.

Раньше сообщение выглядело так:

 Информационное сообщение сайта #SITE_NAME#
------------------------------------------
#NAME# #LAST_NAME#,

#MESSAGE#

Ваша регистрационная информация:

ID пользователя: #USER_ID#
Статус бюджета: #STATUS#
Login: #LOGIN#

Вы можете изменить пароль, перейдя по следующей ссылке:
http://#SERVER_NAME#/auth/index.php?change_password=yes&lang=ru&USER_CHECKWORD=#CHECKWORD#

Сообщение сгенерировано автоматически.

А вот что получилось в итоге:

Почитав основы вёрстки для почтовых писем и рассылок можно кратко выделить следующее:

  1. Поддержка стилей, в конструкции в head не работает — <style></style>.
  2. Форматирование текста желательно с использованием span. В атрибуте style к нему мы указываем такие параметры, как: font-family, font-size и color — обязательно в формате #xxxxxx.
  3. Для всех ссылок устанавливаем значение _blank атрибута target.
  4. Я отказалась от вставки вообще любых изображений, даже лого. Хотя это не обязательно.
  5. Вёрстка шаблона разрабатывалась посредством таблиц. Чтобы было корректное разделение текста, ячейкам прописывались атрибуты width и height.

Итак, код примера:

 

Тестировалось в MS Outlook 2010, mail.ru, rabmler почта, Яндекс почта, Gmail. Почти везде не криво).

Ссылки:

  1. http://habrahabr.ru/post/112163/

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Похожие записи:

Многосайтовость на Битрикс
Подключение робокассы в 1С-Битрикс
Служба доставки - Почта России

· ·

1 comment

Написать коммент

«

»

© 2010-2017 Bingam personal site

Theme Design by devolux.nh2.me

Статистика

Locations of visitors to this page
Яндекс.Метрика

Баннеры

Valid Robots.txt
Наверх