Ożyw swoje e-maile za pomocą wideo, animowanych GIF-ów, odliczania i dynamicznych obrazów

How-to, plusy i minusy: dlaczego i jak nadać dynamiczny impuls wiadomościom w celu zwiększenia liczby otwarć i konwersji.

Według niedawnego raportu Cisco System, w Stanach Zjednoczonych filmy wideo będą stanowić 84% ruchu internetowego do 2018 roku. To imponująca liczba, która pokazuje prawdziwy zakres, w jakim dynamiczny element na cyfrowym nośniku może katalizować uwagę użytkownika lepiej niż cokolwiek innego. w przeciwnym razie.

Nie oznacza to, że interesujące treści będą podróżować tylko przez wideo – oznaczałoby to przyznanie, że miliardy godzin oglądanych codziennie na YouTube składają się wyłącznie z odpowiednich filmów. Jednak jeśli chodzi o przyciągnięcie i zniewolenie użytkownika, formaty z elementem kinetycznym pomagają zwiększyć dynamikę stron internetowych, przechwytując ruch w sekwencji obrazów i ramek.

Jesteśmy świadkami znaczącej zmiany w zachowaniach użytkowników, z rosnącą preferencją dla elementów dynamicznych . Wystarczy pomyśleć o Timelapse i Boomerang na Instagramie lub funkcjach Live i 360° na Facebooku: treści w mediach społecznościowych również przesuwają się w kierunku filmów i obrazów z dynamiczną przewagą. Jest to trend, który wpływa na wszystkie kanały komunikacji, w tym pocztę elektroniczną .

Pula animowanych treści, które można umieścić w wiadomościach e-mail, obejmuje cztery główne elementy:

• Animowane GIF-y
• Filmy
• Odliczanie
• Obrazy dynamiczne

W dzisiejszym poście omówimy każdy z tych rodzajów treści, poruszając najlepsze praktyki , błędy, których należy unikać oraz wskazówki dotyczące ich poprawnej integracji z e-mailami, optymalizując wizualizację.

Animowany GIF: as w rękawie marketera

Możesz nie być pewien, jak to wymówić, ale na pewno wiesz, co to jest „ GIF ”. Ten format ma wiele zalet, zwłaszcza pod względem względnej łatwości tworzenia i używania. W rzeczywistości dzięki ruchowi, jaki generują w wiadomościach e-mail:

• Przyciągają uwagę i przyciągają wzrok skuteczniej niż statyczny obraz.
• W rezultacie poprawia się wydajność poczty e-mail , zwłaszcza jeśli chodzi o współczynnik klikalności.
• Pozwalają opowiadać historie, które budują emocjonalną więź z użytkownikiem, co jest idealne z perspektywy wizualnego opowiadania historii.
• Bawią i zachęcają do dzielenia się
• Wspierają przezroczystość (dzięki czemu można je nakładać na kolorowe tło)
• Są idealne do obrazów z nałożonym tekstem

Z drugiej strony istnieją pewne wady (możemy Ci jednak podpowiedzieć, jak im zaradzić):

• Obsługują tylko do 256 kolorów
• Są ciężkie , co oznacza, że ​​mogą zwiększyć ogólną wagę wiadomości e-mail i spowolnić czas ładowania
• Jakość nie nadaje się do zdjęć

Jak stworzyć animowany GIF

Chociaż umieszczanie ich w wiadomościach e-mail jest proste i intuicyjne, tworzenie animowanych GIF-ów wymaga dodatkowego wysiłku w porównaniu z normalnymi obrazami statycznymi. Oto opcje:

• Użyj programu Photoshop, aby stworzyć w 100% oryginalne animowane pliki GIF. Ta opcja wymaga większych umiejętności, ale gwarantuje lepsze wyniki.
• Korzystaj z narzędzi internetowych, takich jak ja, ezgif.com, makeagif.com, imgur.com, giphy.com lub gifbrewery.com (ale jest wiele innych), aby konwertować zdjęcia i filmy na pliki GIF.
• Skorzystaj z bogatych galerii gotowych plików GIF, takich jak com i makeagif.com. Nie będzie tak oryginalny, ale pomoże w łatwości użytkowania.

