Передача массивов данных в авторассылках

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

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

Выбор типа нового события

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

Выбор типа переменной в событии

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

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

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

Массив данных в редакторе

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

Вставка изображения в упрощенном редакторе

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

Панель редактирования в блочном редакторе

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

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

В редакторе исходного кода, в котором можно вставить <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>

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

Массив данных в таблице

Оцените, насколько полезна статья "Передача массивов данных в авторассылках"

Оценка: 3 / 5 (12)

  • email

Другие полезные страницы

Популярное в нашем блоге

Начните пользоваться сервисом SendPulse прямо сегодня