Tamamı görseller yerine HTML e-postaları yapmak düşündüğünüzden daha kolay

E-posta bu yıl itibariyle yaklaşık 50 yıldır var, ancak başlangıçta hepsi düz metin e-postalardı. E-posta pazarlaması fikri 1978'de doğdu, ancak 1990'lara kadar HTML e-postası bir şey olmadı. E-posta pazarlamasının ilk dünyasında, e-posta SPAM'i yaygın bir sıkıntıydı ve e-posta istemcileri, SPAM'i engellemeye yardımcı olmak için birçok farklı filtre kullandı. Bu filtrelerden biri, tamamı resimli e-postaları engelledi. Daha 2007'de Mailchimp, e-postanızda dev bir resim kullanmanın e-postanızın engellenmesine neden olabileceğini ve hemen çıkma oranınızı %23'e kadar artırabileceğini keşfetti.

E-posta pazarlaması geliştikçe, SPAM filtreleri de gelişti. Bu gün bir all-görüntü-posta mutlaka SPAM olarak işaretlenmiş almazsınız, ancak tüm görüntü e-postalar oluşturabilir sırf sen gerektiği anlamına gelmez.

Tüm görsellerden oluşan e-postalar hakkında lehte ve aleyhte olan nedenleri ele almak için dürüst bir konuşma yapmanın zamanı geldiğini düşünüyorum. Hazır buradayken, bazı tamamı resimli e-postaları canlı metin e-postalarına dönüştürmenin ne kadar kolay olabileceğine bir göz atacağız.

Tamamı resimli e-postaları değerlendirelim

Artıları

"Ne demek, tamamı resimli e-postaların artıları var mı?!" sen sor. Evet, var. Tamamı resimli e-postalar, eskiden olduğu gibi e-posta sahtekarlığı değildir. Aslında, normalde canlı metin e-postaları gönderirken bazı şeyleri değiştirmek ve tamamı resimli bir e-posta göndermek etkileşiminizi artırabilir. Yeni bir şey muhtemelen abonelerinizin canlanmasına neden olacak. Ancak, bazı şirketler için tamamı resimli e-postaları tercih edilen seçenek yapan başka şeyler de var.

1. Marka stillerini korumak
   Kullanılan marka stilleri konusunda çok spesifik olan bir marka için çalışıyorsanız, muhtemelen tam resimli e-postalar gitmeniz gereken yoldur. Yazı tiplerinin her yerde doğru olduğundan emin olabilirsiniz. Ayrıca, tüm e-posta istemcilerinde herhangi bir marka stilinin korunduğundan emin olabilirsiniz. Tamamı resimli e-postalarda, canlı metin e-postasında olduğu kadar e-postanın kesilmesi konusunda endişelenmenize gerek yok.
2. Görsel olarak etkileyici
   Tamamen görsel e-postalara başvurmadan görsel olarak etkili e-postalar oluşturabileceğinize inandığım için kişisel olarak buna çok fazla inanan biri değilim. Ancak, canlı bir metin e-postası ile her yerde yapamayacağınız bazı şeyler vardır (harika bir e-posta geliştiriciniz varsa çok fazla olmasa da). ReallyGoodEmails harika e-posta ilhamlarıyla doludur ve büyük bir kısmı tamamen resimli e-postalardır çünkü dürüst olmak gerekirse, gerçekten güzel görünürler.
3. Daha ucuz
   Bazı insanlar, bir tasarımcıya ve bir geliştiriciye ödeme yapmanız gerekmediği için tamamı resimli e-postaların daha ucuz olduğunu iddia edebilir. (Bazı durumlarda, bu şirketlerin bir tasarımcı bile kullanmadığından eminim). Görüntüleri en sevdiğiniz fotoğraf düzenleme programında oluşturabilir ve ardından bunları kaydedip doğrudan ESP'nize koyabilirsiniz. Abonelerinize güzel bir e-posta göndermenin hızlı ve kolay bir yolu.

Eksileri

