Як автоматизувати масові розсилки в eSputnik за допомогою Smart-контейнерів

Автоматизація масових email-розсилок з контейнерами eSputnik – це один із найефективніших способів скоротити час на підготовку кампаній без втрати якості контенту. Smart-контейнери eSputnik для автоматизації email дозволяють автоматично підтягувати інформацію про товари безпосередньо з сайту: зображення, назви, ціни та посилання. Завдяки цьому email-маркетолог витрачає значно менше часу на наповнення листів навіть для масштабних проморозсилок.

У цій статті ми детально розберемо, як налаштувати автоматизацію масових розсилок в eSputnik через Smart-контейнери – від базового автозаповнення до розширеного мапінгу змінних і CSS-селекторів.

Що таке Smart-контейнери eSputnik і навіщо використовувати їх для масових розсилок

Smart-контейнер – це структурний елемент email-шаблону в eSputnik, який складається з базових блоків (зображення, текст, кнопка), вміст яких автоматично підставляється зі сторінки товару на сайті. На відміну від звичайних статичних блоків, де email-маркетолог вручну завантажує кожне зображення та прописує назву і ціну, Smart-контейнер звертається безпосередньо до URL сторінки товару і самостійно витягує всі необхідні дані.

Статичні блоки потребують ручного оновлення для кожної кампанії: змінилася ціна – потрібно редагувати вручну, закінчився товар – знову потрібні правки. Smart-контейнер зчитує актуальні дані з сайту на момент підготовки листа, що особливо важливо для масових кампаній з десятками товарних карток. Якщо сайт використовує OG-теги (Open Graph), які містять структуровані дані про вміст сторінки, eSputnik автоматично підставляє інформацію про товари в лист без ручного наповнення.

Ключові переваги Smart-контейнерів для масових email-кампаній:

• Економія часу. Не потрібно вручну заповнювати кожну картку товару – достатньо вставити URL і натиснути «Отримати значення».
• Актуальність даних. Ціни, наявність і зображення підтягуються безпосередньо із сайту на момент підготовки розсилки.
• Персоналізація та динамічний контент. Можна налаштувати відображення додаткових атрибутів (знижка, розмір, колір) через CSS-селектори.
• Масштабованість. Збережені модулі можна повторно використовувати для нових кампаній без повторного налаштування з нуля.

Типові сценарії масових розсилок зі Smart-контейнерами

Smart-контейнери eSputnik для динамічного контенту ефективно працюють у багатьох маркетингових сценаріях. Ось найпоширеніші з них:

• Проморозсилки з добіркою товарів. Щотижневі або тематичні листи з новинками, хітами продажів або товарами зі знижками. Smart-контейнер автоматично підтягує актуальні зображення, назви, ціни та статус наявності для кожної позиції.
• Листи про покинутий кошик. Автоматичні тригерні повідомлення, що нагадують клієнту про незавершене замовлення. Контейнер підставляє конкретні товари з кошика: фото, назву, ціну та пряме посилання для повернення до покупки.
• Переглянуті товари (browse abandonment). Тригерні листи на основі поведінки користувача на сайті. Smart-контейнер автоматично формує блок з переглянутими позиціями, включаючи поточну ціну та рекомендації.
• Сезонні кампанії та флеш-розпродажі. Масові розсилки до свят або спеціальних акцій, де важлива актуальність цін і наявності. Контейнер підтягує актуальні дані про знижки, строк дії акції та залишки на складі.
• Щомісячні дайджести статей та іншого контенту з блогу. Регулярні розсилки з добіркою матеріалів блогу, новин або кейсів. Smart-контейнер підтягує з URL статті її заголовок, анонсне зображення (og:image), короткий опис (og:description) та пряме посилання для читання без ручного копіювання. Це особливо зручно для B2B-компаній, освітніх проєктів та брендів, що активно використовують контент-маркетинг: достатньо скласти список URL нових публікацій – і лист з актуальними картками статей готовий за лічені хвилини.

Схема потоку даних:

Що потрібно підготувати перед автоматизацією кампаній

Перш ніж запускати автоматизацію товарних карток в email через Smart-контейнери eSputnik, переконайтеся, що виконані технічні та організаційні умови.

Технічні та контентні передумови:

• Сторінки товарів містять коректні й актуальні дані: назву, ціну, зображення, статус наявності.
• На сайті налаштовані OG-теги (og:title, og:image, og:price) або структуровані дані – саме їх eSputnik зчитує при автозаповненні.
• Створений базовий email-шаблон або визначене загальне оформлення (кольори, шрифти, стилі), щоб доданий модуль виглядав органічно.
• Підготовлений список URL товарів, які планується включити в розсилку.

Налаштування акаунта eSputnik:

• Підключений сайт або товарний фід – для коректного підтягування даних.
• Верифікований домен відправника – обовʼязкова умова для масових розсилок.
• Доступ до email-редактора і бібліотеки модулів в акаунті eSputnik.

