Як створити та додати GIF-файл до електронного листа

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

Ось рішення: анімовані GIF-файли в email-розсилках.

Email-маркетологи все частіше використовують анімовані GIF-файли, щоб зробити свої повідомлення візуально цікавішими. Згідно зі звітом Litmus, 58% маркетологів використовують анімовані GIF-файли у своїх маркетингових email-листах, а 43% зазначили, що використання GIF-файлів значно покращує показники email-розсилки.

Чому варто використовувати анімовані GIF-файли в email-маркетингу?

  • Вони привертають увагу

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

  • Вони покращують взаємодію

Анімовані GIF-файли можуть бути веселими, інформативними або інтерактивними, що спонукає підписників взаємодіяти з вашим вмістом.

  • Вони можуть передати більше, ніж статичні зображення

Використовуйте анімацію, щоб продемонструвати продукт, розповісти історію або зробити складну інформацію легшою для розуміння.

Готові почати використовувати анімовані GIF-файли в своїх email-кампаніях? Чудово! Переходьте до наступного розділу, щоб дізнатися, як їх створити та додати до своїх листів.

Що таке GIF-файл?

GIF (скорочення від Graphics Interchange Format) – це анімоване зображення. На відміну від багатьох інших форматів зображень, GIF-файли можуть містити кілька кадрів, що робить їх значно більш універсальними, ніж JPEG та PNG.

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

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

Переваги GIF-файлів в email-маркетингу

1. Залучення уваги

Додавання анімації до електронного листа за допомогою GIF-файлу – це чудовий спосіб привернути увагу підписників, спрямувати їх на потрібну дію або мотивувати їх прокрутити лист, щоб вони точно прочитали все повідомлення.

Компанія Grammarly використала дуже ніжну анімацію, щоб звернути увагу до своєї пропозиції.

gif в емейл-розсилках
2. Демонстрація товарів або послуг

Впевнені, що ваш продукт чудовий? Переконайтеся, що ваші підписники також про це знають. Немає кращого способу показати, як працює продукт або послуга, ніж анімований GIF-файл.

Компанія ILIA Beauty використовує анімацію, щоб продемонструвати свою продукцію в дії за участю реальних людей.

gif в емейл-розсилках
3. Спрощення складних ідей

Якщо одне зображення варте тисячі слів, то анімоване зображення, ймовірно, варте ще більше. Використовуйте GIF-файли, щоб проілюструвати складну ідею або зробити візуальну інструкцію.

Компанія Baggu вивела прості інструкції з очищення на новий рівень, анімувавши їх. Завдяки використанню чотирьох окремих анімацій підписникам потрібно прокрутити лист, щоб побачити всю історію.

gif в емейл-розсилках
4. Підігрів інтерес до новинок

Маєте новий контент чи продукт, який ось-ось вийде? Плануєте незабаром зробити вигідну пропозицію? Використовуйте GIF-файл, щоб підвищити впізнаваність або інтерес до вашого продукту та мотивувати підписників чекати на ваш наступний лист.

Компанія Linus використовує у своєму email-листі лише натяк на електровелосипед, прихований у тіні. Підписникам треба перейти за посиланням, щоб побачити сам продукт.

gif в емейл-розсилках
5. Посилення заклику до дії (CTA)

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

Компанія Pond5 використовує GIF-файл, щоб підкреслити CTA листа – “Завантажити безплатний кліп”.

gif в емейл-розсилках
6. Трансляція місії компанії

Ви можете використовувати GIF-файли, щоб показати місію компанії та цінності: охорона навколишнього середовища, підтримка ініціатив з підтримки прав жінок, допомога постраждалим від військової агресії та багато іншого.

Компанія To’ak використовує GIF-файл, щоб продемонструвати свою ініціативу з відновлення земель колишніх тропічних лісів, одночасно збільшуючи доходи фермерів.

gif в емейл-розсилках
7. Використання таймера

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

Зазвичай його використовують в email-розсилках для:

  • Просування швидких розпродажів
  • Нагадування про те, що розпродаж скоро закінчиться
  • Нагадування про те, що розпродаж скоро розпочнеться
  • Заохочення підписників використати промокод до закінчення його дії
  • Нагадування про закінчення пробного періоду
  • Анонсування дати розіграшу
  • Оповіщення про скорий старт вебінару.

