Робота з блоком "Зображення"

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

Додавання зображення до листа

1. Відкрийте email або створіть новий (розділ “Повідомлення” → “Повідомлення”).

2. Перетягніть блок “Зображення” в шаблон.

Також можна перетягнути до шаблона структуру і натиснути на іконку зображення у ній. 

Ліворуч відкриється меню для завантаження зображення.

Виберіть один з чотирьох способів додавання зображення:

1. Завантажити підготовлене зображення з ПК.

2. Вибрати зі загальних зображень. У цей розділ можна додавати зображення для багаторазового використання, наприклад, логотип або фото менеджера.

3. Вибрати з системних зображень. Тут зібрано стандартизовані зображення, наприклад, іконки соціальних мереж, картинки-CTA для скачування додатків в офіційних магазинах App Store і Google Play тощо.

4. Вибрати з банку. Тут знаходяться готові до використання зображення з Pexels.com та Pixabay.com та іконки з IconFinder.com.

Завантаження з ПК

На вкладці “ПІдготовлені” клікніть на іконку завантаження і виберіть потрібний файл з вашого ПК. Система підтримує зображення у форматах PNG, JPG, GIF. Щоб зображення швидко завантажувалися в розсилці, їх вага не повинна перевищувати 3 Мб.

Посилання на зовнішній ресурс

Введіть у відповідне поле посилання на відкрите джерело.

Завантаження із зовнішнього ресурсу суттєво заощаджує час. Мінус цього методу полягає в тому, що картинка може перестати відображатися через її переміщення або видалення на сайті. Якщо таке може трапитися, завантажте зображення до галереї.

Банк зображень

Перейдіть на вкладку “Банк”, виберіть “Фото” або “Іконки” і введіть ключове слово у пошукову строку, після чого виберіть зображення, що найкраще відповідає задуму вашої кампанії.

Редагування зображення

Щоб відкрити редактор зображень, натисніть іконку редагування на лівій бічній панелі.

До зображення можна застосувати один з 18 вбудованих фільтрів або одразу декілька.

Можна обрізати зображення, задавати розмір та пропорції, трансформувати розташування елементів.

До зображення можна додати рамки, стікери, текст, фігури, малюнки.

Також ви можете змінювати радіус кутів, задавати фон полотна та об’єднувати об’єкти (стікери, малюнки тощо) з зображенням.

Після внесення змін до зображення натисніть “Застосувати” → “Зберегти”, щоб зміни застосувалися до картинки в листі.

Параметри зображення

1. Адреса — шлях до зображення в репозиторії eSputnik, формується автоматично.

2. Ефект Rollover — завантажте друге зображення, що відображатиметься за наведенням курсору.

3. Посилання — адреса сайту, пошта, файл, чат Skype, номер телефона, SMS, Viber або інші типи протоколів, що запускатимуться за кліком на зображення.

4. Альтернативний текст на випадок, якщо картинка не завантажиться на пристрої, та для аналізу вмісту розсилки поштовиками.

5. Вирівнювання. Щоб налаштувати відмінне від десктопного вирівнювання на мобільних пристроях, натисніть іконку телефона.

6. Розмір.

7. Розтягування зображення на ширину листа.

8. Адаптивність — опція дозволяє зображенню підлаштуватися під ширину екрану мобільного пристрою (якщо він підтримує цю опцію).

9. Відступи (з можливістю окремих налаштувань на мобільному).

10. Додати анкорне посилання, натискання на яке переведе читача до вказаного розділу листа.

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

12. Включати елемент у різні типи листів. Увімкнення/вимкнення елемента для HTML- та AMP-версій листа.

13. Тип події. Якщо ви бажаєте автоматизувати якісь листи, наприклад, за кліком зображення відправляти лист клієнтам, укажіть подію, яка запускатиме цю дію.