Чим більший каталог товарів і чим регулярніші кампанії, тим помітнішою буде економія часу від використання Smart-контейнерів. Якщо ви відправляєте хоча б 2–3 масові розсилки на місяць із товарними картками, автоматизація окупиться вже після першого налаштування.

Покроковий посібник: налаштування Smart-контейнерів у eSputnik Email-редакторі

У цьому розділі – практичний покроковий гід з налаштування Smart-контейнерів на основі реального інтерфейсу eSputnik. Кожен підрозділ нижче – окремий крок у процесі налаштування. Рекомендуємо виконувати їх послідовно, спираючись на скриншоти для більш точної навігації в редакторі.

Крок 1. Додавання модулів товарних карток до email-шаблону

Перейдіть до розділу Повідомлення → Новий Email. Створіть новий лист або відкрийте існуючий шаблон, до якого хочете додати товарні картки.

Щоб знайти та додати модуль товарної картки:

1. Відкрийте панель Структури і модулі у лівій частині email-редактора.
2. Перейдіть на вкладку Мої модулі або Загальні модулі.
3. Виберіть категорію Картки товарів – тут зібрані готові Smart-блоки для підстановки продуктів.
4. Перетягніть потрібний модуль у тіло листа методом drag-and-drop.

Стандартна товарна картка містить такі елементи:

• Зображення товару (image fetch).
• Назва товару (text block).
• Ціна (price block).
• Кнопка-посилання «Переглянути» або «Купити» (CTA button).

Якщо лист уже має налаштовані стилі оформлення (кольори, шрифти, відступи), вони автоматично застосуються до доданого модуля.

Крок 2. Автозаповнення товарних карток за URL з сайту

Після додавання модуля до шаблону, виконайте такі дії для кожного Smart-контейнера:

1. Відкрийте сторінку товару на вашому сайті у браузері.
2. Скопіюйте повний URL сторінки (з адресного рядка).
3. Поверніться до eSputnik-редактора, клікніть на Smart-контейнер і перейдіть на вкладку Дані у панелі налаштувань.
4. Вставте URL в поле Посилання та натисніть кнопку Отримати.
5. Дочекайтеся оновлення превʼю – система автоматично підставить усі доступні дані.

Дані, що автоматично підставляються через URL-парсер:

• Зображення товару (og:image).
• Назва товару (og:title).
• Ціна (og:price або structured data).
• Пряме посилання на товар з UTM-мітками (якщо налаштовані).

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

Крок 3. OG-теги та структуровані дані для стабільного автозаповнення

Open Graph (OG) теги – це метарозмітка у HTML-коді сторінки, яка передає зовнішнім системам (у нашому випадку – eSputnik) структуровані дані про її вміст: назву, зображення, ціну та інші параметри. Якщо OG-теги відсутні або заповнені некоректно, автозаповнення або не спрацює взагалі, або підтягне неправильну інформацію.

Альтернативним джерелом інформації є структуровані дані (schema.org), які також підтримуються eSputnik.

Ключові OG-поля, які мають бути присутні на сторінці товару:

• og:image – URL якісного зображення товару (рекомендований розмір від 600×600 px);
• og:title – точна назва товару без зайвих символів;
• og:price або product:price:amount – актуальна ціна з валютою;
• og:availability або product:availability – наявність товару (in stock / out of stock).

Щоб перевірити наявність і коректність OG-тегів на сторінці товару, email-маркетологу не потрібні глибокі технічні знання. Достатньо відкрити DevTools у браузері (Ctrl+Shift+I або F12), перейти на вкладку Elements і пошукати теги з атрибутом property=”og:…”. Також можна скористатися безкоштовними онлайн-валідаторами: наприклад, інструментом Open Graph перевірки від Facebook або будь-яким OG Debug-сервісом.

Крок 4. Розширення Smart-контейнерів додатковими атрибутами товару

Стандартне автозаповнення через OG-теги охоплює основні поля: зображення, назву, ціну. Але для деяких категорій товарів або маркетингових цілей цього недостатньо. У таких випадках email-маркетолог може вручну налаштувати відображення додаткових атрибутів через механізм Smart-змінних і CSS-селекторів.

Приклади додаткових параметрів, які варто показувати в листі:

• Розмір знижки (наприклад, -30%).
• Кольорові варіації або розміри (для fashion, взуття).
• Артикул або код товару.
• Країна виробництва.
• Строк дії акції або залишок на складі.

Загальна логіка розширення така: до картки товару у редакторі додається новий текстовий блок (наприклад, блок «Знижка»). Цьому блоку присвоюється HTML-атрибут class (наприклад, class=”Discount”). Далі в налаштуваннях Smart-контейнера створюється відповідна змінна, яка повʼязується з CSS-селектором на сторінці сайту. При підстановці URL eSputnik зчитує значення зазначеного елементу і підставляє його у блок листа.

Порада: якщо потрібно додати одразу кілька нестандартних атрибутів – наприклад, знижку і строк акції – повторіть процедуру для кожного окремого блоку і змінної. Не намагайтеся вмістити кілька значень в одну змінну.

Крок 5. Мапінг змінних і CSS-селекторів до блоків листа