Jak włączyć animowane pliki GIF do wiadomości e-mail

GIF to pliki graficzne, podobne do PNG i JPEG , dzięki czemu można je wstawiać do wiadomości, tak jak wszystkie inne „normalne” obrazy.

• Jeśli używasz edytora przeciągnij i upuść MailUp, możesz przesłać GIF w dokładnie taki sam sposób, jak inne obrazy.
• Jeśli pracujesz w HTML , wprowadź odpowiedni ciąg kodu.

Wsparcie ze strony klientów

Animowane pliki GIF są teraz wyświetlane przez zdecydowaną większość klientów poczty e-mail , w tym wersje na komputery i urządzenia mobilne. Głównymi wyjątkami są Microsoft Outlook 2007, 2010 i 2013, ponieważ te wersje blokują animację i wyświetlają tylko pierwszą klatkę.

Pamiętać! Fakt, że klienci teoretycznie obsługują animowane GIF-y, nie gwarantuje automatycznie, że będą one wyświetlane. Jeśli poszczególni użytkownicy zablokowali pobieranie obrazu lub plik obrazu jest zbyt ciężki, aby można go było łatwo pobrać, natrafisz na nieudane wyświetlenia.

Animowane GIFy: 4 błędy, których należy unikać

1. Bycie za ciężkim
Jeśli są zbyt duże, animowane pliki GIF mogą być animowane powoli i zużywać zbyt dużo ruchu danych z telefonów komórkowych. Staraj się, aby twój GIF nie przekraczał 50 KB i nigdy nie przekraczaj 200-250 KB . Oto kilka sztuczek, aby zmniejszyć ciężar:

• Zmniejsz liczbę kolorów (uważając, aby nie pogorszyć jakości obrazu za bardzo)
• Animuj tylko tę część obrazu, która wymaga ruchu (na przykład za pomocą techniki kinematografii)
• Usuń klatki: iluzja ruchu pozostaje nawet przy zaledwie kilku dobrze dobranych klatkach.

2. Zapominanie o optymalizacji pierwszej klatki
Niektórzy klienci ograniczają wyświetlanie GIF-ów do pierwszej klatki animacji. Wychodząc z założenia, że ​​może to być jedyna, którą zobaczą wszyscy użytkownicy, zaleca się upewnienie się, że pierwsza ramka jest kompletna i kompletna i nigdy nie jest pusta . W ten sposób wiadomość nadal dotrze do celu i nie zostanie całkowicie utracona, nawet w przypadku ograniczonego oglądania.

3. Nie ustawianie tekstu alternatywnego
Na tym się nie kończy: animowane GIF-y mogą być całkowicie blokowane przez ustawienia odbiorcy lub klienta, tak jak w przypadku oglądania normalnych obrazów. W związku z tym ważne jest, aby używać alternatywnych ciągów tekstowych (tzw. Alt Text), aby zawartość GIF była użyteczna dla tych, którzy jej nie wyświetlają.

4. Brak łączenia obrazu
Wielką wartością dodaną animowanych GIF-ów jest to, że można je połączyć ze stroną internetową, tak jak każdy inny statyczny obraz, w przeciwieństwie do osadzonych filmów. Nie zapomnij dodać linku do lądowania, który zabierze ludzi, którzy klikną animację, w dowolne miejsce.

Wideo w e-mailach: tak czy nie?

Aby odpowiedzieć na to pytanie, warto spojrzeć na drugą stronę oceanu, gdzie według artykułu Content Marketing Institute 76% osób, które umieszczają wideo w swoich wiadomościach e-mail, uzyskuje znacznie wyższe współczynniki klikalności . Ponadto odnotowali również większą skłonność do zakupu ze strony potencjalnych klientów, mierzoną procentowo na poziomie 72%.

W rzeczywistości problem pojawił się już i dotyczył zarówno niemożności obsługi wideo dla wielu klientów, jak i braku ważnej alternatywy. Na szczęście sytuacja się teraz zmieniła i po wnikliwych badaniach możemy wreszcie stwierdzić, że filmy mogą być z powodzeniem wykorzystywane w kampaniach e-mail marketingowych.

