Письмо гифка. Кроме функции акцентирования внимания гифки можно использовать и в других целях. Особенности использования gif-анимации в рассылках

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

Инструкция

Выберите подходящую анимационную картинку в интернете или создайте ее самостоятельно. Популярным и простым форматом анимационных изображений является GIF.

Файлы данного формата не занимают много места и поддерживаются большинством почтовых сервисов и программ. Скачайте понравившийся GIF-файл на компьютер с подходящего сайта, например, Mirgif. Если у вас имеются навыки работы с изображениями, воспользуйтесь одним из специальных сервисов для создания анимационных изображений, к примеру, Gifmaker, который позволяет быстро создать открытку прямо на сайте и сразу скачать на компьютер либо отправить другу.

Зайдите на ваш электронный почтовый ящик под логином и паролем и выберите создание нового сообщения. Прикрепите анимационную картинку в формате GIF, кликнув по соответствующей ссылке на панели инструментов. Если вы хотите добавить изображение с другого сайта, скопируйте соответствующую ссылку или код в текст письма, предварительно перейдя в режим редактирования HTML. Чтобы проверить, как будет выглядеть изображение в письме, попробуйте сначала отправить его самому себе.

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

Нажмите Вставить видео

Вставьте ссылку на видео и нажмите Enter

После, выберите «Сгенерировать GIF».

Вы можете конвертировать часть видео, для этого нажмите «Часть видео». Потом добавьте «Время начала» и «Длительность» - до 5 секунд.

Если вы хотите, чтобы подписчики посмотрели полное видео, нажмите «Добавить наложение кнопки на изображение», и они будут перенаправлены на страницу с видео.

Также, вы можете добавить в анимацию длительность.

Выберите нужную ширину изображения.

Другой способ конвериторовать видео в GIF - использовать выбранные кадры

Используйте выбранные кадры

Выберите нужные кадры и задайте интервал между ними. Вы также можете добавить наложение кнопки на изображение и длительность.

Выберите предпросмотр и создайте GIF-изображение

Нажмите «Предпросмотр», чтобы узнать, как будет выглядеть анимация. Потом нажмите «Создать GIF-изображение». Подождите несколько секунд и добавьте GIF в шаблон.

Ваша GIF-анимация готова!

Вы когда-нибудь получали письмо с GIF-анимацией? Вы были заинтригованы его содержанием?

GIF ещё не успел стать трендом в email маркетинге, но стабильно и уверено набирает обороты.

Почему анимация привлекает ваше внимание?

У вас могут появиться такие ассоциации: загадка, любознательность, трепетное предвкушение чего-то. И это обсуловлено целью использования GIF-изображений в email маркетинге.

Почему стоит использовать GIF в email маркетинге

Зачастую мы проверяем почту в то время, как занимаемся другими вещами, или когда есть свободная минута, например, по пути на работу или на протяжении перерыва. В таком бешеном темпе мы не склонны читать длинные тексты и наслаждаться очень информативными письмами. Первое, на что мы обращаем внимание, - это картинка. Да, это определенно картинка. А если ещё и хорошо подобранная картинка, то она сможет дать представление о замысле отправителя креативным и захватывающим способом.

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

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

Как использовать GIF в разных сферах деятельности

В разных сферах деятельности GIF можно применить по-разному, но есть и нечто общее.

День рождения клиента

Wanderlust + Co отправляли эту анимацию в письме подписчикам, у которых был день рождения. Она яркая и красивая, к тому же, есть заметный призыв к действию, значит, у них есть специальное предложение для именинников.

Специальные предложения

Это письмо от Rozetka. Они сообщают клиентам о скидках, упоминая известный мультсериал «The Simpsons».

Новые коллекции

Fred Perry отправили это письмо с GIF своим подписчикам, чтобы проинформировать о появлении новых вещей. Им удалось хорошо «вживую» продемонстрировать свой товар.

Обучение

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

Событие

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

Подарок

