Tworzenie e-maili w formacie HTML zamiast zawierających wszystkie obrazy jest łatwiejsze niż myślisz

E-maile istnieją od 50 lat od tego roku, ale na początku były to tylko wiadomości tekstowe. Idea e-mail marketingu narodziła się w 1978 roku, ale e-maile HTML stały się rzeczą dopiero w latach 90. XX wieku. We wczesnym świecie marketingu e-mailowego spam e-mailowy był powszechną irytacją, a klienci poczty e-mail używali wielu różnych filtrów, aby blokować SPAM. Jeden z tych filtrów zablokował wiadomości e-mail zawierające wszystkie obrazy. Już w 2007 roku Mailchimp odkrył, że użycie gigantycznego obrazu w wiadomości e-mail może spowodować zablokowanie wiadomości e-mail i zwiększenie współczynnika odrzuceń nawet o 23%.

Wraz z rozwojem e-mail marketingu, pojawiły się filtry SPAM. W dzisiejszych czasach wiadomość e-mail zawierająca wszystkie obrazy niekoniecznie oznacza, że ​​zostaniesz oznaczony jako SPAM, ale tylko dlatego, że możesz tworzyć wiadomości e-mail zawierające wszystkie obrazy, nie oznacza to, że powinieneś.

Myślę, że nadszedł czas na szczerą rozmowę na temat e-maili zawierających wszystkie obrazy, aby wyjaśnić powody za i przeciw. A kiedy już przy tym będziemy, przyjrzymy się, jak łatwo można przekonwertować niektóre wiadomości e-mail zawierające wszystkie obrazy na wiadomości tekstowe na żywo.

Oceńmy e-maile zawierające wszystkie obrazy

Plusy

„Co masz na myśli, mówiąc, że są zalety e-maili zawierających wszystkie obrazy?!” ty pytasz. Cóż, są. Wiadomości e-mail zawierające wszystkie obrazy nie są już takim faux pas, jak kiedyś. W rzeczywistości zmienianie rzeczy i wysyłanie wiadomości e-mail zawierających wszystkie obrazy, gdy zwykle wysyłasz wiadomości tekstowe na żywo, może zwiększyć Twoje zaangażowanie. Wszystko, co nowe, prawdopodobnie sprawi, że Twoi subskrybenci ożywią się. Ale są też inne rzeczy, które sprawiają, że wiadomości e-mail zawierające wszystkie obrazy są preferowanym wyborem dla niektórych firm.

1. Utrzymanie stylu marki
   Jeśli pracujesz dla marki, która jest bardzo konkretna w zakresie używanych stylów marki, prawdopodobnie e-maile zawierające wszystkie obrazy są najlepszym rozwiązaniem. Możesz upewnić się, że czcionki są wszędzie poprawne. Możesz mieć pewność, że wszystkie style marki zostaną zachowane we wszystkich klientach poczty e-mail. W przypadku wiadomości e-mail zawierających wszystkie obrazy nie musisz się martwić, że wiadomość zerwie się tak bardzo, jak w przypadku wiadomości tekstowych na żywo.
2. Efektowne wizualnie
   Osobiście nie jestem wielkim zwolennikiem tego, ponieważ wierzę, że można tworzyć wizualnie atrakcyjne e-maile bez uciekania się do e-maili zawierających wszystkie obrazy. Ale jest kilka rzeczy, których po prostu nie możesz zrobić wszędzie za pomocą wiadomości tekstowych na żywo (choć niewiele, jeśli masz świetnego programistę poczty e-mail). ReallyGoodEmails jest pełen niesamowitych inspiracji e-mailowych, a duża ich część to e-maile zawierające wszystkie obrazy, ponieważ, szczerze mówiąc, naprawdę ładnie wyglądają.
3. Taniej
   Niektórzy twierdzą, że e-maile zawierające wszystkie obrazy są tańsze, ponieważ nie trzeba płacić projektantowi i programiście. (W niektórych przypadkach jestem prawie pewien, że te firmy nawet nie korzystają z projektanta). Możesz tworzyć obrazy w swoim ulubionym programie do edycji zdjęć, a następnie zapisywać je i umieszczać bezpośrednio w ESP. To szybki i łatwy sposób na wysłanie pięknego e-maila do subskrybentów.