Kendi Magan Le'miz bana tamamı resimli e-postalar hakkındaki düşüncelerimi sordu ve dürüst olmak gerekirse, eskisi kadar yalnızca resim karşıtı e-postalar değilim. Yine de tamamı resimli bir e-postayla herkese harika bir e-posta deneyimi sağlayabileceğinizi düşünmüyorum. Ancak bazı işletmeler için tamamı görsellerden oluşan bir e-posta mantıklı olabilir. Ancak kararı vermeden önce, olumsuzlukları hesaba kattığınızdan emin olun:

1. Kötü erişilebilirlik
   Tamamı resimli e-postalar, canlı metin e-postaları kadar erişilebilir değildir. "Ama doğru ALT metni koydum, Carin!" Bu harika. Ve gerçekten iyi ALT metniyle tamamı resimli e-postalar yapan bazı şirketler var. Ancak erişilebilirlik, yalnızca ALT metni yerleştirmekle ilgili değildir. Herkes için erişilebilir bir e-postaya sahip olmak, herkes tarafından okunabileceği anlamına gelir . ALT metni, yazı tipi boyutunu büyütmek için ayarları kullanan disleksi veya az gören kullanıcılar için herhangi bir yardımcı değildir. Bunlar, canlı metin e-postalarının tamamen resimli e-postalardan çok daha iyi işleyebileceği sorunlardan sadece birkaçı.
2. Kötü kullanıcı deneyimi
   Görüntülerini etkinleştirmiş aboneler için bile, tamamı görüntülü e-postalar, canlı bir metin e-postasından daha kötü bir kullanıcı deneyimi olabilir. Daha yavaş internet bağlantılarına sahip aboneler, görüntülerin yüklenmesi için uzun bekleme süreleri yaşayabilir. Büyük, sıkıştırılmamış resimler kullanmak, aboneniz mobilde okurken e-postalarını kontrol ediyorsa verilerini tüketebilir. Ve kişiselleştirmeyi düşünün! Canlı bir metin e-postasına bir birleştirme etiketi bırakmanın, tüm listeniz için kişiselleştirilmiş görüntüler elde etmekten çok daha kolay olduğuna sizi temin ederim.
