Аналитика и тестированиеСодержание маркетингаЭлектронная торговля и розничная торговляЭлектронный маркетинг и автоматизацияМаркетинговые инструменты

Как сделать анимированный GIF для вашей следующей маркетинговой кампании по электронной почте с помощью Photoshop

Мы создали интернет-магазин одежды для производителя одежды, который мы брендировали и построили с нуля, чтобы обеспечить прямой доступ к потребителю (D2C) предложение на рынке. Их руководство всегда работает с нами над совместными идеями для следующей кампании или стратегии, которую мы реализуем. В рамках их реализации мы развернули Klaviyo для Shopify Plus. Klaviyo — известная платформа автоматизации маркетинга с очень тесной интеграцией с Shopify, а также со многими приложениями Shopify.

Согласно исследованию, использование анимированных GIFs может увеличить рейтинг кликов на 42%, коэффициент конверсии на 103% и доход на 109%.

MarketingSherpa

Моя любимая черта - это их A / B тестирования в Клавио. Вы можете разработать разные версии электронного письма, и Klaviyo отправит образец, дождется ответа, а затем отправит оставшимся подписчикам выигрышную версию — все автоматически.

Наш клиент подписывается на рассылку о моде в отрасли и продолжает отмечать, насколько ему понравились некоторые электронные письма со слайд-шоу из фотографий продуктов. Они спросили, можем ли мы это сделать, и я согласился и построил кампанию с A/B-тестом, где мы отправили одну версию с анимацией 4 продуктов, а другую с одним красивым статическим изображением. Кампания направлена ​​на массовую распродажу их осенних платьев, поскольку они представляют новые линейки продуктов.

Версия A: Анимированный GIF

платье анимация 3

Версия B: статическое изображение

РБ66117 1990 ЛС7

Кредит на фото принадлежит талантливым людям из Зелум.

Выборка кампании все еще выполняется прямо сейчас, но совершенно ясно, что электронное письмо с анимированной графикой намного превосходит статическое изображение… примерно на открытая ставка 7%… но поразительный в три раза выше рейтинг кликов (CTR)! Я думаю, что тот факт, что анимированный GIF показывал подписчику несколько разных стилей, привел к гораздо большему количеству посетителей.

Как сделать анимированный GIF с помощью Photoshop

Я не профессионал в фотошопе. Единственный раз, когда я обычно использую Photoshop от Adobe Creative Cloud предназначены для удаления фона и изображений слоев, например, размещения снимка экрана поверх ноутбука или мобильного устройства. Однако я покопался в Интернете и понял, как сделать анимацию. Пользовательский интерфейс для этого не самый простой, но за 20 минут и после прочтения нескольких руководств я смог его разобрать.

Подготовка исходных изображений:

  • Габаритные размеры: – Анимированные GIF-файлы могут быть довольно большими, поэтому я позаботился о том, чтобы размеры моего файла Photoshop точно соответствовали ширине нашего шаблона электронной почты шириной 600 пикселей.
  • компрессия – Наши исходные изображения имели высокое разрешение и очень большой размер файла, поэтому я изменил их размер и сжал их с помощью Kraken в JPG с гораздо меньшим размером файла.
  • Переходы - Хотя у вас может возникнуть соблазн добавить анимацию подростков (например, затухающий переход) между кадрами, что увеличивает размер вашего файла, поэтому я бы не стал этого делать.

Чтобы создать анимацию в Photoshop:

  1. Создать новый файл с размерами, которые точно соответствуют размерам, которые вы размещаете в своем шаблоне электронной почты.
  2. Выберите Окно > Временная шкала чтобы включить представление временной шкалы в базе Photoshop.
Фотошоп > Окно > Временная шкала
  1. Добавить каждый изображение как новый слой внутри фотошопа.
Photoshop > Добавить изображения как слои
  1. Нажмите Создать Кадр Анимациив области временной шкалы.
  2. В правой части области временной шкалы выберите меню гамбургера и выберите Создавайте рамки из слоев.
Photoshop> Временная шкала> Создание кадров из слоев
  1. В области временной шкалы вы можете перетащите кадры в порядке в котором вы хотите, чтобы изображения отображались.
  2. Нажмите на каждый кадр, где указано 0 секунд, и выберите время, которое вы хотите отобразить в этом кадре. Я выбрал 2.0 секунды на кадр.
  3. В раскрывающемся списке под кадрами выберите Навсегда чтобы анимация повторялась непрерывно.
  4. Нажмите Кнопка воспроизведения для предварительного просмотра анимации.
  5. Нажмите «Файл» > «Экспорт» > «Сохранить для Интернета» (предыдущая версия)
    .
Photoshop > Файл > Экспорт > Сохранить для Интернета (предыдущая версия)
  1. Выберите GIF из параметров в верхнем левом углу экрана экспорта.
  2. Если ваши изображения непрозрачны, снимите флажок Прозрачность опцию.
  3. Нажмите Сохранить и экспортируйте свой файл.
фотошоп экспортировать анимированный gif

Вот и все! Теперь у вас есть анимированный GIF-файл, который вы можете загрузить на свою платформу электронной почты.

Douglas Karr

Douglas Karr является директором по маркетингу OpenINSIGHTS и основатель компании Martech Zone. Дуглас помог десяткам успешных стартапов MarTech, помог в комплексной проверке приобретений и инвестиций Martech на сумму более 5 миллиардов долларов, а также продолжает помогать компаниям во внедрении и автоматизации их стратегий продаж и маркетинга. Дуглас — международно признанный эксперт по цифровой трансформации, а также эксперт в области MarTech и спикер. Дуглас также является автором опубликованного руководства для чайников и книги по бизнес-лидерству.

Статьи по теме

Вернуться к началу кнопки
Закрыть

Adblock обнаружен

Martech Zone может предоставить вам этот контент бесплатно, потому что мы монетизируем наш сайт за счет доходов от рекламы, партнерских ссылок и спонсорства. Мы были бы признательны, если бы вы удалили блокировщик рекламы при просмотре нашего сайта.