Cons

Nasz własny Magan Le zapytał mnie o moje przemyślenia na temat e-maili zawierających wszystkie obrazy i szczerze mówiąc, nie jestem tak anty-obrazowy, jak kiedyś. Nadal nie sądzę, że możesz zapewnić wszystkim wspaniałe wrażenia z poczty e-mail za pomocą wiadomości e-mail zawierającej wszystkie obrazy. Jednak w przypadku niektórych firm e-mail zawierający wszystkie obrazy może mieć sens. Ale zanim podejmiesz decyzję, upewnij się, że wziąłeś pod uwagę wady:

1. Słaba dostępność
   Wiadomości e-mail zawierające wszystkie obrazy nie są tak dostępne, jak wiadomości tekstowe na żywo. „Ale wstawiłem dokładny tekst ALT, Carin!” To wspaniale. I jest kilka firm, które wysyłają e-maile zawierające wszystkie obrazy z naprawdę dobrym tekstem ALT. Ale dostępność nie polega tylko na wstawianiu tekstu ALT. Posiadanie wiadomości e-mail, która jest dostępna dla wszystkich, oznacza, że każdy może ją przeczytać . Tekst ALT nie jest pomocny dla osób z dysleksją lub użytkowników niedowidzących, którzy używają ustawień w celu zwiększenia rozmiaru czcionki. To tylko kilka problemów, z którymi wiadomości tekstowe na żywo mogą sobie poradzić znacznie lepiej niż wiadomości e-mail zawierające wszystkie obrazy.
2. Słabe wrażenia użytkownika
   Nawet dla subskrybentów, którzy mają włączone obrazy, wiadomości e-mail zawierające wszystkie obrazy mogą być gorszym doświadczeniem użytkownika niż wiadomości tekstowe na żywo. Abonenci korzystający z wolniejszych połączeń internetowych mogą długo czekać na załadowanie obrazów. Używanie dużych nieskompresowanych obrazów może pochłonąć dane subskrybenta, jeśli sprawdza on swoje e-maile podczas czytania na telefonie komórkowym. I pomyśl o personalizacji! Zapewniam, że znacznie łatwiej jest umieścić tag scalania w wiadomości tekstowej na żywo niż uzyskać spersonalizowane obrazy dla całej listy.
3. Brakujące lub utracone wezwania do działania (CTA)
   W przypadku wiadomości e-mail zawierających wszystkie obrazy wszyscy subskrybenci, którzy mają wyłączone obrazy, stracą wszystkie wezwania do działania, które znajdują się na Twoim obrazie. Nie wspominając o wszystkim, co możesz mieć w swoim e-mailu. Możesz pomyśleć, że ponieważ masz małą liczbę subskrybentów, którzy klikają bez otwierania wiadomości e-mail, nie musisz się tym martwić. Ale ilu subskrybentów przegląda Twój e-mail z wyłączonymi obrazami i nie klika, ponieważ nie widzą Twojego CTA?

To tylko ogólny przegląd wad. Jeśli potrzebujesz bardziej przekonującego (lub twój klient tak), Magan znacznie bardziej szczegółowo wyjaśnia, dlaczego nie powinieneś wysyłać e-maili zawierających wszystkie obrazy.

Co jest takiego wspaniałego w e-mailach na żywo?

Wysyłałeś e-maile zawierające wszystkie obrazy przez całą swoją karierę w e-mail marketingu i słyszałeś w kółko refren „nie wysyłaj e-maili zawierających wszystkie obrazy”, ale odniosłeś tylko sukces? To wspaniale. Ale czy mogę po prostu poinformować Cię o niesamowitych rzeczach dotyczących e-maili na żywo?

Plusy

1. Łatwiejsza aktualizacja
   E-maile zawierające wszystkie obrazy są trudne do aktualizacji. Musisz zaktualizować obraz, ponownie go zapisać, ponownie przesłać, a następnie dodać do wiadomości e-mail. I prawdopodobnie masz tam też jakieś aprobaty. W przypadku wiadomości e-mail na żywo łatwo jest zaktualizować błędnie napisane słowo lub nieprawidłową datę. Wszystko, co musisz zrobić, to znaleźć błąd i go poprawić. Nie trzeba wracać do -dosłownej- tablicy kreślarskiej.
