Aşağıdaki makale size yardımcı olacaktır:MailChimp’te ÜCRETSİZ Özel HTML E-postasını Nasıl Oluşturdum?
Müşterilerimizin çoğu, pazarlama e-posta kampanyaları için MailChimp’i kullanıyor. MailChimp, mükemmel teslim edilebilirliğe ve önceden tasarlanmış düzenler ve tamamen geliştirilmiş, renkli temalar da dahil olmak üzere çok sayıda kullanışlı özelliğe sahip müthiş bir üründür. Bir satır kod bilmeden etkili bir e-posta kampanyası oluşturabilirsiniz; yalnızca içerik bloklarını sürükleyip bırakın ve görselleri yükleyin. Tamamlamak.
Ancak bir satır kod bilmiyorsanız abonelerinize mükemmel şekilde tasarlanmış mesajı göndermekte zorlanabilirsiniz. Wix’un Austin ve Houston’da e-posta pazarlamaya yönelik hizmetlerinden biri özel e-posta tasarımıdır. E-postanızı tasarlıyoruz, HTML’ye dönüştürüyoruz ve ardından MailChimp’in “Kendi Kodunuzu Kodlayın” özelliğini kullanarak benzersiz kampanyanızı gönderiyoruz.
Tabii ücretsiz MailChimp hesabını kullanmıyorsanız. Hüzünlü müzik aç.
MailChimp Özel HTML Geçici Çözümleri
Yakın zamanda, müşteri tarafından onaylanmış bir e-posta modelini Photoshop’tan HTML’ye dönüştürmek ve ardından kampanyayı göndermek için müşterinin ücretsiz MailChimp hesabını kullanmak üzere Houston’da bir e-posta pazarlama görevim vardı. Ancak görünen o ki, HTML’yi yazıp onu Kendi Kodlama şablonunuza yapıştıramayacağım ortaya çıktı. Çünkü ücretsiz MailChimp hesabında yalnızca bazı düzen ve temalara erişebiliyorsunuz ve Kendi Kodlama ortamına hiçbir şekilde erişemiyorsunuz.
Önceki cümlede “müşteri onaylı” değiştiricisini bir nedenden dolayı kullandım. Bu noktada bir müşteriye dönüp söz verdiğimiz gibi teslimat yapamayacağımızı söylemek zor olacaktır. Parasını ödediği tasarımı MailChimp aracılığıyla göndermemizi bekliyorlar. Yarın.
Endişeyle seçenekleri değerlendirdim. Elbette ertesi gün olması gerekiyordu çünkü… hayat. (Muhtemelen yüksek düzeyde sürekli bir keman ve ses seviyesi yavaş yavaş artan tekrarlayan synth tabanıyla gergin müzik.)
Model, mobil cihazlarda dikey olarak istiflenmesi gereken üç sütunlu bir bölüm ve MailChimp düzenlerindeki herhangi bir içerik bloğuna benzemeyen birkaç başka tasarım özelliği içeriyordu. Modele yakın olup olmadığını görmek için mevcut şablonlara baktım. Üstteki logo dışında hiçbiri iyi bir eşleşme değildi. Düzenlerin derinliklerindeki birkaç satırda üç sütunlu tasarımlar var, ancak bunlar yalnızca ödeme yapan müşteriler için olduğundan Jüpiter’de de olabilirler.
Kod Bloğunu Kullanma
Erişebildiğim düzenlerin Kod Bloğu’nu içerdiğini görünce biraz rahatladım:
Kod Bloğu, diğer bloklarla mümkün olmayan içeriği görüntülemek için HTML’nin bir bölümünü e-postanıza sürüklemenizi sağlar. Örneğin e-postanızda bir görseli uçtan uca yani “Düz Tasarım” stilinde göstermeniz gerekebilir. Bunu Resim bloğuyla yapamazsınız; görsellerinizin etrafına her zaman boşluk ekleyecektir. Ancak Kod Bloğuyla tüm ekran parametrelerini kontrol edersiniz.
Cue Daha Mutlu Müzik: Heyecanı bozduğum için üzgünüm ama bu canavarı ücretsiz bir MailChimp düzeniyle evcilleştirdim. İşte bunu nasıl yaptım:
İlk önce en zor problemle başlamayı seviyorum: Üç sütunlu duyarlı bölüm. MailChimp’in bu amaç için yeniden kullanabileceğiniz bazı kodlara sahip olduğunu zaten biliyordum. destek bölümü. Tek sorun, MailChimp kodunun iki sütunlu bir düzen göstermesidir. Ayrıca üç sütun da oluşturur mu?
O tek parça yerine oturursa her şey hakkında çok daha iyi hissedeceğimi biliyordum. HTML ve CSS’yi şuradan kopyaladım: Duyarlı Sütunlar nasıl yapılır ve kod düzenleyicimde açtım. İki sütunlu versiyonda sütunlarda yüzdelik bir genişlik (%50) kullanıldı. Ben de ortadaki sütunu kopyalayıp kodda olması gereken yere yapıştırdım, ardından genişlikleri %33 olarak değiştirdim.
Şu ana kadar çok iyi, artık hiçbir şeyin kırılmadığı veya tuhaf bir şekilde görüntülendiği üç sütun görebiliyordum. Ayrıca eğitimde kullanılan görsellerin sabit genişliğe ayarlandığını ve bunun da sütunları mesaj için fazla geniş hale getirdiğini görebiliyordum. Bu görüntü genişliklerini %100’e değiştirmek (böylece kaplarını doldurup aşmamaları için) işe yaradı, her şey yerine oturdu.
Bunu test etmek için kodumu Kod Bloğuna yapıştırdım, ardından sütunların mobil cihaz genişliklerine göre yığılıp yığılmadığını görmek için yerleşik MailChimp önizleyicisini kullandım. Orada her şey iyi görünüyordu, bu yüzden onu e-postama gönderdim ve üç sütunlu bölümün gerçek bir e-postada duyarlı davrandığını görünce rahatladım.
Mailchimp Özel E-postanızı Bitirme
Modelin üst kısmı, hiçbir şey arasında boşluk olmayan renkli metin kutularının yanında kenarlıksız resimlerden oluşan bir Düz Tasarımdı. Kod Blok yine kurtarmaya! Bu, duyarlı sütunlardan çok daha basittir.
Resimlerinizi MailChimp kitaplığına yükleyin ve kaynak URL’yi kopyalayın. Kod bloğunun kendisi resimler ve metinler için bazı örnek kodlar sağlar. Tek “yapma”, görüntünüzün düzen için zaten doğru genişliğe göre boyutlandırıldığından emin olmaktır. MailChimp düzenleri 600 piksel genişliğindedir. Daha büyük bir resim, önizlemelerinizdeki genişliğe sığacak şekilde ölçeklense de, e-posta istemcilerindeki düzenin genişliğini aşarak her türlü soruna yol açabilir.
Geriye sadece üç sütunlu bölümün üstünde iki sütunlu bir bölüm kalmıştı. Bu bir çift %50 sütun değildi. Yüzdeleri modelle eşleşecek şekilde revize ettim. Kolay. Destek bölümünden ödünç aldığım kodun aynısı doğru çalıştı.
Detaylar
Büyük sorunların çözülmesi stresimi azalttı. Elbette her güzel tasarımda yazı tipleri, metin boyutu, satır yüksekliği, renkler, bağlantılar, düğmeler vb. dahil olmak üzere yüzlerce ayrıntı vardır. MailChimp, ücretsiz hesapta bile ayrıntıları doğru şekilde almak için yeterli araçlara sahiptir.
Kod Bloğunu seviyorum. Sadece lütfen …………. özgür kal.
WIX’un İnternet Pazarlamanıza Bugün Yardımcı Olmasına İzin Verin
Houston’da bir internet pazarlama şirketi arayışındaysanız, bugün WIX ekibinden bir strateji uzmanıyla konuşun! Teksas’taki işletmelere hizmet veren neredeyse 40 yıllık pazarlama deneyimimiz var ve geleneksel ve dijital pazarlama başarısı konusunda kanıtlanmış bir geçmişe sahibiz.
Bugün bizimle iletişime geçin Ücretsiz danışmanlık randevusu almak ve işletmenizin bugün büyümesine nasıl yardımcı olabileceğimizi öğrenmek için!
