Как реализовать передачу массивов данных в авторассылках

Чтобы отправить массив данных, например, напоминание о брошенной корзине или предложение обратить внимание на несколько похожих товаров, используйте переменную типа «Структура».

Перейдите в «Рассылки» - «Авторассылки» - «Менеджер событий» и создайте новое пользовательское событие или отредактируйте существующее.

Выберите переменную типа «Структура».

Создайте структуру с нужными переменными и кликните «Применить».

Через строчную переменную можно передавать ссылку на изображение товара.

Массив (структура) переменных в редакторе выглядит так:

Изображение можно вставить в упрощённом редакторе при помощи обычной опции вставки картинки, но вместо ссылки подставить переменную в поле «Источник», в которой будет передана ссылка на картинку.

Кроме того, изображение можно передать через переменную, отредактировав исходный код шаблона: кликните по стрелке чтобы развернуть нижнюю панель текстового редактора шаблона.

 Далее кликните по кнопке «Исходный код».

В редакторе исходного кода, в котором можно вставить <img src="{{item.string}}"/>, где {{item.string}} — переменная, в которой будет передана ссылка на картинку.

В массив переменных также можно вставлять переменные из адресной книги, если она привязана к старту цепочки, и переменные из события.

Имя переменной должно начинаться с буквы. В имени переменных используйте цифры и латинские символы. Не используйте пробелы и спецсимволы.

В качестве переменной в массиве данных нельзя передавать гиперссылку.

Чтобы передать событие в SendPulse и запустить цепочку, разработчики должны настроить отправку данных о нем одним из методов POST на созданный URL:

При сохранении шаблона такого письма картинки в нем не отобразятся, но получатель их увидит.

Как вставить массив данных в табличную верстку

Массив данных можно вставить в шаблон письма в виде таблицы в упрощенном или блочном редакторе. 

Упрощенный редактор

Выберите стартом серии авторассылки событие с переменными типа «Структура».

Присоедините к старту серии блок «Email». В панели настроек блока «Email» откройте упрощенный редактор.

Вставьте в содержание письма переменные из события, по которому стартует авторассылка.

Перейдите к редактированию исходного кода.

Пропишите в HTML коде письма параметры таблицы.

В упрощенном редакторе добавьте тег [CDATA[]] для каждого массива данных.

Пример кода с одним массивом данных:

<table style="width: 100%;">
<tbody><![CDATA[|[ for item in Product_1 ]|]]>
<tr>
<td style="max-width: 170px; color: #555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding-top: 10px; padding-right: 15px; width: 7.80952%;"><img src="/{{item.product_name}}" caption="false"></td>
<td style="max-width: 170px; color: #555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding-top: 10px; padding-right: 15px; width: 7.80952%;">{{item.item_number}}</td>
<td style="max-width: 170px; color: #555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding-top: 10px; padding-right: 15px; width: 7.80952%;">{{item.price}}</td>
</tr>
<![CDATA[|[ endfor ]|]]></tbody>
</table>

Пример шаблона после добавления табличной верстки в исходный код:

Блочный конструктор

Выберите стартом серии авторассылки событие с переменными типа «Структура».

Присоедините к старту серии блок «Email». В панели настроек блока «Email» запустите конструктор.

Выберите подходящую вам структуру.

В текстовый блок шаблона вставьте переменные из события, по которому стартует авторассылка.

Перейдите к редактированию исходного кода.

Пропишите в HTML коде письма параметры таблицы.

Пример кода с одним массивом данных:

<table style="width: 100%;">
<tbody>
<tr>
<td style="max-width: 170px; color: #555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding-top: 10px; padding-right: 15px; width: 7.80952%;">{{item.product_name}}</td>
<td style="max-width: 170px; color: #555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding-top: 10px; padding-right: 15px; width: 7.80952%;">{{item.item_number}}</td>
<td style="max-width: 170px; color: #555555; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding-top: 10px; padding-right: 15px; width: 7.80952%;">{{item.price}}</td>
</tr>
</tbody>
</table>

Пример шаблона после добавления табличной верстки в исходный код:

Обновлено: 27.04.2022