Litmus Kullanarak Modüler Binaya Başlarken

Son zamanlarda modüler bina hakkında çok konuşuyoruz ve bunun iyi bir nedeni var. E-posta geliştirmeyi kolaylaştırmanın ve hızlandırmanın harika bir yolu.

Ve e-posta ekiplerine yönelik artan taleplerle birlikte, ayak uydurmamıza (ve tükenmememize) yardımcı olacak ölçeklenebilir sistemleri devreye sokmanın zamanı geldi.

İşte burada modüler yapı devreye giriyor. Farklı kombinasyonlarda bir araya getirilebilen yeniden kullanılabilir içerik bloklarından yararlanır. Onları Legolar gibi düşünün, ancak e-posta için.

Bu konseptte yeniyseniz, genel bir bakış için modüler bina 101 blogumuza göz atın.

Bu blog, biz işiniz için iş yaratma ve Litmus modülleri binada başlamak-hem yardımcı olacağız.

Litmus'taki farklı modüler bileşenler nelerdir?

Dalmadan önce, Litmus'taki modüler bina hakkında konuşurken referans aldığımız birkaç terimi ele alalım.

snippet'ler

Parçacıklar, yeniden kullanılabilir içerik modülleridir ve e-posta tasarımlarında yaygın olarak kullanılan öğeler için idealdir. Modülün en esnek türüdür ve dahil edildikleri e-posta veya şablon içinde düzenlenebilirler.

İyi snippet oluşturan bazı bileşenler şunlardır: ana bloklar, birincil/ikincil, üçüncül içerik blokları ve CTA'lar.

Kısmi

Kısmi parçalar, birden çok e-postada kullanılabilen küresel, dinamik, yeniden kullanılabilir modüllerdir. Kısmi olarak yapılan değişiklikler, o kısma referans verilen her bir e-posta veya şablona uygulanarak zamandan tasarruf sağlar ve bir e-postayı veya şablonu güncellemeyi unutma olasılığını ortadan kaldırır.

İyi kısmi öğeler oluşturan bileşenler şunları içerir: üstbilgiler, altbilgiler, CSS sıfırlama ve temel stiller, duyarlı kesme noktaları ve stiller ve boşluk öğeleri.

şablonlar

Şablonlar, ekibinizin markaya uygun, hatasız e-postaları hızla oluşturmasını sağlar. Her gönderim için tüm bir e-postayı sıfırdan yeniden yazmak yerine, test etmeden ve abonelerinize göndermeden önce mevcut bir şablona kopya, resim ve bağlantılar ekleyebilirsiniz.

Tasarım Kitaplığı

Tasarım Kitaplığı, kod modüllerinizi tek bir merkezi noktada depolayacağınız yerdir. Litmus'ta oluştururken, Tasarım Kitaplığınıza kaydedilen parçacıkları ve bölümleri e-postalarınıza çekebilirsiniz.

Modüler binaya başlamak için nasıl katılım alabilirim?

Modüler yapıyı benimsemenin önündeki en büyük engel zamandır. Yeniden kullanılabilir bir kod kitaplığı oluşturmak üzere takviminizde zaman kazanmak için, liderlik ekibinizden satın almanız gerekir.

Her organizasyonun katılım sağlama konusunda farklı bir yaklaşımı vardır, ancak aşağıdakilerin modüler binaya yatırım yapmanın değerini ve önemini göstermenize yardımcı olacağını umuyoruz.

Pazarlama yöneticilerinizle birlikte eve götürmek isteyeceğiniz başlıca avantajlardan bazıları şunlardır:

• Kitlesel olarak artan personel sayısı olmadan geniş ölçekte marka içi deneyimler sunar
• Daha fazla e-postayı daha hızlı alabilmeniz için zaman kazandırır
• Geliştirmeden çok e-posta stratejisine odaklanabilmeniz için yabani otlardan kurtulmanıza olanak tanır

Ve 2021 E-posta Durumu Raporundaki bu istatistikler de durumun ortaya çıkmasına yardımcı olacaktır:

• E-posta hacmi pandemiden bu yana %61 arttı, ancak personel sayısı artmadı. Modüler yapı, personel sayısı eklemeden daha hızlı inşaat yapmanıza yardımcı olabilir.
• E-posta pazarlamacılarının %58'i 2 haftalık üretim süresine sahiptir. Modüler yapı, e-posta geliştirmeyi hızlandırmanıza ve bir e-postayı almak için gereken süreyi kısaltmanıza yardımcı olabilir.
• E-posta pazarlamacılarının %43'ü şu anda snippet kullanıyor ve %12'si de kullanmayı planlıyor. Bu, e-posta pazarlamasının geleceği ve eğrinin önünde kalmak istiyorsunuz.
• E-posta pazarlamasının yatırım getirisi 36:1'dir. Başarılı e-posta pazarlamasının anahtarı, tutarlı marka deneyimleridir; modüler bir yapı, ulaşmanıza yardımcı olabilir.

