Как отправлять письмо с сохраненной корзиной с собственным 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-фида с товарами. Стили оформления товаров и прочих элементов корзины будут использованы те, что вы настроили в рассылке.