Перші кроки
- Вебхуки (Webhooks)
- Інструкція з верифікації домену в хостерах Imena.ua, Cloudflare, Beget, Nic.ua, Inhostedns, Timeweb, Reg.ru
- Управління частотою розсилки та рівень занепокоєння
- Отримання рекомендацій у мобільний додаток
- Як створити розсилку з використанням стратегії управління частотою розсилок
- API-ключі
- Налаштування електронного підпису (DKIM, SPF, DMARC та MX)
- Створення та налаштування мультимовних листів
- Управління користувачами
Курси
Повідомлення
- Як запустити першу email-розсилку
- Створення міток у листах
- Налаштування AMP-форми в редакторі повідомлень
- Оформлення промовкладки для Gmail у листі
- Звіт щодо email-розсилки
- Синхронізовані модулі для одночасного оновлення всіх листів
- Створення й налаштування рекомендацій у листах
- Інструкція з верифікації домену в хостерах Imena.ua, Cloudflare, Beget, Nic.ua, Inhostedns, Timeweb, Reg.ru
- Налаштування додаткових розсилок в системі eSputnik
- Як використовувати прихований передзаголовок
- Створення email
- Створення та налаштування мультимовних листів
- Створення адаптивного листа про покинуті кошики
- Налаштування Smart-елементів
- Створення адаптивного листа про покинуті перегляди
- Як додати фон у редакторі
- Як створити кнопку CTA
- Як створити AMP-акордеон
- Налаштування AMP-форми в редакторі повідомлень
- Оформлення промовкладки для Gmail у листі
- Як додати анкорні посилання в емейл
- Огляд адаптивного email-редактора eSputnik
- Синхронізовані модулі для одночасного оновлення всіх листів
- Робота з блоком "Зображення"
- Як додати/змінити відправника
- Як додати таблицю до листа?
- Як вставити в лист кастомні соціальні іконки
- Налаштування AMP-каруселі
- Усе для адаптивності в редакторі
- Додавання кастомних шрифтів у email-редакторі
- Бібліотека блоків (Модулі)
- Як створити оформлення для листа
- Як додати Rollover у лист
- Тестування тем листів
Контакти
- Імпорт контактів (відео)
- Гендерна фільтрація
- Чорний список контактів
- Робота з контактами, вкладка "Усі контакти"
- Налаштування Web Tracking методом відправлення подій через виклик функцій eS.JS.
- Створення pop-up-форм за допомогою Google Tag Manager або WordPress
- Значення полів контактів
- Заявка на форму підписки
- Заявка на форму підписки
- Налаштування модального вікна для сайту
- Інструкція з використання категорій підписки
- AMP-опитування в емейлі: створення сервісу для збирання даних
- Інтеграція з веб-формами Wix
- Створення вебформи для сайтів
- Реалізація опитувань лояльності за допомогою eSputnik
- Налаштування форми підписки та подвійного підтвердження
- Налаштування веб-трекінгу на сайті для відправлення персоналізованих повідомлень
- Створення pop-up-форм за допомогою Google Tag Manager або WordPress
Аналітика
Автоматизація
- Як налаштувати автоматичне вітання з Днем народження
- Як прив'язати сценарій до кнопки
- Як відправити розсилку тим, хто не прочитав
- Події для запуску тригерних розсилок
- Автоматизація роботи із замовленнями
- Створення регулярного сценарію для групи
- Якщо сценарій не працює
- Запуск сценарію після імпорту контактів
Інтеграція
- Налаштування веб-трекінгу на сайті для відправлення персоналізованих повідомлень
- Налаштування Web Tracking методом відправлення подій через виклик функцій eS.JS.
- Форма вікового обмеження
- Налаштування модального вікна для сайту
- Створення App-inbox-повідомлень
- Інтеграція з веб-формами Wix
- Вебхуки (Webhooks)
- Як налаштувати інформери для вашого сайту
- Створення вебформи для сайтів
- Як налаштувати інтеграцію для App-Inbox
- API-ключі
- Передавання даних про поведінку відвідувачів сайту через REST API
API
- Отримання рекомендацій щодо API ресурсом Contact recommendations based on web tracking
- Як завантажити події за попередніми замовленнями в eSputnik
- Використання API-ресурсу Send prepared message
- Передавання замовлень за допомогою ресурсу Generate event
- Використання API-ресурсу Generate event
- Зовнішній ID для створення та оновлення контактів
- Налаштування Web Tracking методом відправлення подій через виклик функцій eS.JS.
Рекомендації
- Передавання даних про поведінку відвідувачів сайту через REST API
- Отримання рекомендацій через API
- Налаштування веб-трекінгу на сайті для відправлення персоналізованих повідомлень
- Налаштування Web Tracking методом відправлення подій через виклик функцій eS.JS.
- Отримання рекомендацій щодо API ресурсом Contact recommendations based on web tracking
- Отримання та встановлення скрипта веб-трекінгу
- Налаштування трекінгу прив'язкою до селекторів сайту
- Створення й налаштування рекомендацій у листах
- Підготовка статичних шаблонів листів із товарними рекомендаціями
- Налаштування передачі рекомендацій за допомогою JavaScript API
Усе для адаптивності в редакторі
1. Налаштування адаптивності через вкладку "Оформлення"
Налаштування адаптивності здійснюється у вкладці "Оформлення", призначеній для створення загального стилю всього листа.
Для того, щоб налаштувати адаптивність емейла, треба активувати функцію адаптивності в розділі “Оформлення” → “Загальні”.
Потім слід перейти до останнього пункту цієї вкладки:
Важливо: налаштування, які відкриваються у цій вкладці, спрацьовуватимуть у мобільній версії листа в поштових клієнтах, що підтримують адаптивність.
1. Розмір тексту
Знаходиться у вкладці “Оформлення” → “Адаптивність”. Тут можна встановити налаштування тексту і заголовків для відображення на мобільних пристроях.
У редакторі eSputnik за замовчуванням вказаний оптимальний розмір шрифту для елементів.
У десктопній версії листів для тексту зазвичай використовується шрифт 14 px. Але на мобільному екрані він буде занадто дрібним, тому оптимальним варіантом буде шрифт із розміром не меншим за 16 px.
Для заголовків не рекомендується використовувати занадто великий шрифт, оскільки він може займати 3-4 рядки. Налаштований тут розмір шрифту буде пріоритетнішим за той розмір, який встановлено у вкладці “Контент” (це також стосується розміру посилань).
2. Кнопки
Розмір тексту на кнопці та позицію кнопки у мобільній версії листа також можна налаштувати окремо.
Для мобільної версії можна змінити зовнішні відступи; внутрішні залишаться такими самими, як і для десктопної версії.
На кнопці можна розмістити іконку. Однак ця функція не підтримується у Windows Outlook 2002, 2007, 2010, 2013, 2016, 2019.
3. Загальні відступи
Відступи для тексту і зображення можна налаштувати для десктопної та мобільної версії окремо, перемикаючи іконку “У мобільній версії”.
2. Налаштування окремих блоків
1. Картка товару
Налаштування картки товару здійснюється у розділі “Контент” → “Структури”. За кліком картки товару ліворуч відкриється розділ, у якому можна активувати адаптивність, а також зробити інші зміни: додати зображення, посилання, вирівнювання, відступи та ін.
Для того, щоб картка товару коректно перебудувалася в адаптивній версії, усі її елементи мають бути розміщені в одному контейнері.
Тобто зображення товару, його назва, опис і кнопка заклику до дії мають знаходитись в одній структурі, одна під одною. За наявності подібної структури ми отримуємо такий результат:
Попередній перегляд доступний за кліком кнопки “Перегляд повідомлення” у верхньому меню:
1.1. Зворотний порядок блоків
Якщо картку побудовано у зворотному порядку (спочатку текст, потім зображення), на мобільному це може виглядати негарно. Щоб блоки відобразилися в іншій послідовності, увімкніть інверсію контейнерів (працює для двох контейнерів). Це означає, що елементи на мобільному девайсі відображатимуться у зворотному порядку: зображення → текст.
1.2. Вимкнення адаптивності
Якщо перебудова елементів загрожує пошкодженням дизайну листа, адаптивну структуру можна деактивувати.
За замовчуванням цей перемикач увімкнений; це означає, що контейнери на мобільних пристроях будуть розміщені один під одним. Якщо перемкнути бігунок ліворуч, структура не буде перебудовуватися.
При відключенні адаптивності лист може некоректно відображатися на мобільному екрані. Тому емейл треба обов'язково тестувати.
2. Адаптивність зображень
Налаштування адаптивності зображень здійснюється в розділі “Контент” і є доступним при натисканні на контейнер із зображенням:
Увімкнення цієї опції дає зображенню команду підлаштуватися до розміру екрана мобільного пристрою. Для оптимального відображення без втрати якості завантажуйте зображення більшого розміру, ніж поле для нього:
3. Центрування тексту
У вкладці “Контент” ви можете встановити вирівнювання тексту для мобільної версії:
4. Приховування/відображення блоків для різних пристроїв
В адаптивному редакторі eSputnik можна налаштовувати відображення різноманітних блоків на екрані мобільних пристроїв.
Можна приховати будь-яку структуру листа як для мобільної, так і для десктопної версії. У редакторі листа деактивований елемент матиме позначку.
5. Блок “Меню”
У “Меню” також можна обмежити відображення пунктів для мобільної версії. Для цього треба перейти до налаштувань блоку меню і вимкнути зайві категорії.
У блоці “Меню” ми рекомендуємо використовувати максимум 4 пункти для коректного відображення на мобільному. Якщо блок має неохайний вигляд, можна зменшити шрифт.