В Convead можно создать рассылку, на основе шаблонов (применяя визуальный конструктор) или с нуля, используя язык HTML.
В визуальном конструкторе блок «Рекомендуемые товары» вставляется перетаскиванием соответствующего элемент из сайдбара. Чтобы вставить популярные товары в HTML-рассылку необходимо прописать инструкции на языке шаблонов Liquid.
Использование элементов языка Liquid в элементе «Рекомендуемые товары» в HTML-рассылке позволяет отправлять полностью кастомизированное триггерное письмо.
Важный момент! Блоки с динамическим контентом доступны только при вёрстке триггерных рассылок.
Рекомендуемые товары
<table>
<tr>
<td>Image</td>
<td>Product</td>
<td>Price</td>
</tr>
{% for line_item in visitor.recommended_offers %}
<tr>
<td><img src="{{ line_item.picture }}" /></td>
<td><a href="{{ line_item.url }}">{{ line_item.name }}</a></td>
<td>{{ line_item.price }}</td>
</tr>
{% endfor %}
</table>
Для кастомизации вы можете использовать любые конструкции HTML и CSS, поддерживаемые почтовыми клиентами. Обратите внимание, что при верстке HTML-рассылок следует быть осторожными и придерживаться ряда рекомендаций, т.к. почтовые клиенты довольно капризны и не понимают некоторые современные стандарты верстки.
Например, кастомизированная ссылка с названием товара может выглядеть так:
Например, кастомизированная ссылка с названием товара может выглядеть так:
<a href="{{line_item.url}}" style="text-decoration: none; color: #006699;">{{ line_item.name }}</a>
Чтобы добавить описание для товара, воспользуйтесь данной переменной:
{{ line_item.description }}
По умолчанию в рассылку подставляется 10 товарных позиций. Если нужно ограничивать количество, добавьте liquid-код:
{% if forloop.index < 30 %}…{% endif %}
Важный момент! Перед отправкой рассылки обязательно посмотрите, как она будет выглядеть в предпросмотре и отправьте себе тестовое письмо (кнопки в верхней правой части), чтобы удостовериться что все элементы отображаются корректно.
Официальный сайт шаблонизатора Liquid (англ.)
Подробное описание описание Liquid с примерами от InSales (рус.)
Описание API Liquid в Wiki официального репозитория (англ.)
Официальный сайт шаблонизатора Liquid (англ.)
Подробное описание описание Liquid с примерами от InSales (рус.)
Описание API Liquid в Wiki официального репозитория (англ.)