3. Eksik veya kayıp harekete geçirici mesajlar (CTA'lar)
   Tamamı resimli e-postalarda, resimlerini kapatan tüm aboneler, resminizdeki tüm CTA'ları kaybeder. E-postanızda olabilecek diğer her şeyden bahsetmiyorum bile. E-postanızı açmadan tıklayan abone sayınız az olduğu için bu konuda endişelenmenize gerek olmadığını düşünebilirsiniz. Ama kaç aboneleri kapalı görüntülerle e-posta incelemekte ve bunlar CTA göremiyorum çünkü tıklamayın?

Bunlar sadece olumsuzluklara genel bir bakış. Daha fazla ikna etmeye ihtiyacınız varsa (veya müşterinizin ihtiyacı varsa), Magan neden tamamen resimli e-postalar göndermemeniz gerektiği konusunda çok daha derinlemesine gidiyor.

Canlı e-postaların nesi harika?

Tüm e-posta pazarlama kariyeriniz boyunca tamamı resimli e-postalar gönderdiniz ve "tamamı resimli e-postalar göndermeyin" nakaratını tekrar tekrar duydunuz, ancak başarıdan başka bir şey elde edemediniz mi? Bu harika. Ancak, canlı e-postalarla ilgili harika şeylerden bazılarını size bildirebilir miyim?

Artıları

1. Güncellemek daha kolay
   Tamamı resimli e-postaların güncellenmesi zahmetlidir. Resmi güncellemeniz, yeniden kaydetmeniz, yeniden yüklemeniz ve ardından e-postanıza eklemeniz gerekir. Ve muhtemelen orada da bazı onaylarınız var. Canlı bir e-posta ile yanlış yazılmış bir kelimeyi veya yanlış bir tarihi güncellemek basit bir meseledir. Tek yapmanız gereken hatayı bulup düzeltmek. -Gerçekten- çizim tahtasına kadar geri gitmeye gerek yok.
2. Daha iyi abone deneyimi
   Canlı bir e-posta ile, daha yüksek çözünürlüklü ekranlara sahip aboneler için kopya yeniden boyutlandırılacak, metin mobil cihazlarda çok küçük olmayacak ve Karanlık Mod'da renklerin nasıl tersine çevrileceği üzerinde biraz kontrol sahibi olacaksınız. Abonelerinizin herhangi bir nedenle resimleri kapalı olsa bile, e-posta içeriği ve CTA'lar yine de görüntülenebilir olacaktır.

Eksileri

1. Daha pahalı
   "Yaptığımız her e-posta için bir geliştirici kiralamak çok pahalı." Evet, muhtemelen öyle. Bu nedenle, gönderdiğiniz her e-postayı yapması için bir geliştirici tutmamalısınız. Daha sonra kendiniz uygulayabileceğiniz modüler bir sistem oluşturmak için bir geliştirici kiralayın. Birçok e-posta servis sağlayıcısı (ESP) şablonlama sistemleri sunar, bu nedenle şirketinize özelleştirilmiş bir şablon sistemi oluşturmak için bir geliştirici kiralayın. ESP'niz buna sahip değilse, bir geliştiricinin Litmus Builder'da kısmi parçalar ve parçacıklar oluşturmasını ve ardından Litmus'ta e-posta oluşturmak için Sürükle ve Bırak ve Görsel Düzenleyici işlevlerini kullanmasını sağlayabilirsiniz. E-postalarınızda düzenleme yapmak için daha az ileri geri ile uzun vadede zaman kazanacağınıza söz veriyorum.
2. oluşturmak daha zor
   Yoksa onlar mı? Bu, birçok işletmeden duyduğum eksilerden biri. Bir geliştiricimiz yok, bu yüzden canlı e-posta yapamıyoruz. Yukarıda belirtildiği gibi, birçok ESP'nin şablonları ve modüler bina çözümleri vardır. ESP'niz yoksa, Litmus'un bir Görsel Düzenleyicisi vardır ve Litmus Topluluğunun kendi e-postalarınızı oluşturmak için kullanabileceğiniz birçok şablonu ve parçacığı vardır. Hatta başlamanıza yardımcı olacak modüler bir şablonumuz ve snippet'lerimiz var.
3. Tasarım tüm e-posta istemcilerinde aynı değil
   Hayır, çoğu e-posta tüm e-posta istemcilerinde aynı değildir. Bir geliştiriciniz varsa ve çok zamanınız varsa, muhtemelen oldukça yakınlaşabilirsiniz. Ancak, e-postalarınızın tüm e-posta istemcilerinde aynı olmasına gerçekten ihtiyacınız var mı? Evet, renkler aynı olmalı ama butonlarınızın köşelerinin yuvarlatılmış olması, yazı tipinin biraz farklı olması veya daha küçük ekranda yerleşim düzeninin aynı olması abonelerinizin deneyimlerini okunamayacak kadar etkileyecek sorunlar değil. metin olurdu.

Tüm resim e-postalarını dönüştürme

Şimdi eğlenceli kısma geçiyoruz. Tüm görsellerden oluşan bu güzel e-postaları canlı metne dönüştürmek. E-postanızın yine de tüm görsellerden oluşan bir e-posta kadar şaşırtıcı ve göz alıcı olmasını sağlamak için kullanabileceğiniz birkaç teknik var.

Arka Plan Resimleri

Tamamı resimli bir e-posta göndermenin en yaygın nedenlerinden biri, yalnızca beyaz veya düz renk olmayan ilginç arka planlara sahip olmanın görsel olarak daha ilginç bir e-posta oluşturmasıdır. Ancak e-postanızda arka plan olarak düz bir renk kullanmak zorunda değilsiniz. Arka plan resimlerini kullanabilirsiniz ve bunları doğru kodlarsanız çoğu e-posta istemcisinde desteklenir. Windows 10 postası en büyük istisnadır. Windows 10 postasında geniş bir abone tabanınız varsa, arka plan resimlerinden uzak durmalısınız.

Arka plan resmiyle kodlanmış bir e-posta ile yalnızca bir resim olarak kodlanmış bir e-posta arasında büyük bir fark vardır. Bir arka plan resmi kullanıyorsanız, resimler kapalıyken bile metnin tamamı görünür durumda kalır, böylece abone yine de ilk harekete geçirici mesajı tıklayabilir ve e-postanın ne hakkında olduğu ve kimden geldiği hakkında bir fikir edinebilir. :

Arka plan görüntüsü efekti oluşturmak için görüntünün kullanıldığı bir e-postanın aksine. Bu durumda, ilk CTA (logo ve şirket adı gibi) kaybolur. E-posta o kadar etkili değil ve "en çok satanlar" bölümü hala görünür ve eyleme geçirilebilir olsa da, e-postanın amacı -kurumsal paketlerden tasarruf etmek- kayboluyor:

Kahraman parça, tüm resimlerle oluşturulur; resimler açık (Kaynak: Gerçekten İyi E-postalar )	Kahraman parça, tüm görüntülerle oluşturulur—görüntüler kapatılır

Arka plan resimlerini kodlamak en kolay şey değil, ancak size bu konuda yardımcı olacak bir blog yazımız var. Litmus'ta arka plan görüntüleri ile ayarlanmış şablonlarınız varsa, arka plan görüntülerini Visual Editor'da koda dokunmadan bile değiştirebilirsiniz. Görüntü boyutlarının değiştirdiğiniz görüntüyle eşleştiğinden ve kullandığınız görüntüyü çok büyük olmayacak şekilde sıkıştırdığınızdan emin olun.

Ofset resimler ve metin

Beklenenden veya normalden kopan her şey gözümüzü çekme eğilimindedir ve bunun örneklerini e-posta da dahil olmak üzere her yerde görebilirsiniz.

Yukarıdaki örnekte, tam bir görüntü olarak kolayca yapabileceğiniz görüntü ofseti vardır, ancak bir metin bloğunu dengelemek isterseniz ne olur? Pekala, birkaç seçeneğiniz var. Metnin gerçekte kaymaması için biraz dengeleyebilirsiniz, yalnızca bu e-postadaki gibi öğenin dengelenmiş gibi görünmesini sağlayabilirsiniz:

Burada e-postanın üst kısmı kaydırılmıştır, ancak gördüğünüz gibi aslında beyaz kısımda sadece biraz mavi var, metin veya resim yok. Böylece boş bir tablo hücresi kullanabilirsiniz. Ya da her yerde işe yarayan yuvarlak köşeler istiyorsanız dekoratif bir görsel kullanabilirsiniz. Ancak bu teknikler hakkında daha sonra. Bu durumda, e-postanızın asıl içeriği dengelenmez, ancak öyle görünüyor.

Diğer seçenek, her şeyin bu e-postadaki gibi dengelenmesini sağlamaktır:

Bu e-posta, bir resim üzerinde bir blokta yer alan tüm belirtme çizgisi bölümüne sahiptir. Bunu web üzerinde mutlak konumlandırma ile yapmak kolaydır, ancak bu, e-postada her yerde desteklenmediğinden biraz daha zor hale gelir. Bildiğim iki farklı yöntem var. Daha fazlasına sahipseniz, yorumlarda bize bildirin!

İlk olarak, Sahte Mutlak Konumlandırma var. Steven Sayo ve Mark Robbins, bu tekniğin nasıl yapılacağını öğrenmek için adım adım harika kılavuzlar yazdılar. Steven ve Mark, Outlook'ta çalışması için geri dönüşler sağlıyor ve sınırlı deneyimime göre oldukça iyi bir desteği var.

Kod konusunda o kadar rahat değilseniz, görüntüleri dilimleyerek ve ofsetlemek istediğiniz öğenin etrafına yerleştirerek de bu efekti oluşturabilirsiniz. Biraz daha dağınık, ama işe yarıyor. Test ettiğinizden, test ettiğinizden, test ettiğinizden emin olmalısınız, çünkü bir şeylerin yanlış gitme olasılığı ve bir görüntünün düzgün şekilde sıralanmaması olasılığı daha yüksektir.

Sahte mutlak konumlandırmanın hayranıyım çünkü bu, e-postaların canlı metnini korurken ve dilimlenmiş görüntüleri sıraya koyma konusunda endişelenmenize gerek kalmadan e-postaların bu dramatik dengeye sahip olmasına izin veriyor, ancak her iki yöntem de işe yarayacak.

Web yazı tipleri ve canlı metin

Marka standartlarını korumak, tamamı resimli e-postaları kullanmanın bir başka büyük nedenidir, çünkü yazı tiplerinin her yerde görünmesini sağlayamazsınız. anladım. Ancak, Helvetica ve Arial'den çok daha fazla geri dönüş seçeneği var. Mesajınızın tüm e-posta istemcilerinde iletildiğinden emin olmak için şirketinizi veya müşterilerinizi marka yönergelerinizde standart bir yedek yazı tipine sahip olmaya teşvik edin.

Samsung, manşetleri için yedek yazı tipi olarak Trebuchet MS'yi kullanarak bunu ilginç kılıyor. Tam olarak Samsung One marka yazı tipi değil, ancak Helvetica, Arial, ALT metin veya hiçbir şeyden daha ilginç ve dikkat çekici:

Web yazı tipi etkin ve resimler açıkken e-posta	Yedek görüntülenen ve resimler kapalı olan e-posta

İlginç geri dönüşlere sahip web yazı tipleri eklemek, e-postanız için resimlere güvenmediğinizde e-postanızın öne çıkmasına yardımcı olmanın en hızlı yollarından biridir. Bunları bir kez eklemek ve ardından tüm e-posta tasarım sisteminize uygulamak kolaydır. E-posta şablonlarınız web yazı tipleriyle ayarlandıktan sonra, şablonlu bir sistem kullanıyorsanız kodlayıcı olmayanlar bile bunlardan yararlanabilir.

Tarz ALT metni

ALT metnini şekillendirerek, e-postanın, resimler kapalıyken bile göründüğü şeklin bir kısmını korumasını sağlayabilirsiniz. Logomuzun kaba bir versiyonunu korumak için burada Litmus'ta stilize ALT metni kullanıyoruz, ancak bunu, tamamen resimli e-postalar oluşturmanız gerekiyorsa, onları öne çıkarmak için bu resim tabanlı düğmelerde de kullanabilirsiniz. Görüntü etiketine CSS ekleyerek ALT metnine stil verebilir ve ALT metni için arka plan renklerini ve yazı tipinin birçok yönünü değiştirebilirsiniz. Her yerde desteklenmez, ancak nerede desteklendiğini ve nasıl yapıldığını görmek için Nihai Stile Sahip ALT Metin Kılavuzumuza gidin.

Tasarım öğeleri olarak görüntüler, boş tablo hücreleri ve stilize edilmiş yatay kurallar

İlginç öğeler oluşturmak için görüntünün tamamına sahip olmanız gerekmez. Bazen onu bitirmek için görüntünün parçalarını kullanmak ve bunları tablo hücreleriyle birleştirmek, görsel ilgi yaratmak için kullanılabilir.

Tüm e-posta istemcilerinde görünen yuvarlatılmış köşeler oluşturmak için kapsayıcıların üst ve alt kısımlarına yuvarlatılmış köşelerin resimlerini ekleyeceğim. E-postanızın bölümleri arasında geçişler olarak açılar veya şekiller oluşturmak için benzer şeyler yapabilirsiniz. Şeklin tamamını bir görüntüyle oluşturmak yerine, metin içeren kısım için arka plan renklerini kullanın ve ardından öne çıkması için bölümün üstüne veya altına bir görüntü ekleyin.

Bölümler arasında ilginç geçişler veya ayırıcılar oluşturmak için yatay kurallarınızı da şekillendirebilirsiniz. Litmus'ta bir çizgi oluşturmak için basit stiller kullanıyoruz, ancak yalnızca yatay bir kuralla ilginç bölücüler oluşturmak için deneyebileceğiniz birçok farklı teknik var. (Nasıl gittiğini bize bildirin!).

İçeriği bölmek için kullandığımız renkli bir ayırıcımız da var. Bu tamamen arka plan renkleri ve tablo hücreleri ile yapılır:

Kodunuzla yaratıcı olun ve resimler olmadan neler yapabileceğinizi görün!

kurşun geçirmez düğmeler

Bu, tüm resimli e-postalarla ilgili en büyük evcil hayvanımdır. Görüntü tabanlı eylem çağrıları, abonelerinizin görememeleri durumunda harekete geçmeleri için zordur. Diğer her şeyi uygulamak çok zorsa, lütfen en azından harekete geçirici mesajlarınız için canlı metin düğmelerini kullanmaya başlayın.

Bunlar iki farklı e-postadır, biri canlı metin düğmesi kullanan, diğeri ise görüntülerden birinde düğme bulunan tamamı görüntülü bir e-postadır. Soldaki e-posta, sağdaki e-postadan çok daha fazla işlem yapılabilir.

Görüntüler kapalıyken canlı metin düğmeli e-posta (Kaynak: Gerçekten İyi E-postalar )	Görüntüler kapalıyken görüntü tabanlı düğmeli e-posta (Kaynak: Gerçekten İyi E-postalar )

Tamamı resimli e-postaları kullanma konusundaki argümanınız, açılmadan çok fazla tıklama alamamanızsa, bu nedenle resimler kapalıyken geniş bir hedef kitleniz olmamalıdır, resimler kapalıyken CTA'larınızın nasıl göründüğüne bakın. Neye tıkladıklarını bilmeseler, pek çok insan tıklamaz.

Canlı metin düğmeleri oluşturmanın birkaç farklı yolu vardır, bu nedenle hedef kitlenize uygun bir yöntem kullandığınızdan emin olun ve her zaman olduğu gibi: Test edin, test edin, test edin!

Bu tamamı resimli e-postaları dönüştürme

Tüm görsel e-postaları canlı metne dönüştürmek için bu tekniklerden bazılarının nasıl kullanılabileceğini size göstermeme yardımcı olmaları için bazı e-posta geliştiricileri ile iletişime geçtim. Bu e-postaları canlı metne dönüştürmenin yalnızca e-postanın görseller kapalı sürümünü geliştirmediğini, aynı zamanda e-postanın mobil ve Karanlık Mod sürümünü de iyileştirdiğini fark edeceksiniz.

S'well e-posta dönüştürme

Anne K. Tomlin, Email's Y'all'ın kurucusudur. E-posta tuhaflıklarının içini ve dışını bilen deneyimli bir kodlayıcı, tamamen canlı metnin bir e-postada yaratabileceği farkı göstermekle ilgiliydi.

Kendi sözleriyle: Tümü resimli e-postalar, varsayılan olarak resimleri engellenmiş kişilere ve ekran okuyucu veya dijital yardımcı (Siri, Alexa, vb.) kullanan kişilere mesajınızı iletmez. Hedefiniz dönüşümse, bu insanlara dönüşüm yapma şansı bile vermemişsinizdir. S'well'in e-postası, hiçbir alt metin olmadığı için normal bir salt resim e-postasından 10 kat daha kötüydü. Bir ekran okuyucu veya dijital asistan şunu okurdu: "Cesur hareketleri, büyük fikirleri ve neşeyi kutlayın! Bu e-postayı tarayıcınızda görüntüleyin. Mağaza. Hikayeler. Hakkımızda. Kabarma." ve ardından alt bilgiyi okumak için hemen atlayın. Ne korkunç bir deneyim! Görüntüleri engellenen aboneler kelimenin tam anlamıyla boş bir sayfa görür. Hiç kimse boş bir sayfaya bakıp "Bunu bir tarayıcıda kontrol etmeliyim!" diye düşünmez. ve "tarayıcıda görüntüle" bağlantısını tıklayın. Bir abonenin dikkatini çekmek için 5 saniyeniz var, bu nedenle tamamı resimli bir e-postanız varsa ve bu resimler varsayılan olarak yüklenmiyorsa, hiç e-posta göndermemiş olabilirsiniz. Aslında, o abone, onlara hiçbir şey göndermediğiniz için buna bakabilir, bu yüzden abonelikten çıkmaları gerekir.

Orijinal e-posta:

Anne'nin canlı metin versiyonu:

Anne'nin versiyonunu, çoğunlukla kediler yüzünden, ama aynı zamanda mobil ve Karanlık Mod'da artan erişilebilirlik nedeniyle çok tercih ediyorum. Metin bir görüntünün içine hapsolmaz, bu nedenle küçültmek yerine okunaklı kalır. Karanlık Mod versiyonu aslında karanlık ve karanlık bir odada bakıyorsam göz kamaştırıcı derecede parlak bir ışık olmayacak, ayrıca, göz yorgunluğunu azaltmak için telefonunu Karanlık Mod'a ayarlayan herkes, karşı karşıya gelmeyecek. kaçınmaya çalıştıkları ışık modu.

Orijinal Mobil sürüm	Anne'nin Mobil versiyonu
Orijinal Karanlık Mod sürümü	Anne'nin Karanlık Modu versiyonu

Ve tüm görüntü dönüştürme için…. [davul rulosu, lütfen]

Tada! Görüntüler kapatıldığında hiçbir şey kaybolmaz (sevimli kedi yavruları hariç). Aboneler yine de harekete geçebilir ve en önemlisi: Mesajınızı yine de okuyabilirler .

Anne'nin nasıl yaptığını görün

Sihirli Kaşık e-posta dönüştürme

Carin Slater, E-posta Pazarlama Uzmanı ve tüm Litmus e-postalarının arkasındaki e-posta geliştiricisidir. Bekle, o benim! Tamam, resimli e-postalar konusundaki tavrımı biliyorsun.

Magic Spoon e-postalarını (ve Magic Spoon mısır gevreğini de çok seviyorum) ama gelen kutuma tamamı resimli e-postalar olarak geldiklerinde her zaman üzülürüm. Resim metnini ALT metni olarak eklemekte genellikle oldukça iyidirler, böylece resim yoksa e-postada neler olup bittiğini hala öğrenebilirsiniz, ancak bu e-posta, gönderdikleri diğer e-postalar kadar açıklayıcı veya kapsayıcı değildi. Gerçekten eğlenceli ve resim kullanmadan yapmak zor gibi görünen bir GIF düğmesi olduğu için bununla başa çıkacağımı düşündüm.

Orijinal e-posta:

Carin'in canlı metin versiyonu:

Windows'ta Outlook 365 masaüstü istemcilerinde Karanlık Mod'da mükemmel görünmediğinden bir uzlaşma yapmak zorunda kaldım, bu yüzden Magic Spoon abonelerinin e-postalarını nerede açtığına bağlı olarak önemli olabilecek veya olmayabilecek bir şey olurdu. Tasarım dosyasından değil de tamamı görüntüden oluşan bir e-postadan çalıştığım için, her ikisi de değişebilsinler diye her ikisini de isteyeceğim bir Karanlık Mod veya GIF'in mobil sürümünü oluşturamadım. Orijinal dosyalarla çalışıyordum. Bu sorunlara rağmen, Karanlık Mod ve mobil sürümler, canlı metin sürümünde geliştirildi. GIF animasyonu mobil sürümde korunur ve metin daha okunaklı olsa da, Magic Spoon'un mobil için değiştirdikleri tamamen görüntülü bir sürüm oluşturmasıyla birazcık olsa da (mobil için evet, ancak e-postanın kodlanması için boo) iki kere).