Mówimy o osadzeniu wideo, czyli wpisaniu go w kodzie HTML . Znacznik <video> pozwala nam umieszczać wideo w kodzie HTML wiadomości wysyłanych do naszych odbiorców, a w konsekwencji umożliwia im oglądanie go bezpośrednio w wiadomości w ich skrzynce pocztowej, bez korzystania z innych wtyczek lub usług, takich jak YouTube.

ZALETY

• Osadzone filmy są oglądane średnio o 40% częściej niż te, które są po prostu połączone.
• Osadzone filmy zapewniają dynamiczne wrażenia bezpośrednio w skrzynce pocztowej odbiorcy.
• Osadzone filmy są skutecznym narzędziem. Generują około 55% obrotu na każdą wysłaną wiadomość e-mail (testy A/B, sprzedaż detaliczna).
• Są łatwe do wdrożenia.

CONS

• Osadzone filmy nie są wyświetlane we wszystkich klientach poczty. Nadawcy B2C docierają do około 60% skrzynek odbiorców i mogą być tam przeglądani. W sektorze B2B liczba ta wynosi około 40%.
• Osadzone filmy nie mogą być połączone z adresem URL ani obrazem.
• Nie ma możliwości prześledzenia czasu oglądania każdego odbiorcy.
• Nie jest możliwe śledzenie kliknięć osadzonego wideo (odtwarzanie, pauza itp.).

Wbudowane wideo: praktyczny przewodnik

Oprócz aktualizacji nowych klientów poczty e-mail i przeglądarek, pojawienie się HTML5 umożliwiło wstawianie filmów do wiadomości e-mail, wyświetlanie treści w różnych klientach i przeglądarkach oraz umożliwianie wyboru najlepszych.

W przeszłości korzystanie z Adobe Flash było zawsze odradzane ze względu na niemożność obsługi dowolnego klienta poczty, a co za tym idzie, brak obsługi wideo w wiadomościach e-mail. HTML5 oferuje jednak lepszą obsługę, a filmy można oglądać bezpośrednio w skrzynce odbiorczej za pomocą Apple Mail i Outlook (wcześniej znanym jako Hotmail). Na tym jednak nowe elementy się nie kończą. Na klientach, w których nie można wyświetlić wideo, pojawia się obraz alternatywny — obraz zastępczy określony w kodzie HTML — który jest połączony ze stroną internetową, aby wyświetlić klip w przeglądarce.

Teraz, gdy HTML5 oferuje rozwiązanie do wstawiania filmów do wiadomości e-mail, zobaczmy, jak to zrobić.

1. Przygotuj plik wideo w formatach: MP4, OGG i WEBM.
2. Utwórz alternatywny obraz zastępczy, który będzie wyświetlany, jeśli wideo nie będzie można wyświetlić od razu.
3. Użyj usługi takiej jak Video for Everybody Code Generator, aby wygenerować kod HTML.
4. Wprowadź kod w edytorze HTML dostawcy poczty e-mail, na przykład MailUp.
5. Połącz alternatywny obraz zastępczy z internetową wersją wiadomości e-mail lub, jeśli wolisz, z inną stroną.

Jak przygotować pliki wideo

Kopiowanie i wklejanie kodu z YouTube (i podobnych) nie jest idealnym rozwiązaniem. Dodanie wideo do wiadomości e-mail wymaga kilku dodatkowych kroków. Tutaj z pomocą przychodzi nam HTML5 , ponieważ ten kod umożliwia przeglądanie plików w różnych formatach , a klient (czy to poczta, czy przeglądarka) może wybrać odpowiedni. Na przykład Firefox preferuje ogv. format wideo.

Jak przygotowujesz te pliki wideo i jak długo to trwa? Na szczęście możesz przekonwertować swój film na dwa różne formaty za pomocą narzędzi do konwersji, takich jak Online Convert . W wielu przypadkach etapami mogą być:

