Персоналізовані зображення через NiftyImages

Персоналізовані зображення через NiftyImages

UA

US

RU

UA

US

RU

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 та створіть безкоштовний акаунт (або увійдіть в існуючий). Для базового використання безкоштовного тарифу достатньо.

https://niftyimages.com/

2.2. Створення merge image у NiftyImages

В інтерфейсі NiftyImages виконайте 4 кроки:

  1. Виберіть функцію Personalized Image (створення персоналізованого зображення).

  2. Завантажте базовий банер — статичну картинку, поверх якої буде додано текстовий шар.

  3. Додайте текстовий шар із placeholder'ом — змінною, на місце якої при надсиланні підставиться значення з Client's Card (наприклад, {{name}}, {{birthday}}).

  4. Збережіть зображення. 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. Збережіть повідомлення. Далі все працює автоматично: кожен підписник при отриманні повідомлення побачить зображення зі своїми даними.

Детальний опис усіх елементів конструктора та правил їх використання — в інструкції «Конструктор повідомлень» (див. розділ «Супутні інструкції»).

Детальний процес налаштування персоналізованого зображення показано у відео:

https://youtu.be/iDAFV8-jXDk

Супутні інструкції

Назва інструкції

Призначення

Назва інструкції

Призначення

Конструктор повідомлень

Конструктор повідомлень — типи елементів тунелю, додавання блоку «Зображення», налаштування кнопок.

Управление переменными

Змінні платформи — повний перелік змінних підписника для підстановки в 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 з підставленими змінними платформи.