Перші кроки
Дані користувача
- Огляд адаптивного email-редактора
- Cтворення оформлення для листа
- Створення синхронізованих модулів
- Налаштування адаптивності
- Налаштування smart-контейнерів
- Оформлення промовкладки для Gmail
- Додавання Ролловера
- Додавання анкорних посилань
- Бібліотека модулів
- Додавання таблиці до листа
- Додавання кастомних шрифтів
- Створення кнопки СТA
- Робота з блоком "Зображення"
- Робота з блоком “Таймер"
- Використання ШІ в email-редакторі
- Підтримка месенджер-протоколів поштовими клієнтами та платформами
Омніканальність
- SDK для мобільних застосунків
- Керування ключами доступу до мобільного SDK
- Підключення мобільного застосунку
- Створення та завантаження ключа Firebase
- Створення мобільних push-повідомлень
- Налаштування аналітики доставлень та кліків
- Планування мобільних push-повідомлень
- Типи діплінків
- Надсилання тестових повідомлень із налагодження запитів
- Налаштування віджетів для сайту
- Гейміфікація віджетів
- Виклик віджета
- Налаштування геоданих для правил виклику віджетів
- Збереження даних із віджетів у поля контактів
- Захист від роздратування
- Дії після підписки
- Заміна системного сценарію Double Opt-In
- Створення pop-up-форм за допомогою Google Tag Manager або WordPress
- Надсилання подій з віджетів eSputnik до Google Analytics
- A/B-тестування віджетів
- Збір контактних даних за допомогою форм запитів
Автоматизація
- Налаштування та редагування сценаріїв
- Налаштування умов запуску та зупинки сценарію
- Блок “Старт”
- Група блоків “Популярні”
- Група блоків “Повідомлення”
- Використання блока повідомлень “Одне з багатьох”
- Група блоків “Контакт”
- Група блоків "Умови"
- Група блоків “Інше”
- Група блоків “Повідомлення на групу”
- Група блоків “Час”
- Розширені параметри блоків сценаріїв
- Дозволений час відправлення
- Вебхуки в сценаріях
- Відстеження історії запусків сценарію
- Якщо сценарій не працює
- Подвійне підтвердження підписки
- Вітальна серія
- Вітальна серія із сегментацією за категоріями
- Запуск сценарію після імпорту контактів
- Регулярний сценарій для групи
- Вітання з днем народження
- Привʼязка сценарію до кнопки
- Використання змінних із замовлення у сценарії
- Збір відгуків про замовлення
- Реактивація клієнтів та підписників
- Відправка розсилки непрочитавшим
- Налаштування додаткових розсилок
- Відправлення нагадувань в заданий користувачем час
- А/B-тестування в сценаріях
Персоналізація
- Підстановка промокоду з файлу
- Підстановка промокоду з використанням API
- Принципи генерації промокодів за допомогою PHP/JAVA
- Підстановка промокоду за допомогою персоналізації
- Завантаження промокодів для використання в сценарії
- Генерація промокодів у сценарії
- Відправлення промокоду за допомогою передпроцесора
- HTTP-запит для передачі промокоду з повідомлення до картки контакту
Аналітика
- Звіт щодо email-розсилки
- Звіт щодо SMS-розсилки
- Звіт щодо розсилки Web Push
- Звіт щодо Viber-розсилки
- Звіт щодо розсилки Mob Push
- Звіт щодо розсилки App Inbox
- Звіт щодо Telegram-розсилки
- Звіт зі взаємодії з In-App
- Звіт зі взаємодії з віджетами
- Звіт щодо тригерної розсилки
- Звіт щодо AMP-розсилки
- Звіт щодо мультимовної розсилки
- Налаштування передачі UTM-міток
- Візуалізація доходу
- Відстеження ефективності кампаній у Google Analytics 4
- Статистика повідомлень
Мультимовність
Відстеження подій та поведінки
- Події для запуску тригерних розсилок
- Найменування користувацьких подій
- Валідація параметрів подій
- Відстеження активності на сайті за допомогою Generate event
- Підстановка даних з подій в повідомлення
- Розгалуження сценарію в залежності від параметрів події
- Відстеження активності клієнтів у мобільних застосунках
- Вебхуки для відстеження активності
- Аналітика подій
Товарні рекомендації
API
- Поширені питання: Інтеграція з API
- API-ключі
- Ресурси API для додавання контактів
- Використання API-ресурсу Generate event
- Передача замовлень API-ресурсом Generate event
- Отримання рекомендацій щодо API ресурсом Contact recommendations based on web tracking
- Використання API-ресурсу Send prepared message
Зміна системи
Документи
Інтеграція
Створення AMP-каруселі
Один із найпростіших та найпопулярніших елементів інтерактивності в листах — карусель зображень. Додати її в редакторі eSputnik досить легко за допомогою як вбудованих блоків, так і сторонніх сервісів.
Важливо!
Щоб при відправленні розсилки AMP-карусель відображалася в одержувачів — подайте заявку на підтвердження відправника.
Створення AMP HTML-каруселі
Для створення AMP-каруселі треба зайти в редагування будь-якого листа:
-
Зайдіть у розділ Блоки
.webp "Блок AMP-карусель")
-
Перетягніть блок AMP-каруселі в HTML-шаблон, з яким ви працюєте.
.webp "Додавання AMP-каруселі")
Цей блок за замовчуванням матиме позначку "⚡HTML", оскільки цей елемент буде відображатися тільки в AMP-листах у поштовиках, які підтримують цю технологію (Gmail, Yahoo та AOL). В інших поштових клієнтів цей блок буде приховано, для них ми пізніше в налаштуваннях задамо альтернативну версію.
3. Задайте параметри самого блоку AMPHTML. Для цього:
-
Клікніть двічі блок для запуску панелі налаштувань;
.webp "Порожній блок AMP-каруселі")
-
Переключіть бігунок "Показувати прев'ю", щоб у попередньому перегляді листа відображалися мініатюри всіх зображень.
.gif "Відображення прев'ю в каруселі")
-
Укажіть ширину для попереднього перегляду цих зображень.
.webp "Налаштування ширини картинок")
-
Додайте перший слайд, клікнувши значок завантаження.
.webp "Завантаження картинок в лист")
-
Виберіть картинку з попередньо підготовленних або завантажте нову
.webp "Вибір картинок в редакторі")
-
Задайте Альт-текст.
.webp "Альтернативний текст до картинки")
-
Додайте відповідне посилання.
.webp "Посилання до картинки")
Щоб створити інші слайди каруселі, натисніть "Додати слайд" і повторіть ті самі дії із завантаженням інших картинок. Кількість використовуваних слайдів не обмежена.
.webp "Додати ще один слайд")
Важливо! Використовуйте картинки однакових розмірів, щоб під час перемикання слайди переключалися плавно.
Якщо ж завантажені картинки мають різні розміри, ви можете задати для них потрібні параметри за допомогою вбудованого фоторедактора. Для цього натисніть значок "Чарівної палички" і у вікні, що відкриється, виберіть "Обрізування": тут можна задати потрібні розміри картинки.
.gif "Редагування зображень в листі")
Створення HTML-блоку для інших одержувачів
Користувачі Gmail або Mail.ru побачать AMP-блок, але як щодо інших? Створимо запасний HTML- блок, який відобразиться у випадку, якщо "⚡HTML" не підтримується.
Варіант 1: Інтерактивна карусель з використанням FreshInbox
Підтримується тільки пристроями Apple і поштовиком Yahoo! Mail.
-
Заходимо у Freshinbox і додаємо свої картинки із посиланнями на них
.webp "Додавання посилань на зображення у FreshInbox")
-
Мінімальна кількість картинок у каруселі - три, але можна вставити додаткові, натиснувши кнопку "More images"
.webp "Додавання слайдів в карусель")
-
Задайте необхідні розміри для цього блоку. Адаптивність тут увімкнена за замовчуванням.
.webp "Задайте необхідні розміри блоку")
-
Протестувати елемент можна, відправивши його на свою емейл-адресу
.webp "Надішліть тест на свій емейл")
Перенесення блоку до eSputnik
-
Додайте у вашому листі блок HTML
.webp "Додавання HTML-каруселі")
-
Натисніть редактор коду, щоб відкрилося HTML-вікно
.webp "Редактор коду в eSputnik")
-
Cкопіюйте HTML з Freshinbox
.webp "Копіювання HTML у Freshinbox")
-
Вставте скопійований код у HTML-частину
.webp "Вставка коду HTML в редактор eSputnik")
-
Скопіюйте CSS із Freshinbox
.webp "Перенесення CSS-стилів")
-
У редакторі eSputnik відкрийте вкладку CSS і вставте скопійований CSS у кінець коду
.webp "Заповнення CSS-стилів")
-
Натискаємо іконку ще раз, щоб закрити редактор коду.
.webp "Робота з кодом")
-
Клікніть додану карусель і в панелі налаштувань у рядку "Включати" виберіть варіант HTML.
.webp "Включення HTML-елементів")
Щоб перевірити, як працюють обидва блоки, натисніть попередній перегляд:
.webp "Попередній перегляд каруселі в листах")
І перемикайтеся між версіями
.gif "Перегляд HTML та AMPHTML версій листа")
Важливо!
- Після того як ви натиснете "Включати в HTML", вибраний елемент буде відображатися в усіх поштовиках, які підтримують тільки традиційний протокол HTML-mime.
- Опція "Включати в AMPHTML" (⚡HTML) дозволяє показувати елемент у поштових клієнтах, які підтримують MIME-type AMPHTML (text-x-amphtml).
- Якщо ж для елемента нічого не вибрано, то він буде відображатися на всіх пристроях і в усіх поштовиках.
- Якщо поштовий клієнт не підтримує вибраний вами тип інтерактивності, одержувач побачить тільки перше зображення.
І ще кілька нюансів:
-
Замість інтерактивної HTML-каруселі можна додати звичайну картку товару і для неї включити відображення HTML. Завдяки цьому ваша картка товарів буде відображатися тільки в тих поштовиках і на тих пристроях, які не підтримують AMP.
.webp "HTML елемент - картка товарів")
-
Редагування картинок у каруселі можна зробити через фоторедактор, так само як для звичайних зображень:
-
додати текст
-
змінити розміри
-
додати кнопку та ін.
-
.webp "Редагування зображень в листі")
Перевірка AMP-листа на помилки
Якщо ви використовуєте редактор eSputnik, то тут уже є вбудована перевірка коду. Щоб перевірити ваш лист із AMP-контентом, достатньо клікнути попередній лист у редакторі повідомлень.
.webp "Кнопка попереднього перегляду")
У вікні, що відкриється, ви можете навести курсор на помилки, щоб побачити їхній опис. Знайдені помилки можна виправити просто в редакторі або скопіювати код листа для валідації в Google Playground.
Доступні три опції:
- Відкрити редактор коду;
- Копіювати AMP HTML у буфер обміну;
- Відкрити AMP Playground.
.webp "Попередній перегляд листа на наявність помилок в AMP")