Orijinal Mobil sürüm	Dönüştürülen Mobil sürüm
Orijinal Karanlık Mod sürümü	Dönüştürülen Karanlık Mod sürümü

Tamamı görsel olan sürüm için, logo ve alt bilgideki kısa açıklama için bir miktar benzerlik sağlamak için stilize ALT metni kullandım, böylece görseller kapatıldığında e-posta görsel sürümüne benziyor. Canlı metin versiyonu, görsel olarak çok daha çekici, eyleme geçirilebilir ve tamamen görsel versiyonundan daha ilgi çekici.

Carin'in bunu nasıl yaptığını görün

*Dönüşüm için tüm e-postalar gelen kutumdan çekildi

Koşullar ne olursa olsun e-postalarınızın parlamasını sağlayın

E-postada geçirdiğim yıllardan öğrendiğim bir şey, abonelerin her zaman beklenmeyeni yapacağıdır. Bu, klasör kullanmak yerine e-postalarda arama yapmak veya telefonlarındaki bir tarayıcıda bir e-posta açmak olsun, insanların e-postanızı nasıl deneyimleyeceğini bilemezsiniz. Bu nedenle, e-postanızı nerede açarlarsa açsınlar abonelerinize en iyi deneyimi sunduklarından emin olmak için elinizden gelenin en iyisini yapın.