Як додати зображення на основі правил до Iterable

Handlebars визначає вміст під час відправлення Iterable. Зображення на основі правил визначається заново кожного разу, коли відкривається електронний лист, з урахуванням часу, пристрою або полів користувача.

Додайте рішення щодо часу відкриття до своїх шаблонів Iterable.

За допомогою Sendtric зображення на основі правил, один слот для зображення у вашому шаблоні Iterable містить кілька зображень, кожне з яких має власні умови. Щоразу, коли лист відкривають, Sendtric перевіряє умови, починаючи зверху, і відображає перше зображення, яке відповідає цим умовам. Умовами можуть бути дата, день тижня, час доби, пристрій, операційна система, поштовий клієнт або значення поля Iterable.

Редактор зображень Sendtric на основі правил, що відображає два зображення, умови їхнього показу та запасне зображення

Iterable вже обробляє значну кількість умовного контенту за допомогою хелперів Handlebars, таких як #ifEq, і ці параметри оцінюються під час формування повідомлення для відправлення. Використовуйте Handlebars для варіантів, які визначаються під час відправлення, а Зображення на основі правил — для всього, що залежить від того, коли або на якому пристрої користувач фактично читатиме електронний лист.

Що можна робити з зображеннями на основі правил у Iterable

  • Підказки щодо завантаження додатка: відображати значок App Store на iPhone та значок Google Play на Android у одному полі для зображення.
  • Пропозиції, що з’являються у певний час: під час замовлення доставки їжі або покупки в роздрібному магазині відображається пропозиція на обід до 14:00 та пропозиція на вечерю після 17:00 за часовим поясом користувача.
  • Візуальні елементи плану або рівнів: виберіть банер із поля профілю, наприклад plan або tier, не вкладаючи блоки Handlebars навколо кількох зображень.
  • Творчість на вихідних: одна повторювана кампанія, в рамках якої у суботу та неділю відображається різний банер.

Правила щодо тексту та операційної системи діють у всіх тарифних планах, правила щодо дати та часу — починаючи з тарифного плану «Standard», а правила щодо пристроїв та порівняння номерів — лише у тарифному плані «Power». У тарифному плані «Free» кожен образ може містити 2 зображення, у «Micro» — 4, у «Standard» — 10, а у тарифних планах «Power» та «Enterprise» — необмежену кількість. Для запасного зображення потрібен тарифний план «Micro» або вище. Див. Ціни.

Як додати зображення на основі правил до Iterable

Крок 1: Додайте свої зображення, починаючи з найбільш конкретних

У Sendtric перейдіть до Зображення на основі правил, натисніть Створити новий та використовувати Додати зображення для кожного варіанту. Перемагає перший збіг, і порядок зображень згодом змінити неможливо, тому додавайте найконкретніші варіанти спочатку, а загальні — наостанок.

Крок 2: Сформулюйте умови

Натисніть Умови оновлення на кожному зображенні, щоб відкрити Показати це зображення. Виберіть усі умови (AND) або будь-яку умову (OR) і додайте стільки, скільки потрібно. Для умов Тегів злиття виберіть текст, число або дату. Додайте Запасне зображення для відкриттів, які не відповідають жодним результатам.

Вікно «Показати це зображення» у Sendtric із вибором «І» або «АБО» та двома умовами

Щоб ознайомитися з правилами щодо часу у зоні кожного користувача, виберіть Динамічний часовий пояс та використовуйте поле типу Iterable, яке містить назви зон, наприклад: Europe/Berlin. Якщо значення не вказано або є недійсним, використовується час за UTC.

Крок 3: Збережіть, скопіюйте та перевірте заповнювачі

Зберегти, а потім натисніть Скопіювати код. Кожна умова Тегу злиття додає до адреси зображення параметр із заповнювачем у подвійних фігурних дужках. Iterable використовує такі самі дужки, тому замініть кожен заповнювач на точну назву вашого поля Iterable, наприклад {{tier}}. Заповнювач, який не відповідає реальному полю, у редакторі не виглядатиме пошкодженим — він просто відображатиметься порожнім.