Хотите заинтриговать, удивить и порадовать подписчиков? Такая подарочная коробка лучше любого призыва к действию.

Как правильно использовать GIF-изображения в рассылках

Не используйте анимацию в каждой рассылке, иначе она станет для ваших подписчиков всего лишь обыденностью. Используйте её раз в месяц для разнообразия, например.
Не используйте много GIF-изображений в одном письме, иначе они будут не только отвлекать внимание клиентов от вашего посыла, но и значительно повлияют на общий размер письма. Если он слишком большой, почтовый клиент подписчика не будет поддерживать его.
Сделайте первый кадр самым информативным и интересным. Если почтовый клиент вашего подписчика не поддерживает GIF-анимацию, то отобразится только первый слайд.
Избегайте ярких мигающих кадров и не делайте интервал между ними слишком коротким, иначе это вызовет раздражение и снизится информативность анимации.

Теперь вы знаете, как правильно использовать GIF, а чего стоит избегать. Будьте креативны и попробуйте применить анимацию прямо сейчас!

User Rating: 5 / 5 (4)

Емейл-маркетологи всегда работают над улучшениями своих - находят новые способы удивить и заинтересовать своих подписчиков. Одним из таких вау-эффектов считается gif-анимация. Столько уже о ней написано и сказано, но оказалось, что у нас в блоге не было отдельной статьи на эту тему:) Быстро исправляем ситуацию.

Как добавить анимацию в письмо?

Никаких особых знаний и навыков для этого не нужно - точно так же как и обычную картинку. Так это будет выглядеть в редакторе.

Куда сложнее будет выбрать, создать и определиться, а для чего в письме вообще нужна гифка и стоит ли заморачиваться?

Особенности использования gif-анимации в рассылках

Помните о весе. Анимация будет воспроизводиться только после того, как полностью загрузится. Для этого она должна быть лёгкой. Если для обычных картинок допустимый размер 2 МБ, то для gif - 125 -800 кб.

Первый кадр делайте самым информативным. Некоторые операционки и почтовики не показывают анимацию, а останавливаются на первом скрине.

Не пестрите анимашками. Придерживайтесь правила: в одной прокрутке - одна анимация. Бывают исключения, когда это выглядит неплохо, но нужно постараться:

Качество анимации. Любая картинка в плохом качестве вряд ли будет побуждать к покупке, скорее она вызовет противоположные эмоции.

Таймеры. Счётчики лучше не делать gif - не очень приятно, когда до конца акции два часа, даже если ты зайдёшь в письмо через неделю:) Используйте сервисы типа motionmail , которые ведут отсчёт в реальном времени и по окончанию заданного срока таймер обнуляется.

Анимировать можно и текст. Опять же, не переусердствуйте с этим. Пример gif-текста от Розетки заменяет тысячи слов: интрига есть; яркое, но приятное; смотреть интересно и даже забавно.

Всё-таки добавлять что-то моргающее, только чтобы оно моргало - не очень стильно. В вашей анимации должна быть смысловая нагрузка и чтобы это изображение не выбивалось из контекста.

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

Отдавайте предпочтение не гифкам, созданным из разных картинок, а одной анимации, связанной в одну историю . Если же вам нужно использовать несколько картинок, слабо связанных между собой - добавляйте плавные переходы, чтобы создавался эффект движения.

Зачем использовать gif-ки в письмах?

Если вы заметили, сейчас всё больше брендов добавляют в письма анимацию. Не стоит считать, что после добавления гифки в емейл-рассылки у вас резко взлетят продажи, . Это набирает популярность благодаря тому, что так можно больше внимания привлечь к своему товару\услуге. Три принципа анимации:

#1 Развлечение

Пример рассылки Bonobos. Вряд ли две едва заметные анимированные акулы повысят продажи и ещё меньше вероятность того, что на реальной рубашке они тоже будут двигаться. Зато такая простенькая анимашка делает письмо более живым.

Включить в игру

