Аналитика и тестирањеСодржина МаркетингЕ-трговија и малопродажбаМаркетинг и автоматизација на е-поштаАлатки за маркетинг

Како да направите анимиран GIF за вашата следна кампања за маркетинг преку е-пошта користејќи Photoshop

Изградивме онлајн продавница за фустани за производител на фустани што ја брендиравме и изградивме од темел за да донесеме директен до потрошувачот (D2C) нудење на пазарот. Нивното раководство секогаш работи со нас на заеднички идеи за следната кампања или стратегија што ја спроведуваме. Како дел од нивната имплементација, ние распоредивме Klaviyo за Shopify Плус. Klaviyo е добро позната платформа за автоматизација на маркетингот со многу тесна интеграција со Shopify, како и со многу Shopify апликации.

Според една студија, со користење на анимирани GIFs може да ги зголеми стапките на кликање за 42%, стапките на конверзија за 103% и приходите за 109%.

Маркетинг Шерпа

Омилена карактеристика моја е нивната А / Б тестирање во Клавијо. Може да развиете различни верзии на е-пошта, а Klaviyo ќе испрати примерок, ќе чека одговор и потоа ќе им ја испрати на преостанатите претплатници победничката верзија - сето тоа автоматски.

Нашиот клиент се претплати на модни е-пошта во индустријата и продолжи да забележува колку им се допаѓаат некои е-пошта со слајдшоу од фотографии од производите. Ме прашаа дали можеме да го направиме тоа и јас се согласив и направив кампања со A/B тест каде што испративме една верзија со анимација од 4 производи, а друга со единствена, убава, статична слика. Кампањата е за блескава продажба на нивните есенски фустани, бидејќи тие носат нови линии на производи.

Верзија А: Анимиран GIF

анимација на фустан 3

Верзија Б: Статична слика

RB66117 1990 LS7

Заслугата за фотографијата оди кај талентираните луѓе во Зелум.

Мострирањето на кампањата сè уште работи во моментов, но прилично е јасно дека е-поштата со анимирана графика е далеку подобра од статичната слика… за околу отворена стапка од 7%.... но зачудувачки три пати поголема од стапката на кликање (CTR)! Мислам дека фактот што анимираниот GIF стави неколку различни стилови пред претплатникот доведе до многу повеќе посетители.

Како да направите анимиран GIF со помош на Photoshop

Јас не сум професионалец со Photoshop. Единствените времиња што обично ги користам Photoshop на Adobe Creative Cloud се за отстранување на позадини и слоеви на слики, како што е поставување на скриншот на врвот на лаптоп или мобилен уред. Сепак, ископав онлајн и сфатив како да направам анимација. Корисничкиот интерфејс за ова не е најлесниот, но во рок од 20 минути и откако прочитав некои упатства, успеав да го нокаутирам.

Подготовка на нашите изворни слики:

  • димензии – Анимираните GIF може да бидат доста големи, па затоа се погрижив да ги поставам димензиите на мојата датотека на Photoshop точно да одговараат на ширината на шаблонот за е-пошта широк 600 пиксели.
  • компресија – Нашите оригинални слики беа со висока резолуција и многу голема големина на датотека, па ги променив големината и ги компресирав Kraken на JPG со многу помала големина на датотека.
  • Транзиции – Иако можеби ќе бидете во искушение да додадете анимација tweens (на пр. бледнее транзиција) помеѓу рамки, што додава голема големина на вашата датотека, па затоа би избегнал да го правам тоа.

За да ја изградите анимацијата во Photoshop:

  1. Креирај нова датотека со димензии што одговараат на точните димензии што ги ставате во шаблонот за е-пошта.
  2. изберете Прозорец > Времеплов за да се овозможи преглед на временската линија во основата на Photoshop.
Фотошоп > Прозорец > Времеплов
  1. Додадете го секој сликата како нов слој во рамките на Photoshop.
Photoshop > Додај слики како слоеви
  1. Кликнете Креирај Frame Animaција во регионот на временската линија.
  2. На десната страна од регионот на Timeline, изберете го менито за хамбургер и изберете Направете рамки од слоеви.
Photoshop > Timeline > Направете рамки од слоеви
  1. Во регионот на Timeline, можете повлечете ги рамките во редоследот во кои сакате да се појавуваат сликите.
  2. Кликнете на секоја рамка каде што пишува 0 сек и изберете го времето што сакате да се прикаже таа рамка. Јас избирам 2.0 секунди по кадар.
  3. Во паѓачкото мени под рамки, изберете Засекогаш за да се обезбеди континуирано вртење на анимацијата.
  4. Кликнете на Копче за играње за да ја прегледате вашата анимација.
  5. Кликнете Датотека > Извези > Зачувај за веб (наследен)
    .
Photoshop > Датотека > Извези > Зачувај за веб (наследен)
  1. изберете GIF од опциите во горниот лев агол на екранот Извоз.
  2. Ако вашите слики не се проѕирни, отштиклирајте го Транспарентност опција.
  3. Кликнете Зачувај и извезете ја вашата датотека.
Photoshop извоз анимиран gif

Тоа е тоа! Сега имате анимиран GIF за да го поставите на вашата платформа за е-пошта.

Douglas Karr

Douglas Karr е CMO на OpenINSIGHTS и основачот на Martech Zone. Даглас им помогна на десетици успешни стартапи на MarTech, помогна во длабинската анализа од над 5 милијарди американски долари за аквизиции и инвестиции на Martech и продолжува да им помага на компаниите во имплементацијата и автоматизирањето на нивните стратегии за продажба и маркетинг. Даглас е меѓународно признат експерт и говорник за дигитална трансформација и MarTech. Даглас е исто така објавен автор на водич за Dummie и книга за бизнис лидерство.

поврзани написи

Вратете се на почетокот копче
Затвори

Откриен е блок за рекламирање

Martech Zone може да ви ја обезбеди оваа содржина без трошоци бидејќи ја монетизираме нашата страница преку приходи од реклами, врски со партнери и спонзорства. Ќе ни биде благодарно ако го отстраните вашиот блокатор на реклами додека ја гледате нашата страница.