Лист від MVMT чудовий приклад використання простої GIFки для створення відчуття терміновості у підписників. У листі чітко повідомляється, що акція закінчується цієї ночі, а таймер наочно демонструє скільки саме залишилося часу. 

gif в емейл-розсилках
8. Знайомство з компанією

Вітальний лист – це чудова можливість познайомити нових підписників з компанією. Про те, як створювати ефективні welcome листи читайте у цій статті

В цьому листі від Reternity представлені кадри виробництва одягу за лаштунками. Це ідеальний спосіб привітати клієнта, показавши йому, як створюється одяг.

gif в емейл-розсилках
9. Допомагає розважити аудиторію

Іноді трохи гумору може суттєво вплинути на email-кампанії.

В цьому прикладі GIF-файл додає до листа нотку гумору, зображаючи нескінченну ходу бізона, що символізує метушню в повсякденному житті. Гумор робить лист цікавішим та спонукає читача натиснути на кнопку із закликом до дії (CTA). Крім того, GIF-файл відповідає бренду, оскільки назва та логотип компанії також зображують бізона.

gif в емейл-розсилках

Важливі аспекти використання анімованих GIF-файлів в email-маркетингу

Як і з більшістю речей в email-маркетингу, використання анімованих GIF-файлів має свої нюанси, які слід враховувати.

Підтримка поштових провайдерів

GIF-файли підтримуються більшістю поштових клієнтів. Окрім версії Outlook 2007-2019 яка не підтримує GIF-файли.

Таблиця, що показує, які поштові клієнти підтримують GIF-файли, а які – ні:

Підтримка поштовими провайдерами GIF

Забезпечте чудовий досвід для всіх користувачів, навіть якщо анімовані GIF-файли не підтримуються.

Перший кадр вашого GIF-файлу має містити всю необхідну інформацію, щоб він слугував ефективним статичним резервним варіантом.

Для Outlook рекомендується використовувати додатковий резервний варіант:

  • Сховайте стандартний GIF
  • Відобразіть статичне зображення та/або інший контент

Для цього використайте у верстці листа цей htlm-код: 

<img src="YourAnimatedFile.gif" style="display: block; padding:0; margin:0; height: auto; max-width: 100%;" border="0" alt="" width="538" height="269" />
Швидкість завантаження GIF-файлів

Швидкість завантаження анімованих зображень є критичною складовою. Користувачі швидко прокручують електронні листи, тому у вас є лише кілька секунд, щоб справити враження.

Перед розсилкою листа, обов’язково тестуйте листи на різних пристроях, щоб переконатися, що зображення та анімація завантажуються швидко.  

Нижче представлено середні показники швидкості завантаження у секундах для різних розмірів Gif-файлів на різних типах підключень за даними Litmus:

Швидкість завантаження Gif

Ці дані чітко показують, що:

  • чим менший розмір GIF, тим швидше він завантажується
  • з’єднання Wi-Fi та Ethernet забезпечують найшвидше завантаження.

Як додати анімований GIF-файл до email?

Додавання GIF-файлу до листа відбувається так само як і додавання будь-якого іншого зображення. Ось код, який вам знадобиться, якщо ви верстаєте листи у html:

<img src="http://yourwebsite.com/path/to/awesome.gif" width="100" height="100" alt="Опис вашого GIF-зображення">

Просто скопіюйте та вставте цей код у свій шаблон, замінивши наступне:

  • http://yourwebsite.com/path/to/awesome.gif – на посилання на ваш анімований GIF-файл
  • 100 (ширина) та 100 (висота) – на бажані розміри зображення
  • опис вашого GIF – на короткий опис зображення.

Якщо ви верстаєте лист у блочному редакторі, то вставте GIF-файл, як звичайне зображення

Просто скопіюйте та вставте цей код у свій шаблон, замінивши наступне:

  • http://yourwebsite.com/path/to/awesome.gif – на посилання на ваш анімований GIF-файл
  • 100 (ширина) та 100 (висота) – на бажані розміри зображення
  • опис вашого GIF – на короткий опис зображення.

Якщо ви верстаєте лист у блочному редакторі, то вставте GIF-файл, як звичайне зображення

Як створити GIF у Canva: покрокова інструкція

Canva – це зручний онлайн-інструмент, який дозволяє легко та безплатно створювати анімовані GIF-файли без спеціальних навичок. Ось покрокова інструкція:

1. Зареєструйтесь або увійдіть до Canva

2. Виберіть формат:

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

3. Додайте ваші елементи

Завантажте власні зображення або відео: Ви можете використовувати свої фото, картинки, або короткі відео, щоб створити унікальний GIF.
Використовуйте бібліотеку Canva: сервіс пропонує мільйони стокових зображень, іконок, ілюстрацій, фонів та інших елементів, які ви можете додати до свого GIF-файлу.

4. Налаштуйте анімацію

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

Або використайте для створення GIF-файлу функцію “Створення анімація”, яка дозволяє налаштувати траєкторію об’єкта 

5. Перегляньте та завантажте

Перегляньте GIF-файл, щоб переконатися, що він відповідає вашим очікуванням.
Завантажте GIF-файл у форматі GIF.

Де ще можна безплатно створити анімований GIF-файл для email-розсилки?

  • Giphy Cam. Простий інструмент для запису GIF-файлів з вебкамери або завантаження власних зображень.
  • Makeagif. Пропонує широкий спектр інструментів для створення GIF-файлів, включаючи редактор кадрів, текстові ефекти та фільтри.
  • Gifmaker. Дозволяє створювати GIF-файли з зображень, відео, YouTube-відео та вебсайтів.
  • Imgflip. Має широкий спектр функцій, включаючи редактор кадрів, конвертер відео в GIF та можливість створення GIF-файлів з мемами.
  • Gifrun. Цей сайт пропонує широкий спектр інструментів для створення GIF-файлів, включаючи редактор кадрів, текстові ефекти та фільтри. Gifrun також має бібліотеку готових шаблонів GIF-файлів.
  • Imgur платформа для обміну зображеннями, яка також пропонує інструмент для створення GIF-файлів. Ви можете створювати GIF-файли з зображень, відео або за допомогою запису з вебкамери.
  • Kapwing – це багатофункціональний онлайн-інструмент для редагування відео та зображень, який також пропонує можливість створення GIF-файлів. Ви можете створювати GIF-файли з зображень, відео або за допомогою запису з вебкамери. Kapwing також має бібліотеку готових шаблонів GIF-файлів, які ви можете використовувати.

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

FAQ: Використання GIF-файлів у email-розсилках

1. Чи можна використовувати GIF-файли в email-розсилках?
Так, можна використовувати GIF-файли в email-розсилках ніяких заборон з боку поштових провайдерів немає.

GIF-файли можуть зробити email-розсилки цікавішими та динамічнішими, що може призвести до кращого залучення та конверсії.

2. Який розмір GIF-файлів рекомендується використовувати в email-розсилках?

Рекомендується використовувати GIF-файли розміром не більше 1 МБ.

Більші GIF-файли можуть довго завантажуватися, що може призвести до того, що користувачі не дочекаються їх завантаження.

3. Як зробити GIF-файли доступними для користувачів, які не бачать зображення?

Для цього рекомендується додати до GIF-файлів alt-текст або альтернативний текст.

Альтернативний текст буде описувати те, що зміст GIF-файла, і буде доступний користувачам, у яких не завантажилося анімоване зображення.

4. Як відстежувати ефективність GIF-файлів в email-розсилках?

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

  • Кількість кліків по GIF-файлу
  • Кулькість виконання цільової дії отримувачами листа
  • Оцінювання результатів А/В тестів, у якому один лист з GIF-файлом, а другий без.

5. Як зробити GIF-файли меншого розміру?

Існує кілька способів зробити GIF-файли меншого розміру:

  • Зменшити розмір зображення
  • Зменшити кількість кадрів в GIF-файлі
  • Зменшити тривалість GIF-файлу.

GIF-файли можуть стати чудовим доповненням до ваших email-розсилок.

Однак, важливо використовувати GIF-файли правильно, щоб вони не дратували ваших підписників.

Дотримуючись рекомендацій, описаних у цій статті, ви зможете використовувати GIF-файли, щоб зробити ваші email-розсилки успішнішими.

Напишить нам

Якщо у вас є питання щодо email-маркетинга або бажаєте обговорити ваші задачі, заповніть форму нижче. Ми раді обговорити ваше завдання та запропонувати ефективне рішення. Напишіть нам прямо зараз!