1. Znajdź oryginalny plik wideo: powinien to być plik MP4 (lub można go zapisać jako plik MP4)
2. Jeśli film został już przesłany do YouTube, zaloguj się na swoje konto i pobierz wersję MP4.
3. Użyj pliku MP4 jako podstawy do generowania plików w formacie *.ogv i *.webm. Te trzy wersje wideo są wymagane do kodu HTML
4. Utwórz alternatywny obraz zastępczy wideo, na przykład z rozszerzeniem JPG. W naszym teście wykorzystany obraz wygląda następująco:

5. Prześlij pliki do dostępnego obszaru internetowego (na przykład do folderu w Twojej witrynie)

Alternatywa dla filmów

Chociaż filmy wideo w wiadomościach e-mail są stosunkowo „bezpieczne”, nadal mogą powodować potencjalne problemy z przeglądaniem, przesyłaniem i korzystaniem z nich. Dlatego wiele marek decyduje się na zastąpienie osadzonych filmów jedną z poniższych alternatywnych opcji, które są bezpieczniejsze, lżejsze i mają znacznie bardziej kontrolowane skutki uboczne.

• Animowany GIF . Możliwe jest symulowanie animacji wideo za pomocą animowanego GIF-a, który pokazuje podgląd treści w kilku klatkach. Ponieważ można je połączyć, GIF-y mogą prowadzić do pełnego wideo na stronie docelowej.
• Fałszywy gracz . Jesteśmy teraz tak przyzwyczajeni do instynktownego kojarzenia ikony odtwarzacza z rzeczywistym filmem, że gdy widzimy ikonę nałożoną na statyczny obraz, prawie nie dostrzegamy różnicy. Użyj tej sztuczki, aby zasymulować pierwszą klatkę wideo i wysłać tych, którzy ją klikną, na stronę docelową z samym filmem.

3.2.1, idź: odliczanie

Przejdźmy od filmów do innej formy animowanej treści dostępnej dla marketerów: zegary odliczające , potężne narzędzie do wizualnego opowiadania historii, które może przekazywać pośpiech, zachęcając do natychmiastowego działania i przyciągając uwagę w bardziej wyrazisty sposób niż klasyczne statyczne obrazy.

Podobnie jak w przypadku GIF-ów, mądrze jest używać liczników czasu w wiadomościach e-mail oszczędnie, aby nie osłabić ich efektu. Odliczanie może być wykorzystywane do wielu celów: od zachęcania do udziału w wydarzeniu po promowanie wygaśnięcia oferty , od zabiegania o darowizny po bardziej ogólne wezwania do działania. Możesz zbadać te możliwości w najnowszym dedykowanym poście na blogu. Jeśli potrzebujesz praktycznego przewodnika na temat dodawania liczników czasu do e-maili, przeczytaj nasz poradnik.

Treść dla każdego odbiorcy: dynamiczne obrazy

Jest to element łączący animację i personalizację . W tym przypadku za kulisami pozostaje element dynamiczny, reprezentujący wejście, za pomocą którego obrazy są dynamicznie animowane zgodnie z danymi każdego odbiorcy – całkowicie automatycznie.

Integracja dynamicznych obrazów z wiadomościami e-mail obejmuje zasadniczo trzy kroki:

Krok 1
Zaprojektuj e-mail w edytorze BEE

Krok 2
Utwórz i dostosuj obraz za pomocą NiftyImages.

Krok 3
Dodaj niestandardowy obraz do wiadomości e-mail

W tym poście podamy Ci szczegóły dotyczące każdego etapu operacyjnego. Dodanie niestandardowych obrazów do wiadomości e-mail daje możliwość wysyłania kampanii, które przemawiają do odbiorcy osobiście , nie tylko w tekście (dzięki dynamicznym polom), ale także w zestawie ikonograficznym .

Podsumowując

Projektowanie e-maili i elementy dynamiczne: ta synergia prowadzi do potencjału konwersji e-mail marketingu. Towarzyszyliśmy Ci przez przegląd zalet, wad i porad, dzięki czemu możesz wdrożyć tego rodzaju treści w swojej strategii. Teraz wszystko, co musisz zrobić, to zastosować to w praktyce. Pamiętaj, że jeśli nie masz jeszcze platformy Marketingu e-mail i SMS , możesz poprosić o bezpłatną 30-dniową wersję próbną MailUp.