Огляд адаптивного email-редактора

Робота в адаптивному редакторі eSputnik звільняє від рутини та заощаджує час для сегментації, аналітики та персоналізації листів. Адже для створення email у нашій системі не потрібні знання HTML-коду — верстка здійснюється простим перетягуванням блоків.

Створення повідомлення

1. Перейдіть до розділу Повідомлення → Повідомлення → Email та натисніть кнопку Новий Email.

2. Відкрийте вкладку Тематичні та на лівій панелі виберіть із категорій шаблонів той, що найкраще відповідає вашій кампанії.

Вибраний шаблон відкриється в редакторі та буде готовий до редагування.

Інтерфейс редактора

Редактор містить панелі:

1. Керування листом — виконання основних дій з листом: збереження, скасування змін, перегляд перед відправленням, тестування тощо.
2. Структура і модулі — побудова листа за допомогою готових структур і модулів.
3. Блоки контенту — наповнення повідомлення такими елементами як текст, зображення, кнопки, відео тощо.
4. Налаштування листа — задання основних параметрів листа: теми, прихованого прехедера, імені відправника тощо.
5. Загальні стилі — налаштування стилів смуг, заголовків, кнопок та інших елементів оформлення.
6. Коментарі — організація командної роботи над шаблоном.

Панелі в редакторі можна вільно перетягувати, змінюючи їх розташування. Це дозволяє налаштувати інтерфейс під ваш стиль роботи та зробити його максимально зручним.

Панель керування листом

На панелі розташовані наступні кнопки:

1. Повернення до списку повідомлень.
2. Скасувати/повторити дію – повернення до попереднього стану або відновлення нещодавно скасованої дії.
3. Історія змін. Показує список усіх дій, виконаних з листом.

В історії доступна така інформація:

• який користувач і коли редагував;
• які саме зміни були внесені та кількість зроблених правок.

Перемикач Показати зміни вмикає візуальне підсвічування змін у листі.

• Відновлення попередньої версії

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

4. Ідентифікатор користувача. Показує, хто зараз редагує цей лист або має до нього доступ у реальному часі. Одночасно над листом можуть працювати кілька користувачів — у такому разі відображаються всі їхні ідентифікатори.

5. Редагування мобільної / десктопної версії. Перемикайтеся між двома режимами, щоб переконатися, що дизайн і верстка виглядають коректно на обох типах пристроїв, і при потребі одразу внесіть зміни.

Докладніше про налаштування адаптивності >

Поруч із кнопками редагування версії відображається поточний розмір HTML-листа (KB).

Рекомендується підтримувати розмір листа в межах 80–100 KB, оскільки поштові клієнти (зокрема Gmail) можуть обрізати контент, якщо HTML перевищує допустимий ліміт. Докладніше >

📘

Примітка

Зверніть увагу, що динамічний контент може збільшувати розмір листа.

6. Мультимовність (опційно). Створіть мовну версію будь-якого повідомлення. Натисніть кнопку Глобус, вкажіть мову за замовчуванням і додайте мовні версії.

Докладніше про створення мультимовних повідомлень >

7. Додаткові параметри. Через меню з трьома крапками доступні такі параметри:

• Налаштування посилань — увімкнення відстеження кліків, налаштування UTM-міток.
• Вибір препроцесора — механізму для побудови динамічного контенту в листах на основі заздалегідь підготовлених даних.
• Текстова версія листа — використовується, якщо поштовий клієнт не може відобразити HTML. За замовчуванням створюється автоматично, але за потреби можна створити текст на основі HTML вручну.
• Власні шрифти — дозволяє додати або підключити кастомні шрифти.
• Налаштування динамічного контенту — дозволяє показувати персоналізований вміст різним отримувачам залежно від сегментації або їх поведінки.
• Копіювання AMP HTML до буфера обміну — швидке отримання AMP-коду листа для тестування, налагодження чи повторного використання.

8. Редактор коду. Режим ручного редагування HTML для зміни кода напряму.

9. Попередній перегляд листа. Лист без елементів редактора, відображений так, як його бачитиме одержувач, без фактичного надсилання.

10. Протестувати. Надішліть лист на свою або іншу email-адресу, щоб перевірити, як він виглядатиме у реальній поштовій скриньці.

Можна ввести декілька адрес електронної пошти розділених комами. Щоб редагувати пошту — натисніть на неї, після чого з'явиться кнопка Редагувати.

11. Зберегти — зберігає всі зміни у листі й закриває редактор. Містить додаткову опцію Зберегти як шаблон у спадному меню.

12. Створити розсилку — перехід до налаштування й запуску кампанії.