суббота, 5 декабря 2015 г.

Как настроить транзакционные письма в интернет-магазине

В небольших интернет-магазинах часто не заморачиваются по поводу писем "Спасибо, ваш заказ принят". Поэтому они грустные и скудные. Настроить интеграцию с почтовым сервисом кажется чем-то тяжелым.
Я расскажу, как просто и бесплатно настроить отправку красивых писем на примере сервисов Mailchimp и Mandrill.


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

Есть два взаимосвязанных сервиса Mailchimp и его дочка Mandrill.

Красивые письма создаем в Mailchimp, храним в нем список покупателей для последующих акций и прочего (на сайте в Политике конфиденциальности это надо прописать или отдельно взять согласие на получение рассылок), а Mandrill соединяется с магаpином по api и отправляет письма по событию.

Отправку по заданным событиям можно настроить и через Mailchimp, но это не бесплатно. Пока покупателей немного, можно настроиться бесплатно (Mandrill можно пользоваться бесплатно до 2000 писем в месяц)

1. Итак, создаем аккаунт в Mailchimp. Заводим новый список рассылки, куда будут попадать данные покупателей.




2. Нужен ID списка, чтобы система поняла, в какой именно список должны попадать адреса. Идем в настройки списка и копируем ID.





3. Заводим аккаунт в Mandrill, логинимся. В Mailchimp идем в Аккаунт, далее - Интеграции, выбираем Mandrill и соединяемся.





4. В Mailchimp нам нужен ключ api для Mandrill, создаем или копируем созданный, копируем в блокнот и сохраняем.




5. Дальше надо создать шаблон письма и передать в Mandrill.
Идем Templates в Mailchimp, наводим красоту, называем шаблон уникальным именем, сохраняем.





Видите, в письме есть данные вида *|order_id|*. Это Merge Tags - переменные можно вставить в письмо и связать с данными с thank_you page и они автоматически подставятся.

Сохраняем и отправляем в Mandrill.


6. В Mandrill зайдите в созданный шаблон (Outbound, далее Templates) и жмите Public. Готово!

Важно:

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

<body>
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="max-width: 600px;">

  • если в шаблоне Mailchimp задаете отдельный фон прехедера и футера, то в Mandrill нужно указать в настройках использование стилей в HTML письмах. Зайдите в Mandrill в Settings -  Sending Defaults и поставьте галку напротив Inline CSS Styles In HTML Emails


В общем-то готово.
Теперь разработчику нужно передать следующее:
логин/пароль mailchimp и mandrill
API ключ mailchimp
ID списка рассылки

Делайте красивые письма, это показатель внимания к покупателю. 

Комментариев нет:

Отправить комментарий