menu

Как сделать стильное письмо при помощи гиф

Блестящие примеры гиф-анимации в рассылках

Анимированные гиф-картинки появились на заре интернета в 1987 году. С тех пор они не потеряли актуальность, а в последние 3-5 лет переживают бум. Все дело в динамике и простоте формата. На странице сайта или в письме — гифки привлекают больше, чем статичные иллюстрации. Контент оживает на глазах.

Приведем несколько блестящих примеров рассылок с гиф-анимацией и расскажем, как добавить гифку в письмо.

Гиф — как видео, только лучше

Мы уже писали в блоге, почему гифки так популярны среди email-маркетологов. Если делать с умом и вкусом, то они:

  • привлекают внимание;
  • оживляют текст;
  • наглядно иллюстрируют идею;
  • выглядят красиво.

Гиф — отличная альтернатива видео.

На видео в письме нужно кликнуть. Гиф воспроизводится автоматом. Не совершая дополнительных действий, читатель видит полноценный фрагмент видео, собранный из нескольких фото.

гиф от GAP

Например, GAP собрали такую анимацию из 8 фотографий:

фотографии для гифки GAP

Еще гифки могут быть ну очень красивыми. Смотрите сами.

Удачные примеры гиф в рассылках

Интернет-магазины используют гифки больше всех.

American Eagle.

гиф American Eagle

Beautybay.

гиф Beautybay

Гифки хороши для тюториалов и обучающих материалов. Живой пример от Google Analytics:

Google Analytics учит смотреть статистику

И снова интернет-магазины.

Free People.

гиф Free People

Kate Spade.

гиф Kate Spade

Loft.

гиф Loft

Теперь разберемся, как вставить гифку в письмо.

Как вставить гиф в письмо

Для начала создайте гиф-файл. Это можно сделать тремя способами:

  1. Загрузите видео в сервисы для создания гиф, например: Giphy, Videotogiflab, Ezgif или Imgflip.
  2. Сделайте несколько фото и соберите их в гиф-файл (как у GAP). Помогут специальные сервисы: Gif Camera, ImgPlay, Гифовина, Gifius, Toolson.
  3. Скачайте готовые гиф-файлы в интернете. Проверьте их на наличие лицензии (например, лицензии Creative Commons), чтобы использовать в коммерческих целях.

Одного-двух анимированных элементов в письме достаточно. Помните, что гиф — не самоцель. Анимация обогащает содержание письма, а не живет сама по себе.

Еще важный момент. Некоторые почтовые программы (например, Outlook) по умолчанию не отображают картинки. Значит, не отобразят и гиф.

Теперь вставим гиф в письмо. Покажем на примере UniSender.

Способ 1. Гиф как картинка

Создаем рассылку.

Создать рассылку

Выбираем способ создания письма: «Блочный редактор» или «Шаблоны».

Способы создания письма

Добавляем блок «Изображение».

блок "Изображение"

И методом Drag & Drop вставим в него гиф.

Готовое письмо с гиф

Способ 2. Гиф как фон

Вставьте в письмо текстовый блок.

Текстовый блок с гиф-фоном

Добавьте фоновое изображение блока. В качестве фона используйте гиф. По правилам сервиса, размер файла — не больше 500 Кб, иначе письмо будет слишком тяжелым.

Если гифка равномерная, но уже, чем письмо, поставьте галочку «Повторять фон по горизонтали».

Готовое письмо с гиф-фоном в заголовке

Готово. Сохраняйте и отправляйте.

Если закончились идеи для гифок, зайдите, например, на Chibird. Вы найдете много милых гифок, которыми легко украсить письмо.

Кому попробовать гиф

Мы советуем использовать гиф всем, но, в первую очередь, этим компаниям:

  • Интернет-магазины. Покажите товар лицом и в движении. Особенно, если продаете одежду и аксессуары.
  • Медиа. Гиф всегда кстати, письма не исключение.
  • Обучение и тюториалы. Как и видео, гиф наглядны. Они отлично иллюстрируют простые действия.
  • B2B. Разрывайте шаблон — в меру используйте гиф, чтобы быть стильными и нескучными.
  • Все. Независимо от отрасли, вашим рассылкам нужно сильный визуал. Хорошие иллюстрации, фото и гифки — ваше оружие.

Итог

Гифки делают письмо динамичным, заряжают энергией. Придумайте яркую и простую идею, сделайте красивую гифку и добавьте ее в письмо. Ваше письмо станет более стильным, а показатели вырастут.