Как реализовать передачу массивов данных в авторассылках
Чтобы отправить массив данных, например, напоминание о брошенной корзине или предложение обратить внимание на несколько похожих товаров, используйте переменную типа «Структура».
Перейдите в «Рассылки» - «Авторассылки» - «Менеджер событий» и создайте новое пользовательское событие или отредактируйте существующее.
Выберите переменную типа «Структура».
Создайте структуру с нужными переменными и кликните «Применить».
Через строчную переменную можно передавать ссылку на изображение товара.
Массив (структура) переменных в редакторе выглядит так:
Изображение можно вставить в упрощённом редакторе при помощи обычной опции вставки картинки, но вместо ссылки подставить переменную в поле «Источник», в которой будет передана ссылка на картинку.
Кроме того, изображение можно передать через переменную, отредактировав исходный код шаблона: кликните по стрелке чтобы развернуть нижнюю панель текстового редактора шаблона.
Далее кликните по кнопке «Исходный код».
В редакторе исходного кода, в котором можно вставить <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
Регистрация через соцсети
Войти через Facebook Войти через Google