2. Lepsze wrażenia subskrybenta
   W przypadku wiadomości e-mail na żywo rozmiar kopii zostanie zmieniony dla subskrybentów z ekranami o wyższej rozdzielczości, tekst nie będzie bardzo mały na urządzeniach mobilnych, a w trybie ciemnym masz pewną kontrolę nad odwracaniem kolorów. I nawet jeśli Twoi subskrybenci z jakiegoś powodu mają wyłączone obrazy, treść wiadomości e-mail i wezwania do działania będą nadal widoczne.

Cons

1. Droższe
   „Zatrudnianie programisty do każdego e-maila, który robimy, jest zbyt drogie”. Tak, prawdopodobnie jest. Dlatego nie powinieneś zatrudniać programisty do każdego wysłanego e-maila. Zatrudnij programistę do stworzenia systemu modułowego, który możesz następnie wdrożyć samodzielnie. Wielu dostawców usług poczty e-mail (ESP) oferuje systemy szablonów, więc zatrudnij programistę, aby zbudował dla Twojej firmy spersonalizowany system szablonów. Jeśli Twój ESP tego nie ma, możesz poprosić programistę o utworzenie części i snippets w Litmus Builder, a następnie za pomocą funkcji Drag-and-Drop i Visual Editor do tworzenia wiadomości e-mail w Litmus. Obiecuję, że na dłuższą metę zaoszczędzisz czas, krócej w tę i z powrotem, aby edytować swoje e-maile.
2. Trudniej stworzyć
   Albo czy oni? To jedna z tych wad, o których słyszę w wielu firmach. Nie mamy programisty, więc nie możemy wysyłać e-maili na żywo. Jak wskazano powyżej, wielu ESP ma szablony i modułowe rozwiązania budowlane. A jeśli Twój ESP nie, Litmus ma edytor wizualny, a społeczność Litmus ma wiele szablonów i fragmentów, których możesz użyć do tworzenia własnych e-maili. Mamy nawet modułowy szablon i fragmenty, które pomogą Ci zacząć.
3. Projekt nie jest identyczny we wszystkich klientach poczty e-mail
   Cóż, większość e-maili nie jest identyczna we wszystkich klientach poczty e-mail. Jeśli masz programistę i dużo czasu, prawdopodobnie możesz się do tego zbliżyć. Ale czy naprawdę potrzebujesz, aby Twoje e-maile były identyczne we wszystkich klientach pocztowych? Tak, kolory powinny być takie same, ale zaokrąglone rogi przycisków, nieco inna czcionka lub taki sam układ na mniejszym ekranie nie są problemami, które wpłyną na wrażenia subskrybentów tak bardzo, jak nieczytelne tekst byłby.

Konwertowanie wiadomości e-mail zawierających wszystkie obrazy

Teraz przechodzimy do części zabawnej. Konwertowanie tych pięknych wiadomości e-mail zawierających wszystkie obrazy na tekst na żywo. Istnieje kilka technik, których możesz użyć, aby upewnić się, że Twój e-mail będzie nadal tak niesamowity i przyciągający wzrok, jak e-mail zawierający wszystkie obrazy.

Obrazy tła

Jednym z najczęstszych powodów tworzenia wiadomości e-mail zawierających wszystkie obrazy jest to, że posiadanie ciekawego tła, które nie jest tylko białe lub jednokolorowe, tworzy bardziej interesującą wizualnie wiadomość e-mail. Ale nie musisz używać jednolitego koloru jako tła w wiadomości e-mail. Możesz użyć obrazów tła i są one obsługiwane w większości klientów poczty e-mail, jeśli zakodujesz je poprawnie. Poczta systemu Windows 10 jest największym wyjątkiem. Jeśli masz dużą bazę subskrybentów w poczcie systemu Windows 10, powinieneś unikać obrazów tła.

Istnieje duża różnica między wiadomością e-mail zakodowaną z obrazem tła a wiadomością zakodowaną tylko jako obraz. Jeśli używasz obrazu tła, cały tekst jest nadal widoczny, nawet gdy obrazy są wyłączone, dzięki czemu subskrybent nadal może kliknąć początkowe wezwanie do działania, a także dowiedzieć się, o czym jest e-mail i od kogo pochodzi :