Ця функція – основа механізму variable mapping в eSputnik. Кожна змінна у Smart-контейнері повʼязується з конкретним елементом на сторінці сайту через CSS-селектор – унікальну адресу HTML-елемента на сторінці. Не лякайтеся технічного звучання: маркетолог без знань програмування цілком може виконати цей крок самостійно.

Спрощений алгоритм мапінгу:

1. Додайте до картки товару в eSputnik-редакторі текстовий блок і присвойте йому клас через HTML-редактор (наприклад, class=”Discount”).
2. У налаштуваннях Smart-контейнера натисніть іконку Конфігурація, додайте новий елемент – вкажіть імʼя змінної (Discount) та її значення (discount).
3. Відкрийте сторінку товару в браузері, активуйте DevTools (F12), виберіть потрібний елемент (наприклад, блок з відсотком знижки) і скопіюйте його CSS-селектор через контекстне меню: Copy → Copy selector.
4. Вставте скопійований CSS-селектор у відповідне поле правила зіставлення в eSputnik.
5. Натисніть Перевірити правило та зберегти – якщо селектор вказано правильно, система підтягне значення зі сторінки та відобразить його у прев’ю листа.

Важливо: більшість сучасних сайтів використовують стандартні CSS-селектори, тому одне налаштування Smart-контейнера, як правило, працює для всіх сторінок однакової структури. Якщо на певних сторінках стоять нестандартні або динамічні атрибути – знадобиться окреме налаштування або новий контейнер.

Масштабування та повторне використання автоматизованих email-структур

Одна з головних переваг Smart-контейнерів у eSputnik – можливість зберігати налаштовані модулі в бібліотеці та повторно використовувати їх у нових кампаніях без необхідності щоразу робити все з нуля. Готовий модуль з правильно налаштованими смартзмінними можна оновити або зберегти як новий модуль у бібліотеці одним кліком.

Практичні сценарії масштабування:

• Дублювання листів для нових кампаній. Маєте готовий промолист із Smart-контейнерами? Дублюйте його, замініть URL товарів на нові – і лист з актуальними картками готовий до відправки за лічені хвилини.
• Одна структура для різних сегментів або мов. Збережений модуль можна використовувати в мультимовних розсилках або адаптувати під різні сегменти аудиторії, просто підставляючи різні URL-продуктів, релевантних для кожного сегменту.
• Заміна URL або фіду без зміни верстки. Якщо асортимент оновлюється або проводиться сезонна акція – достатньо оновити посилання у контейнерах, зберігши всю верстку і стилі шаблону.

Найкращі практики для автоматизованих кампаній eSputnik зі Smart-контейнерами

• Завжди відправляйте тестовий лист перед фінальним запуском – перевірте відображення карток, коректність цін і наявності.
• Перевіряйте актуальність цін і наявність товарів безпосередньо перед відправленням – дані підтягуються на момент налаштування, а не в момент отримання листа.
• Обмежуйте кількість товарів в одному листі – оптимально 4–9 позицій. Надмірна кількість карток перевантажує лист і знижує конверсію.
• Регулярно перевіряйте коректність OG-тегів і CSS-селекторів після оновлень сайту – зміна структури сторінок може «зламати» мапінг.
• Проводьте A/B-тести: тестуйте кількість карток, розміщення кнопок, формат цін і теми листів для підвищення ефективності кампаній.

Типові помилки, яких варто уникати:

• Биті посилання на товари (сторінка видалена або недоступна) – завжди перевіряйте URL перед відправкою.
• Порожні поля у картках (відсутній OG-тег або неправильний CSS-селектор) – налаштуйте запасне значення або fallback-текст.
• Неправильна мова або валюта у картках при мультимовних розсилках – перевіряйте відповідність URL і мовного сегмента аудиторії.

Підсумки

Smart-контейнери eSputnik – це потужний інструмент для автоматизації масових email-розсилок, який дозволяє суттєво скоротити час на підготовку кампаній без втрати якості та актуальності контенту. Завдяки автоматичному підтягуванню даних із сайту через OG-теги і CSS-селектори, email-маркетолог може за кілька кліків сформувати лист із десятками актуальних товарних карток – із правильними цінами, зображеннями і посиланнями.

Розширений механізм variable mapping і підтримка нестандартних атрибутів через власні CSS-селектори відкривають широкі можливості для персоналізації: знижки, строки акцій, розміри, наявність – усе це можна автоматизувати без розробників. А збереження модулів у бібліотеці дозволяє масштабувати підхід на весь email-канал: один раз налаштовано – використовується у сотнях кампаній.

Хочете налаштувати автоматизацію масових розсилок у eSputnik через Smart-контейнери і нарешті позбутися ручного наповнення листів? Команда Livepage допоможе розібратися з технічним налаштуванням Smart-контейнерів, правильно прописати OG-теги та CSS-селектори, а також побудувати масштабовану email-структуру, яка працює без постійного втручання email-маркетолога.

FAQ: Часті запитання про Smart-контейнери eSputnik