Как отправлять письмо с сохраненной корзиной с собственным html?
В Convead можно создать рассылку, на основе шаблонов (применяя визуальный конструктор) или с нуля, используя язык HTML.
Вы можете отправлять корзину клиента в емейле после того, как он заполнит виджет, в стандартных шаблонах для этого достаточно перетащить блок "Корзину" внутрь письма.
Но чтобы вставить заказ в HTML-рассылку нужно прописать инструкции на языке шаблонов Liquid.
Использование элементов языка Liquid в элементе «Заказ» в HTML-рассылке позволяет отправлять полностью кастомизированное триггерное письмо с полным составом и стоимостью текущей корзины клиента.
Важно! Блоки с динамическим контентом доступны только при вёрстке триггерных рассылок.
Объект брошенной корзины (последней корзины) доступен в HTML-рассылке с типом «Автоматическая» под именем «cart». Для разовых и рассылок по расписанию не используется. У данного объекта доступны следующие методы:
- items – коллекция товаров корзины;
- display_revenue – итоговая сумма брошенной корзины.
- revenue – итоговая сумма брошенной корзины без валюты.
Для экземпляра коллекции товаров доступны следующие методы:
- name — название товара (из XML фида);
- url — ссылка карточки товара в магазине (из XML фида);
- image_url — ссылка на изображение товара (из XML фида);
- qnt — количество товара в корзине;
- price — цена товара;
- total – итоговая цена товара в корзине (кол-во * цена).
Пример вывода строк брошенной корзины в HTML-рассылке:
<!-- начало списка товаров -->
<table>
<tr>
<td>Изображение</td>
<td>Наименование</td>
<td>Цена</td>
<td>Кол-во</td>
<td>Итого</td>
</tr>
{% for item in visitor.cart.line_items %}
<tr>
<td><img src="{{ item.image_url }}" /></td>
<td><a href="{{ item.url }}">{{ line_item.name }}</a></td>
<td>{{ item.price }}</td>
<td>{{ item.qnt }} шт.</td>
<td>{{ item.total }}</td>
</tr>
{% endfor %}
</table>
<br><b>Итого на сумму: {{ visitor.cart.display_revenue }}</b>
<!-- конец списка товаров -->
Здесь показано, как можно использовать все доступные атрибуты брошенной корзины и товары, которые в ней лежат.
Для кастомизации элементов корзины вы можете использовать любые конструкции HTML и CSS, поддерживаемые почтовыми клиентами. Обратите внимание, что при верстке HTML-рассылок следует быть осторожными и придерживаться ряда рекомендаций, т.к. почтовые клиенты довольно капризны и не понимают некоторые современные стандарты верстки.
Например, кастомизированная ссылка с названием товара может выглядеть так:
<td style="padding:0;Margin:0"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;color:#333333;font-size:14px">{{ item.name | truncate: 40, '...' }}</p></td>
Важный момент! В режиме предварительного просмотра при редактировании HTML-письма, а также при отправке тестового письма Convead нарисует корзину с двумя вымышленными товарами-заглушками и ценами, но с применением всех указанных вами стилей. Это сделано для того, чтобы можно было представить, как будет выглядеть настоящая корзина в письме. При отправке настоящей триггерной рассылки клиенту, в письмо подставится ваши реальные товары из XML-фида с товарами. Стили оформления товаров и прочих элементов корзины будут использованы те, что вы настроили в рассылке.