W przeciwieństwie do wiadomości e-mail, w której obraz jest używany do tworzenia efektu obrazu tła. W takim przypadku początkowe wezwanie do działania zostaje utracone (podobnie jak logo i nazwa firmy). Wiadomość e-mail nie ma tak dużego wpływu i chociaż sekcja „bestsellery” jest nadal widoczna i możliwa do wykonania, sedno wiadomości — oszczędzanie pieniędzy na pakietach organizacyjnych — zostaje utracone:

Kawałek bohatera jest tworzony z włączonymi wszystkimi obrazami (Źródło: Naprawdę dobre e-maile )	Kawałek bohatera jest tworzony z wszystkimi obrazami — obrazy są wyłączone

Kodowanie obrazów tła nie jest najłatwiejsze, ale mamy post na blogu, który Ci w tym pomoże. Jeśli masz szablony skonfigurowane z obrazami tła w programie Litmus, możesz zmienić obrazy tła w Edytorze wizualnym nawet bez dotykania kodu. Upewnij się, że rozmiary obrazu odpowiadają zastępowanemu obrazowi i że obraz, którego używasz, został skompresowany, aby nie był zbyt duży.

Przesunięte obrazy i tekst

Wszystko, co odbiega od oczekiwanego lub zwykłego, ma tendencję do przyciągania naszej uwagi, a przykłady tego można zobaczyć wszędzie, również w e-mailach.

Powyższy przykład ma przesunięcie obrazu, które możesz łatwo zrobić jako cały obraz, ale co, jeśli chcesz przesunąć blok tekstu? Cóż, masz kilka opcji. Mógłbyś go przesunąć tylko trochę, aby tekst nie był faktycznie przesunięty, po prostu sprawiasz wrażenie, że element jest przesunięty, tak jak w tym e-mailu:

Tutaj górna część e-maila jest przesunięta, ale jak widać, w białej części jest tylko trochę niebieskiego, nie ma tekstu ani obrazów. Możesz więc użyć pustej komórki tabeli. Lub jeśli chcesz zaokrąglone rogi, które działają wszędzie, możesz użyć dekoracyjnego obrazu. Ale więcej o tych technikach później. W takim przypadku rzeczywista treść wiadomości e-mail nie jest przesunięta, ale wydaje się, że tak jest.

Inną opcją jest przesunięcie wszystkiego, jak w tym e-mailu:

Ta wiadomość e-mail ma całą sekcję objaśnienia przesuniętą w bloku nad obrazem. Jest to łatwe do zrobienia w sieci dzięki pozycjonowaniu bezwzględnemu, ale ponieważ nie jest to obsługiwane wszędzie w wiadomościach e-mail, staje się to trochę trudniejsze. Są dwie różne metody, o których wiem. Jeśli masz więcej, daj nam znać w komentarzach!

Po pierwsze, istnieje Faux Absolute Positioning. Steven Sayo i Mark Robbins napisali kilka świetnych przewodników krok po kroku, aby nauczyć się tej techniki. Steven i Mark zapewniają rozwiązania awaryjne, dzięki którym działa w Outlooku, a z mojego ograniczonego doświadczenia z nim wynika, że ​​ma całkiem dobre wsparcie.

Jeśli nie czujesz się zbyt dobrze z kodem, możesz również stworzyć ten efekt, wycinając obrazy i umieszczając je wokół elementu, który chcesz przesunąć. Nieco bardziej chaotyczny, ale działa. Musisz upewnić się, że testujesz, testujesz, testujesz, ponieważ istnieje większe prawdopodobieństwo, że coś pójdzie nie tak, a obraz nie zostanie prawidłowo wyrównany.

Jestem fanem fałszywego pozycjonowania absolutnego, ponieważ pozwala on na e-maile mieć tak dramatyczne przesunięcie, zachowując tekst na żywo i nie martwiąc się o wyrównanie pociętych obrazów, ale obie metody będą działać.

Czcionki internetowe i tekst na żywo

