Öğretici: E-postada Kişiselleştirilmiş Bir Resim Nasıl Oluşturulur

Günümüzün kişiselleştirilmiş e-postaları dinamik içerikle dolu. Gelen kutunuzdaki kaç e-postanın size özel kişiselleştirilmiş içerik içerdiğine bir göz atın. Bu, daha gelişmiş ürün önerileri, reklamlar ve hatta tam resimler için adınızı görmek kadar basit olabilir!

Bu makale ilk olarak kardeş blogumuz E-posta Tasarım Atölyesi'nde yayınlandı.

Bir dizi çevrimiçi araç sayesinde, bu e-posta tasarım atölyesinde göreceğimiz gibi, e-posta kampanyalarımıza dinamik içerik eklemek daha kolay ve daha erişilebilir hale geliyor. Aslında e-posta kampanyalarınızdan herhangi bir görseli alıp kişiselleştirilmiş, dinamik bir görsele dönüştürebilirsiniz. Aboneleriniz, NiftyImages'ın bu mutlu doğum günü resmiyle aşağıda gösterildiği gibi kendi adlarının gösterildiğini görecekler:

Pratik örnek: Mutlu Yıllar e-postası

Çevrimiçi bir stil markası olan Stitch Fix'ten bu doğum günü e-postasını alalım.

Doğum günleri, abonelerinizle kişisel düzeyde bağlantı kurmak için harika bir fırsattır. Onları düşündüğünüzü bilmekten ve özel günlerinde kişisel bir teklif görmekten mutlu olacaklardır. Halihazırda kişiselleştirilmiş bir doğum günü e-postası göndermiyorsanız , özel doğum günü e - postaları normal promosyon e-postalarına kıyasla %179 daha yüksek tıklama oranı elde ettiğinden, şimdi başlama zamanı.

Stitch Fix e-postasındaki statik doğum günü pastası resmini alıp abonenizin adını gösterecek dinamik, kişiselleştirilmiş bir resme dönüştüreceğiz . Benim adım Kelly ile gelen kutumdaki bitmiş e-posta şöyle görünüyor:

Çalıştaya başlayalım ve video eğitimimizi takip edelim:

[post_video_embed url=”https://www.youtube.com/embed/gYooNhQX57c” height=”” width=””]

Adım 1: Sürükle ve bırak düzenleyicide e-postanızı tasarlayın

Diyelim sürükle-bırak editörü Dikiş Fix mutlu yıllar email düzenini yeniden oluşturun. Tek bir sütun düzeniyle başlayın ve aşağıdaki başlık, görüntü bloğu ve metin bloklarını ekleyin.

Ardından metni ekleyin ve CTA düğmesini özelleştirin. Ayrıca orijinal e-postadaki gibi görüntüye turkuaz renkli bir HTML dolgusu ekleyelim. Şimdilik, yine de, resim yer tutucusunu boş bırakalım .

Düzenimiz büyük ölçüde tamamlandı. Şimdi NiftyImages'dan kişiselleştirilmiş, dinamik görüntüyü oluşturmamız ve ardından düzenleyicideki görüntü bloğumuza yüklememiz gerekiyor:

Adım #2: NiftyImages ile kişiselleştirilmiş görselinizi oluşturun ve özelleştirin

Henüz yapmadıysanız hemen başlamak için ücretsiz bir NiftyImages hesabı oluşturun!

Adım #2.1: Kişiselleştirilmiş imajınızı tasarlayın

Karşılama ekranında Yeni Kişiselleştirilmiş Resim öğesini seçin.

1. Kendi resminizi yükleyin
2. NiftyImages kitaplığından bir şablon seçin

İşte mevcut harika doğum günü resim şablonlarına bir göz atın:

Stitch Fix örneğindeki doğum günü resmimiz zaten olduğuna göre, NiftyImages'a yükleyelim. Dikiş Düzeltme görüntüsünü içe aktarmak için sağ üst köşedeki [Görüntü Yükle] düğmesine tıklayın. Bir sonraki düzenlememiz için varsayılan kişiselleştirme metni "Müşterilerimiz için harika fırsatlar" görünecektir.

Soldaki menüyü kullanarak yazı tipi boyutunu ve stilini ve metnin kendisini gerçekten özelleştirebiliriz . Mesajı doğum günü temasını yansıtacak şekilde güncelleyelim:

Şimdilik, dinamik metnimiz için FIRSTNAME'i yer tutucu olarak kullanacağız ; sonraki adımda e-posta servis sağlayıcınız (ESP) için nasıl özelleştireceğinizi göreceksiniz.

Ardından, adı posta listesi veritabanınızda olmayan herhangi bir alıcının eksiksiz bir ileti alması için yedek metin sağlayın .

Şimdi sağ üst köşedeki [Önizleme] düğmesine tıklayarak doğum günü resmimizin nasıl göründüğünü önizleyelim:

Adım #2.2: Dinamik resim URL'nizi oluşturun

Biraz teknik konuşalım. Tasarladığımız kişiselleştirilmiş mutlu yıllar resminin özel bir dinamik URL'si var . Resim URL'sinin sonunda , bu e-postayı göndermek için kullanacağınız e-posta gönderme platformuna özel bir parametre olarak alıcının adı alanına sahip olduğuna dikkat edin. Bu nedenle, açılır menüden e-posta servis sağlayıcınızı (ESP) seçmeniz gerekir. İşte e-posta pazarlama platformumuz MailUp için bir örnek.

Bu adım çok önemlidir: ilk ad birleştirme etiketi sözdizimi yanlışsa, görüntü çalışmayacaktır . Her ESP'nin birleştirme etiketleri için farklı bir sözdizimi vardır (örneğin bazıları küme parantezleri kullanır). NiftyImages'daki açılır menü, e-posta servis sağlayıcınızın (ESP) URL'sini oluşturur. ESP'nizi seçtikten sonra , resim URL'sini kopyalayın ve editöre geri dönelim. Neredeyse tamamız!

NiftyImages'dan dinamik resim URL'sinin nasıl oluşturulacağına ilişkin hızlı bir video eğitimi:

[post_video_embed url=”https://www.youtube.com/embed/uwUxinJaklM” height=”” width=””]

3. Adım: Kişiselleştirilmiş resmi e-postanıza ekleyin

MailUp düzenleyicide, sağdaki menüyü görüntülemek için resim yer tutucusuna tıklayın. İçerik Özellikleri'nden Dinamik görüntü düğmesini açın . Düzenleyicinin dinamik görüntü özelliği hakkında daha fazla bilgi edinmek için lütfen geri sayım sayaçları ve kişiselleştirilmiş içerik için dinamik görüntülerin nasıl kullanılacağına ilişkin yardım makalemize bakın.

NiftyImages'dan resim URL'sini yapıştırın ve kişiselleştirilmiş mutlu yıllar resmi artık düzenleyicide görünecektir.

Son olarak, yeniden oluşturulan Stitch Fix mutlu yıllar e-postasının , oluşturduğumuz kişiselleştirilmiş, dinamik görüntüyle nasıl göründüğüne bir göz atalım . Harika görünüyor, sence de öyle değil mi?

Özet: bir sonraki kişiselleştirilmiş e-postanızı tasarlayın

İşte! Sadece iki tasarım aracıyla ve üç basit adımda harika bir kişiselleştirilmiş mutlu yıllar e-postası oluşturduk. Bu nedenle, e-posta kampanyalarınızda daha fazla kişiselleştirme denememek için hiçbir mazeret yok! MailUp'ı henüz kullanmıyorsanız, ücretsiz deneme için kaydolun ve ek şablonlara ve tasarım özelliklerine erişin.