Персоналізовані зображення через NiftyImages
1. Вступ
Визначення
Персоналізовані зображення через NiftyImages — це інтеграція Leeloo.AI зі зовнішнім сервісом NiftyImages для надсилання динамічних зображень з підставленими даними підписника (ім'я, дата, кастомні поля). Використовується на етапах Залучення (Engage) та Утримання (Retain) життєвого циклу клієнта — там, де персоналізація підвищує CTR та емоційну залученість.
NiftyImages — зовнішній SaaS-сервіс (https://niftyimages.com), який генерує зображення на льоту. Leeloo.AI передає змінні підписника через URL-параметри, NiftyImages формує унікальний PNG зі значеннями цих змінних і повертає його месенджеру. Кожен підписник отримує своє зображення зі своїм ім'ям, датою або будь-якими іншими полями з Client's Card.
B2B оператор (маркетолог, контент-менеджер) робить шаблон у NiftyImages: завантажує базовий банер, додає текстовий шар із placeholder'ами (наприклад, {{name}}), копіює merge-URL зображення і вставляє його у блок «Зображення» у тунелі Leeloo.AI — замінивши placeholder'и на змінні платформи.
B2C клієнт (підписник) отримує у месенджері вже відрендерене персональне зображення — «З Днем Народження, Вікторе!», «Вікторе, твоя статистика за місяць» тощо. Відкриття такого зображення дає відчутно вищий CTR порівняно зі знеособленим банером — клієнт бачить звернення особисто до нього.
Архітектурно зображення рендериться в момент доставки сервісом NiftyImages — Leeloo.AI зберігає лише URL-шаблон, не саму картинку. У Client's Card записується факт надсилання повідомлення, його доставки та відкриття. Паралельно у вбудованій аналітиці NiftyImages видно open rates по кожній кампанії.
Після ознайомлення ви зрозумієте:
що таке персоналізовані зображення через NiftyImages і яку роль вони відіграють у тунелях Leeloo.AI;
які функції вони виконують на етапах Залучення (Engage) та Утримання (Retain);
як вони взаємодіють з Client's Card, блоком «Зображення» та змінними платформи;
як зареєструватися в NiftyImages, створити merge image і отримати merge URL з placeholder'ами;
як підставити змінні Leeloo.AI в URL і вставити готове зображення у тунель.
Призначення
Персоналізовані зображення через NiftyImages — це персоналізація зображень на льоту для підвищення CTR у тунелях. Один налаштований шаблон працює на всю базу підписників: кожен отримує картинку зі своїми даними без участі оператора. Конкретна роль механізму залежить від етапу життєвого циклу клієнта, на якому він використовується.
Залучення (Engage) — вітальні зображення з ім'ям одразу після підписки, прогрівні картки з прогресом користувача у курсі чи воронці, привітання з днем народження та іншими особистими датами. Завдання — зняти бар'єр першого торкання, показати індивідуальну увагу і підвищити CTR у верхній частині воронки.
Утримання (Retain) — реактиваційні зображення з датою останньої покупки, підсумкові звіти «ваша статистика за місяць», промо до ювілеїв реєстрації, нагадування про покинутий кошик з ім'ям клієнта. Завдання — виділитися у потоці стандартних розсилок, збільшити відгук наявної бази і втримати клієнта довше.
2. Налаштування інтеграції
Налаштування проходить за 5 етапів: реєстрація в NiftyImages, створення merge image (базовий банер + текстовий шар з placeholder'ами), отримання merge URL з placeholder'ами для підстановки, заміна placeholder'ів на змінні платформи Leeloo.AI та вставка готового URL у блок «Зображення» у тунелі. Один раз налаштоване зображення працює для всієї бази автоматично.
2.1. Реєстрація в NiftyImages
Перейдіть на сайт NiftyImages та створіть безкоштовний акаунт (або увійдіть в існуючий). Для базового використання безкоштовного тарифу достатньо.
2.2. Створення merge image у NiftyImages
В інтерфейсі NiftyImages виконайте 4 кроки:
Виберіть функцію Personalized Image (створення персоналізованого зображення).
Завантажте базовий банер — статичну картинку, поверх якої буде додано текстовий шар.
Додайте текстовий шар із placeholder'ом — змінною, на місце якої при надсиланні підставиться значення з Client's Card (наприклад,
{{name}},{{birthday}}).Збережіть зображення. NiftyImages згенерує merge URL з placeholder'ами — він знадобиться у наступних розділах.
Кешування: при редагуванні вже опублікованого merge image на боці NiftyImages результат кешується. Якщо потрібно змінити вміст — створіть новий merge image і використовуйте його URL.
2.3. Отримання merge URL з placeholder'ами
Після збереження merge image NiftyImages видає merge URL — посилання формату https://media.niftyimages.com/.../merge?name={{name}}&date={{date}}. Усередині URL placeholder'и — ті ж змінні, що ви додали у текстовий шар. Скопіюйте цей URL — на наступному кроці placeholder'и буде замінено на змінні платформи Leeloo.AI.
2.4. Підстановка змінних Leeloo.AI в URL
У скопійованому merge URL замініть placeholder'и NiftyImages на змінні платформи Leeloo.AI: {{name}} → змінна імені підписника з Client's Card, {{date}} → дата (остання покупка, день народження, реєстрація) тощо. Повний перелік доступних змінних — в інструкції «Змінні платформи» (див. розділ «Супутні інструкції»). При надсиланні повідомлення Leeloo.AI підставить конкретні значення кожного підписника в URL — NiftyImages відрендерить унікальну картинку.
2.5. Вставка у блок «Зображення» у тунелі Leeloo.AI
У конструкторі повідомлень натисніть кнопку «+» та виберіть тип елемента «Зображення». У поле URL вставте готове посилання з кроку 2.4 — з уже підставленими змінними Leeloo.AI. Збережіть повідомлення. Далі все працює автоматично: кожен підписник при отриманні повідомлення побачить зображення зі своїми даними.
Детальний опис усіх елементів конструктора та правил їх використання — в інструкції «Конструктор повідомлень» (див. розділ «Супутні інструкції»).
Детальний процес налаштування персоналізованого зображення показано у відео:
Супутні інструкції
Назва інструкції | Призначення |
|---|---|
Конструктор повідомлень — типи елементів тунелю, додавання блоку «Зображення», налаштування кнопок. | |
Змінні платформи — повний перелік змінних підписника для підстановки в merge URL NiftyImages. |
Основні терміни
Термін | Пояснення |
|---|---|
Персоналізовані зображення (NiftyImages) | Інтеграція Leeloo.AI зі зовнішнім сервісом NiftyImages для динамічної генерації зображень з підставленими даними підписника. |
NiftyImages | Зовнішній SaaS-сервіс (niftyimages.com), що генерує зображення на льоту за змінними з URL. |
Merge Image | Шаблон зображення в NiftyImages: базовий банер плюс текстовий шар з placeholder'ами. |
Merge URL | Посилання на merge image виду https://media.niftyimages.com/.../merge?name={{name}} з placeholder'ами для підстановки змінних. |
Змінні платформи | Поля підписника (ім'я, email, дата, кастомні поля), які Leeloo.AI підставляє в merge URL при надсиланні повідомлення. |
Placeholder | Заглушка виду {{name}} в merge URL, яку при надсиланні замінюють на значення змінної з Client's Card. |
Динамічне зображення | Зображення, яке рендериться в момент доставки повідомлення, з актуальними даними конкретного підписника. |
CTR | Click-Through Rate — частка підписників, які клікнули по елементу повідомлення; ключова метрика ефективності персоналізації. |
Client's Card | Централізований профіль підписника в Leeloo.AI, в якому зберігаються змінні для підстановки в merge URL. |
Блок «Зображення» | Елемент конструктора повідомлень Leeloo.AI, у URL-поле якого вставляється merge URL NiftyImages з підставленими змінними платформи. |