Utrzymanie standardów marki jest kolejnym ważnym powodem korzystania z wiadomości e-mail zawierających wszystkie obrazy, ponieważ po prostu nie można sprawić, by czcionki pojawiały się wszędzie. Rozumiem. Istnieje jednak znacznie więcej opcji awaryjnych niż Helvetica i Arial. Zachęć swoją firmę lub klientów, aby zajęli się stosowaniem standardowej czcionki zastępczej we wskazówkach dotyczących marki, aby upewnić się, że Twoja wiadomość dotrze do wszystkich klientów poczty e-mail.

Samsung dba o to, aby było to interesujące, używając Trebuchet MS jako czcionki zastępczej w swoich nagłówkach. Niezupełnie czcionka marki Samsung One, ale wciąż ciekawsza i bardziej przyciągająca wzrok niż Helvetica, Arial, tekst ALT, czy nic:

Poczta e-mail z włączoną czcionką internetową i włączonymi obrazami	E-mail z wyświetlonym kodem zastępczym i wyłączonymi obrazami

Dodanie czcionek internetowych z interesującymi źródłami zastępczymi to jeden z najszybszych sposobów wyróżnienia wiadomości e-mail, gdy nie polegasz na obrazach w wiadomościach e-mail. Można je łatwo dodać raz, a następnie wdrożyć w całym systemie projektowania wiadomości e-mail. A po skonfigurowaniu szablonów wiadomości e-mail z czcionkami internetowymi nawet osoby niebędące programistami mogą z nich skorzystać, jeśli korzystasz z systemu szablonów.

Stylizowany tekst ALT

Stylizując tekst ALT, możesz sprawić, że wiadomość e-mail zachowa swój wygląd nawet z wyłączonymi obrazami. Używamy stylizowanego tekstu ALT tutaj w Litmus, aby zachować szorstką wersję naszego logo, ale możesz również użyć tego na tych przyciskach opartych na obrazach, aby wyróżnić je, jeśli musisz tworzyć wiadomości e-mail zawierające wszystkie obrazy. Możesz stylizować tekst ALT, dodając CSS do tagu obrazu, a także zmieniać kolory tła i większość aspektów czcionki dla tekstu ALT. Nie wszędzie jest obsługiwany, ale przejdź do naszego ostatecznego przewodnika po stylizowanym tekście ALT, aby zobaczyć, gdzie jest obsługiwany i jak to zrobić.

Obrazy, puste komórki tabeli i stylizowane reguły poziome jako elementy projektu

Nie musisz mieć całego obrazu, aby stworzyć ciekawe elementy. Czasami samo użycie części obrazu do wykończenia i połączenie tego z komórkami tabeli może być użyte do stworzenia zainteresowania wizualnego.

Aby utworzyć zaokrąglone rogi, które pojawiają się we wszystkich klientach poczty e-mail, dodam obrazy zaokrąglonych rogów do górnych i dolnych części kontenerów. Możesz robić podobne rzeczy, aby tworzyć kąty lub kształty jako przejścia między sekcjami wiadomości e-mail. Zamiast tworzyć cały kształt z obrazem, użyj kolorów tła dla części z tekstem, a następnie dodaj obraz u góry lub u dołu sekcji, aby go wyróżnić.

Możesz także stylizować swoje linijki poziome, aby stworzyć ciekawe przejścia lub podziały między sekcjami. Używamy prostych stylów w Litmus, aby stworzyć linię, ale istnieje wiele różnych technik, dzięki którym możesz spróbować stworzyć ciekawe dzielniki za pomocą tylko poziomej linii. (Daj nam znać, jak to idzie!).

Mamy też kolorową przegrodę, której używamy do dzielenia treści. Odbywa się to całkowicie za pomocą kolorów tła i komórek tabeli:

Bądź kreatywny ze swoim kodem i zobacz, co możesz zrobić bez obrazów!

Przyciski kuloodporne

To moje największe zirytowanie e-maili zawierających wszystkie obrazy. Wezwania do działania oparte na obrazach trudno jest podjąć subskrybentom, jeśli ich nie widzą. Jeśli wszystko inne jest zbyt trudne do zaimplementowania, zacznij przynajmniej używać przycisków tekstowych na żywo w swoich wezwaniach do działania.