Modüler binaya nasıl başlayabilirim?

Buna yaklaşmanın birkaç farklı yolu var.

Burada Litmus'ta bir denetimle başladık. Bu, mevcut e-posta şablonlarımızı belgelemeyi ve hepsinde ortak olan modülleri tanımlamayı içeriyordu. Daha sonra, kodlamaya atlamak yerine modüllerimiz için tel kafesler tasarlamak ve oluşturmak için Figma'yı kullandık. Bu, gerçekten tekrar tekrar kullanacağımız kod modülleri oluşturmamızı sağladı ve bunu önerdiğimiz yaklaşım haline getirdi.

Veya şablonlar oluşturarak başlayabilir, ardından modüllere kadar inebilirsiniz. Müşterilerimizden biri olan Ferguson Enterprises, modüler binaya bu şekilde başladı ve bu onların hızlı bir şekilde başlamalarını ve zaman içinde tekrar etmelerini sağladı.

Bahsettiğimiz gibi, modüler yapının önündeki en büyük engel zamandır. Yinelemeli bir yaklaşım benimsemek, tam bir e-posta tasarım sistemi oluşturmak için yeterli zamanınız ve kaynaklarınız olmasa bile başlamanıza izin verebilir.

Modüller oluşturmak için Litmus'u nasıl kullanabilirim?

Litmus'ta modüller oluşturmanın iki yolu vardır:

1. Doğrudan Tasarım Kitaplığında
2. Modülleri Builder'dan kaydetme

Her birine ve başlamak için seçeneklere bir göz atalım.

Tasarım Kitaplığında modüller oluşturma

Tasarım Kitaplığı'na gidin, ardından sağ üst köşedeki Yeni modül düğmesine tıklayın. İki seçenek göreceksiniz: Yeni Snippet ve Yeni Kısmi.

Bir snippet oluşturmak için Yeni Snippet'i tıklayın. Bir sonraki ekranda, snippet'inize bir ad ve bir tetikleyici verin. Tetikleyici, parçacığı Litmus Builder'ın kod düzenleyicisine (örneğin, p-liste) eklemek için kullanacağınız bir metin dizisidir. Snippet içeriği bölümünde, kodunuzu kopyalayıp yapıştırın.

Yeni bir kısmi oluşturmak için Yeni Kısmi'yi tıklayın . Partial'inize bir isim verin ve yeni bir editör penceresi açılacaktır. Kodunuzu girin ve ardından kaydet'i tıklayın. ( Not: Kısmi parçalar yalnızca Tasarım Kitaplığında oluşturulabilir.)

Litmus Builder'dan modüller oluşturma

Litmus Builder'dan modül oluşturmanın ilk adımı yeni bir e-posta başlatmaktır. Başlamak için herhangi bir klasördeki Yeni E-posta düğmesini tıklayın. E-postanıza bir ad verin ve "Bir şablon seçin"i seçin. Buradan boş e-posta şablonunu seçin.

Mevcut e-posta şablonlarınız varsa , HTML veya CSS'nizi kopyalayıp Builder'ın kod düzenleyicisine yapıştırın. Kodun bir bölümünü vurgulayın ve Seçimi modül olarak kaydet yazan bir düğme göreceksiniz . Tıpkı Tasarım Kitaplığından bir snippet oluştururken olduğu gibi, snippet'inize bir ad ve bir tetikleyici vereceksiniz. Snippet'inizi kaydetmek için Modül oluştur'a tıklayın. Ve işte! İşte bu kadar kolay.

Şu anda çekilecek kodunuz yoksa, sorun değil ! E-posta topluluğu bunun için var. Kendi Carin Slater'ımız, çalmanız için bu örnek parçacıkları ve bölümleri hazırladı. Ve Litmus Topluluğu, kullanabileceğiniz bazı favori snippet'lerini paylaştı.

Modüler e-posta oluşturmayı deneyin Litmus, modüler olmayı kolaylaştırır. Snippet'lerinizi ve kısmi parçalarınızı Tasarım Kitaplığı'nda depolayın ve düzenleyin. Ardından, Litmus Builder'daki Visual Editor ile e-postaları hızla oluşturun ve QA testi yapın. Hatta modülleri olan tamamen optimize edilmiş bir e-posta şablonuyla önceden yüklenmiş olarak gelir, böylece hemen müdahale edebilirsiniz. Deneme sürümüne başla