Поле коду зображення на основі правил у Sendtric із параметром Тегу злиття в URL-адресі зображення

Крок 4: Вставте його в шаблон

Натисніть Редагувати дизайн у вашому шаблоні Iterable. У редакторі «Перетягування» перетягніть HTML блок із Зміст перейдіть у потрібне місце та вставте код у HTML-редактор. Щоб розмістити зображення поруч із текстом, додайте двоколонковий рядок із Рядки Спочатку натисніть клавішу Tab і розмістіть блок HTML в одному стовпці.

Редактор «Перетягування» від Iterable, у якому блок HTML виділено на вкладці «Вміст» і перетягнуто в шаблон

Крок 5: Провести симуляцію, а потім переглянути попередній результат

У Sendtric, Попередній перегляд дозволяє імітувати дату, час, пристрій, поштовий клієнт та значення полів без використання Переглядів. У Iterable відкрийте Попередній перегляд та Завантажити дані користувача щоб кілька користувачів підтвердили, що значення полів відповідають адресі зображення.

Кожне зображення має певну умову

Зображення без умов пропускається, навіть якщо воно знаходиться в кінці списку. Щоб показати зображення «всім іншим», скористайтеся тегом Запасне зображення замість цього — слот.

Gmail та розпізнавання пристроїв

Gmail завантажує зображення через власні сервери, що приховує інформацію про пристрій користувача, тому такі відкриття, ймовірно, будуть враховуватися як відкриття з настільного комп’ютера. Якщо цей вибір дійсно має значення, використовуйте поле Iterable, якому ви довіряєте, замість правила щодо пристрою.

Часті запитання щодо зображень на основі правил, що підтримують ітерацію

Чому б просто не скористатися умовними операторами Handlebars?

Handlebars — кращий вибір, коли відповідь відома на момент відправлення. Ця система не може реагувати на момент відкриття листа, пристрій, на якому його читають, або на час, що минув після відправлення. При кожному відкритті листа знову визначається зображення на основі правил.

Чи можна використовувати дату з події Iterable?

Так, за умови використання тегу злиття з умовою дати (версія «Standard» і вище). Приймаються дати у форматі РРРР-ММ-ДД, ММ/ДД/РРРР, RFC 3339 або у секундах за Unix.

Чи може одним із варіантів бути ще один Віджет Sendtric?

Так. У вікні вибору зображень є вкладки для таймерів зворотного відліку, індивідуальних зображень та Віджетів погоди, тож за допомогою правила можна, наприклад, перемикатися між відліком часу та статичним банером. Див. як розмістити один віджет всередині іншого.

Що бачать користувачі, якщо нічого не відповідає?

Запасне зображення, якщо ви його додали. В іншому разі — невидиме зображення розміром 1 на 1 піксель, щоб не з’являлася іконка пошкодженого зображення.

Чи враховують умови щодо тексту великі літери?

Ні. У текстових умовах не враховується регістр, тому a tier значення «Gold» або «gold» також підпадає під це правило.

У цьому посібнику розглядається одна з функцій Sendtric Персоналізація електронних листів платформа. Для кожного Зображення на основі правил щодо параметрів та прикладів див. головну сторінку.

Інші посібники з Iterable

Користуєтеся іншою платформою? Дивіться усі інтеграції Sendtric.

Martin Tenev

Мартін є Growth Manager, якого захоплює все, що пов'язано зі зростанням і ШІ, зокрема створення email-кампаній, які конвертують.

Зв'яжіться в LinkedIn

Готові підвищити конверсію за допомогою електронної пошти?

Приєднуйтесь до тисяч маркетологів, які використовують платформу персоналізації електронних листів Sendtric для підвищення конверсії.