Są to dwie różne wiadomości e-mail, jedna z przyciskiem tekstu na żywo, a druga to wiadomość e-mail zawierająca wszystkie obrazy z przyciskiem na jednym z obrazów. Wiadomość e-mail po lewej stronie jest znacznie bardziej użyteczna niż wiadomość po prawej.

E-mail z przyciskiem tekstu na żywo z wyłączonymi obrazami (Źródło: Naprawdę dobre e-maile )	E-mail z przyciskiem opartym na obrazie z wyłączonymi obrazami (Źródło: Naprawdę dobre e-maile )

Jeśli Twoim argumentem za używaniem e-maili zawierających wszystkie obrazy jest to, że nie uzyskujesz wielu kliknięć bez otwarć, więc nie możesz mieć dużej liczby odbiorców z wyłączonymi obrazami, spójrz, jak wyglądają Twoje wezwania do działania z wyłączonymi obrazami. Niewiele osób kliknęłoby, gdyby nie wiedziało, w co klikają.

Istnieje kilka różnych sposobów tworzenia przycisków z tekstem na żywo, więc upewnij się, że używasz metody, która działa dla Twoich odbiorców i jak zawsze: Testuj, testuj, testuj!

Konwertowanie tych e-maili zawierających wszystkie obrazy

Skontaktowałem się z kilkoma innymi programistami poczty e-mail, aby pomóc mi pokazać, jak niektóre z tych technik można wykorzystać do konwersji wiadomości e-mail zawierających wszystkie obrazy na tekst na żywo. Zauważysz, że konwersja tych wiadomości e-mail na tekst na żywo nie tylko ulepszyła wersję wiadomości e-mail z wyłączonymi obrazami, ale także poprawiła wersję e-maila w trybie mobilnym i trybie ciemnym.

S'well konwersja e-maili

Anne K. Tomlin jest założycielką Email's Y'all. Doświadczona programistka, która zna tajniki dziwactw e-maili, chciała pokazać różnicę, jaką tekst na żywo może zrobić w wiadomości e-mail.

Mówiąc własnymi słowami: wiadomości e-mail zawierające wszystkie obrazy nie docierają do osób, które mają domyślnie zablokowane obrazy ani do osób korzystających z czytnika ekranu lub asystenta cyfrowego (Siri, Alexa itp.). Jeśli Twoim celem są konwersje, nie dałeś nawet tym ludziom szansy na konwersję. E-mail S'wella był 10 razy gorszy od zwykłego e-maila zawierającego tylko obrazy, ponieważ w ogóle nie zawierał tekstu alternatywnego. Czytnik ekranu lub asystent cyfrowy przeczytałby: „Świętuj odważne ruchy, wielkie pomysły i radość! Zobacz ten email w Twojej przeglądarce. Sklep. Historie. O nas. Puchnąć." a następnie natychmiast przeskocz, aby odczytać stopkę. Co za okropne doświadczenie! Subskrybenci, którzy mają zablokowane obrazy, dosłownie widzą pustą stronę. Nikt nie spojrzy na pustą stronę i nie pomyśli: „Powinienem to sprawdzić w przeglądarce!” i kliknij link „wyświetl w przeglądarce”. Masz 5 sekund na przyciągnięcie uwagi subskrybenta, więc jeśli masz wiadomość e-mail zawierającą wszystkie obrazy, a te obrazy nie ładują się domyślnie, równie dobrze możesz w ogóle nie wysłać wiadomości e-mail. W rzeczywistości ten subskrybent może na to spojrzeć, ponieważ nie wysyłasz mu w ogóle nic, więc powinien po prostu zrezygnować z subskrypcji.

Oryginalny e-mail:

Wersja tekstowa Anny na żywo:

Bardzo wolę wersję Anne, głównie ze względu na koty, ale także ze względu na zwiększoną dostępność na urządzeniach mobilnych i w trybie ciemnym. Tekst nie jest uwięziony w obrazie, więc zamiast się zmniejszać, pozostaje czytelny. Wersja w trybie ciemnym jest w rzeczywistości ciemna i nie będzie oślepiająco jasnym światłem, jeśli patrzę na nią w ciemnym pokoju, ponadto każdy, kto ma telefon ustawiony w trybie ciemnym, aby zmniejszyć zmęczenie oczu, nie zostanie skonfrontowany z tryb światła, którego próbowali uniknąć.