Правильная анимированная картинка поможет побудить пассивного читателя к действию. Например, можно сыграть на чём-то известном, что не оставит равнодушным большинство ваших подписчиков. Мне понравилась рассылка магазина 220 вольт, которая заставила меня улыбнуться. Ну кто же в детстве не играл на Денди в игру "Охота на уток" или хоть раз слышал о ней? Баннер даже сохраняет пиксельную атмосферу детства:) Помимо ностальгии, эта анимация вызывает желание нажать на кнопку “Старт”

#2 Обучение

Вместо тысячи слов лучше показать как что-то работает наглядно. Чтобы анимация воспринималась легко, постарайтесь уместить её в 10-20 секунд. Как вариант, можно разбивать инструкцию на небольшие этапы. Например, как сделали ПриватБанк - коротенькая демонстрация их приложения, с основными шагами, которые нужно выполнить для оплаты коммунальных услуг.

Посмотрите, теперь оплачивать вашу коммуналку можно быстрее и удобнее. Точно так же можно иллюстрировать любые другие инструкции:

Использование промокода

Оформление заказа в корзине

Технические характеристики какого-нибудь товара

Как установить приложение

Особенности пользования сервисом или сайтом и т.д.

#3 Вовлечение

Это лучший способ разжечь желание читателя воспользоваться вашими услугами, заказать товар.

Заинтересовать товаром

Не знаете что такое биван - тогда загляните в емейл-рассылку к компании MadRobots. Смотрите, как просто воспользоваться надувным диваном и насколько он компактный.

Заменить длинные описания

Что беспокоит каждую девушку? Конечно же её красота. Эйвон на этом и сыграл в письме. Было бы скучно просто написать: скачай приложение и посмотри, как ты можешь легко и просто выбрать себе мейкап, а вот показать в письме как за секунду меняются разные образы - куда круче.

Дополнительный акцент на одном элементе

Ещё помним, что слишком много анимации в одном скрине - это зло? Зато, чтобы привлечь больше внимания к одному из элементов небольшая анимация вполне сгодится. Например, как компания TOPMAN, напоминая о бесплатной доставке. Надпись может меняться, но вращающиеся коробочки из письма в письмо одни и те же.

Общепринятая практика в шапке письма выделять блок с акциями. В интернет-магазине детских товаров Kideria пошли немного дальше и добавили в кнопку с акциями небольшую анимацию в виде солнышка.

Где взять анимацию?

Если вы обращаетесь к дизайнеру, то он наверняка всё сделает в лучшем виде. Если же хочется сделать самостоятельно - есть несколько сайтов, которые упростят вам задачу.

Giphy.com

Много готовых гифок, разбитых на категории. Также можно:

загрузить своё видео и из него получить гифку

создать анимированное слайдшоу

сделать картинку с анимированным текстом

отредактировать существующую гифку

установить дополнение к Google Chrome, чтобы гифки всегда были под рукой

скачать приложение и записывать гифки с экран

Gifs.com

Качество готовых гифок не всегда идеальное, зато можно создавать свои гифки, и эффекты на них, стикеры и т.д.

iLoveIMG

Помогает сжимать анимацию почти в два раза без сильной потери качества.

P.S. Смотрите моё обучающее видео по анимации в письмах и оставляйте комментарии:)

До новой встречи в нашем блоге! ;)

Инструкция

Выберите подходящую анимационную картинку в интернете или создайте ее самостоятельно. Популярным и простым форматом анимационных изображений является GIF. Файлы данного формата не занимают много места и поддерживаются большинством почтовых сервисов и программ. Скачайте понравившийся GIF-файл на компьютер с подходящего сайта, например, Mirgif. Если у вас имеются навыки работы с изображениями, воспользуйтесь одним из специальных сервисов для создания анимационных изображений, к примеру, Gifmaker, который позволяет быстро создать открытку прямо на сайте и сразу скачать на компьютер либо отправить другу.

Обратите внимание

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