Oryginalna wersja mobilna	Wersja mobilna Anny
Oryginalna wersja trybu ciemnego	Wersja trybu ciemnego Anne

A do konwersji wszystkich obrazów…. [proszę o werble]

Tada! Nic nie ginie, gdy obrazy są wyłączone (z wyjątkiem uroczych kociąt). Subskrybenci mogą nadal podejmować działania, a co najważniejsze: nadal mogą czytać Twoją wiadomość .

Zobacz, jak Anne to robi

Konwersja wiadomości e-mail Magic Spoon

Carin Slater jest specjalistą ds. marketingu e-mailowego i programistą odpowiedzialnym za wszystkie e-maile Litmusa. Czekaj, to ja! No cóż, znasz moje stanowisko w sprawie e-maili zawierających wszystkie obrazy.

Uwielbiam e-maile od Magic Spoon (a także płatki Magic Spoon, więc pyszne), ale zawsze jest mi smutno, gdy przychodzą do mojej skrzynki odbiorczej jako e-maile zawierające wszystkie obrazy. Zwykle są one całkiem dobre w dołączaniu tekstu obrazu jako tekstu ALT, dzięki czemu nadal możesz wiedzieć, co się dzieje w wiadomości e-mail, jeśli nie ma żadnych obrazów, ale ta wiadomość e-mail nie była tak opisowa ani wyczerpująca, jak inne wysłane przez nich e-maile. Pomyślałem, że zajmę się tym, ponieważ jest przycisk GIF, który jest naprawdę zabawny i może wydawać się trudny do zrobienia bez użycia obrazów.

Oryginalny e-mail:

Wersja tekstowa Carin:

Musiałem pójść na kompromis, ponieważ nie wygląda to idealnie w trybie ciemnym w klientach stacjonarnych Outlook 365 w systemie Windows, więc byłoby to coś, co może, ale nie musi, być ważne w zależności od tego, gdzie subskrybenci Magic Spoon otwierają swoje e-maile. A ponieważ pracowałem z wiadomości e-mail zawierającej wszystkie obrazy, a nie z pliku projektu, nie byłem w stanie stworzyć trybu ciemnego ani mobilnej wersji GIF, o które poprosiłbym, aby można je było wymienić, jeśli Pracowałem z oryginalnymi plikami. Pomimo tych problemów, Dark Mode i wersje mobilne zostały ulepszone w wersji tekstowej. Animacja GIF jest zachowana w wersji mobilnej, a tekst jest bardziej czytelny, choć tylko trochę, ponieważ Magic Spoon stworzył wersję zawierającą wszystkie obrazy, którą wymienili na telefon komórkowy (tak na telefon komórkowy, ale boo za kodowanie wiadomości e-mail dwa razy).

Oryginalna wersja mobilna	Przekonwertowana wersja mobilna
Oryginalna wersja trybu ciemnego	Przekonwertowana wersja trybu ciemnego

W przypadku wersji ze wszystkimi obrazami użyłem stylizowanego tekstu ALT, aby zachować podobieństwo do logo i sloganu w stopce, dzięki czemu wiadomość e-mail wygląda podobnie do wersji graficznej, gdy obrazy są wyłączone. Wersja z tekstem na żywo jest o wiele bardziej atrakcyjna wizualnie, atrakcyjna i angażująca niż wersja zawierająca wszystkie obrazy.

Zobacz, jak Carin to robi

*Wszystkie e-maile do konwersji zostały pobrane z mojej skrzynki odbiorczej

Spraw, by Twoje e-maile świeciły bez względu na okoliczności

Jedną z rzeczy, których nauczyłem się od lat spędzonych w e-mailach, jest to, że subskrybenci zawsze będą robić nieoczekiwane. Niezależnie od tego, czy chodzi o przeszukiwanie wiadomości e-mail zamiast korzystania z folderów, czy otwieranie wiadomości e-mail w przeglądarce w telefonie, nie wiesz, jak ludzie będą odbierali Twoją pocztę. Dlatego postaraj się zapewnić swoim subskrybentom optymalne wrażenia bez względu na to, gdzie otwierają Twoją wiadomość e-mail.