Yaymail ile Sipariş Teslim Tarihi Pro e-posta şablonları nasıl özelleştirilir

Görünüşünüze biraz daha fazla çaba sarf etmek uzun bir yol kat edebilir. Şimdi ürününüzü geceliğinizle bir müşteriye pazarladığınızı hayal edin. Kulağa komik gelse de, o müşterinin ürününüzü satın alma şansının çok daha az olabileceği konusunda hepimiz hemfikiriz. E-posta tasarım şablonlarınızı kıyafet olarak düşünün – markanızın tüm dünyaya görünümü. Biraz canlandırmak sadece markanızı öne çıkarmakla kalmayacak, aynı zamanda okuyucunun da dikkatini çekecektir. WooCommerce için Order Delivery Pro eklentimizin teslimat hatırlatma e-postaları göndermek için nasıl bir yol sunduğunu zaten biliyor olabilirsiniz. WooCommerce e-posta şablonu özelleştirmesi ve Yaymail önizleme eklentisinin yardımıyla , WooCommerce e-posta şablonları için Order Delivery Date Pro'yu özelleştirebileceksiniz.

Yaymail ile Tanışın – Bir WooCommerce Özelleştirme ve Önizleme Eklentisi

Çoğu zaman, WooCommerce kullanıcıları, her WooCommerce mağazası tarafından kullanılan sıkıcı varsayılan e-posta şablonlarına takılıp kalır. Bununla ilgilenmenize yardımcı olacak bir WooCommerce e-posta şablonu özelleştirmesi ve e-posta önizleme eklentisi olan Yaymail'e girer. Markanızı öne çıkarmak ve müşterilerinizin bunu fark etmesini sağlamak için biraz fazladan harcama yapmak istiyorsanız, bu eklentiyi “e-postalarınızı güzelleştirmek, e-posta şablonunda yaptığınız değişiklikleri önizlemek ve müşterilerin gelmesini sağlamak için kullanabilirsiniz. fazlası için geri gel."

Yaymail'in özelliklerinden bazıları şunlardır:

• Kolayca sütun ve eleman blokları ekleme
• İçeriği ve medyayı tek bir pencerede düzenleme
• E-posta şablonlarında yazı tipini, rengi, arka planı, dolguyu vb. özelleştirme
• E-posta şablonunuzun canlı önizlemesi
• Test e-postasını kaydetme ve gönderme
• 20+ öğe

WooCommerce e-posta şablonu özelleştirme Yaymail eklentisi ile öğeleri e-posta şablonlarınıza kolayca sürükleyip bırakabilirsiniz. Bir acemi bile bu eklentinin nasıl kullanılacağını kolayca anlayabilir.

Sipariş Teslim Tarihi Pro & WooCommerce E-posta Şablonu Özelleştirme ve Önizleme Eklentisi – Yaymail

Order Delivery Dat Pro'nuzun e-posta şablonlarını yeniden tasarlamak için şunları yapmanız gerekir:

• WooCommerce eklentisi için Sipariş Teslim Tarihi Pro (99 $)
• Yaymail eklentisi (Ücretsiz)
• Sipariş Teslim Tarihi Pro için Yaymail Premium Eklentisi (39 $)

Bunları WooCommerce mağazanıza ekledikten sonra, WooCommerce eklentisinin e-posta şablonları için Order Delivery Date Pro'ya aşağıda gösterildiği gibi WooCommerce > Ayarlar > E-postalar'dan erişebilirsiniz :

Buraya ulaştığınızda, aşağıdaki gibi Sipariş Teslim Tarihi Pro Şablonlarını bulmak için aşağı kaydırabilirsiniz:

Yeniden tasarlamak için seçtiğiniz e-posta şablonunun 'YayMail ile Özelleştir' seçeneğine tıklayın.

E-posta Şablonu 1: Teslimat Tarihi ve Saati Güncellendi

Teslim Tarihi ve Saati Güncellenen e-posta şablonunu özelleştirmek istediğinizi varsayalım. Bir kez, 'YayMail ile Özelleştir'e tıkladığınızda, şablonun nasıl görüneceği aşağıda açıklanmıştır:

Şablonun en üst kısmında aşağıdaki ayrıntıları bulacaksınız:

WooCommerce E-posta Özelleştirici , şablonunuza ekleyebileceğiniz farklı öğeleri veya blokları ve bunların çeşitli tasarımlarını seçmenize ve seçmenize yardımcı olacaktır.

Özelleştiricinin yanında bulunan ayarın yardımıyla, açılır menüden 'Teslim Tarihi ve Saati Güncellendi' şablonu gibi e-posta şablonlarını seçebilirsiniz . Hemen yanında, belirli bir Siparişin e-posta şablonunu seçmek için açılır menüyü bulacaksınız. Örneğin, 325- TanishaMehta. Ardından, Kısa Kodlar, Test E-postası Gönder, Boş Şablon, Şablonu Kopyala, Şablonu Sıfırla seçenekleri gibi çeşitli seçenekleriniz vardır.

Ardından, şablonu oluşturduktan sonra açmak isterseniz, şablonu etkinleştirerek bunu yapabilirsiniz. Hatta 'Önizleme' seçeneğine tıklayarak şablonun masaüstü cihazlarda veya mobil cihazlarda nasıl görüneceğini önizleyebilirsiniz. Son olarak, değişiklikleri yaptıktan sonra tasarlanan e-posta şablonunu 'Kaydetebilirsiniz' . Teslimat Tarihi ve Saati Güncellenen e-posta şablonunu özelleştirerek başlayalım.

İlk olarak, bu e-posta şablonunun logosunu değiştireceğiz. E-posta şablonunda WooCommerce logosunu bulun ve tıklayın. Sol tarafta, görüntüyü, hizalamasını, dolgusunu vb. değiştirebileceğiniz logoyu düzenleme seçeneğini bulacaksınız. İşte nasıl görüneceği:

Ardından, 'Resmi Değiştir' seçeneğine tıkladıktan sonra kendi logomuzu yükleyeceğiz. Bununla birlikte logo için bir URL ekleyeceğiz, arka plan rengini mavi bir gölgeye değiştireceğiz, genişliğini 150 piksel olarak değiştireceğiz. Değişiklikler, aşağıda görebileceğiniz gibi doğrudan şablonda görünecektir:

Bunu takiben, şimdi üzerine tıklayarak E-posta Başlığını değiştireceğiz. Arka plan rengini mordan beyaza ve metin yazı tipi rengini önceki mavi tonumuzla değiştireceğiz. Yazı tipinin kendisini de değiştireceğiz. Burada “Arial Black”, Gadget, sans-serif yazı tipi ile gitmeye karar verdik:

Şimdi “Teslimat Tarihi ve Saati müşteri tarafından güncellendi” yazan metin öğesini düzenleyeceğiz. Sipariş detayları ve güncel teslimat detayları aşağıdaki gibidir” . Bir önceki yazı tipi ailemizden sonra aynısını burada da uygulayacağız. Ayrıca aşağıda görebileceğiniz gibi metnin Dolgusunda da bazı değişiklikler yaptık:

Benzer şekilde, e-posta şablonunun tablosunda da renk, dolgu yazı tipi vb.

Şimdi, sosyal medya simgelerimizi e-posta şablonuna eklemek istiyoruz. Bunun için WooCommerce E-posta Özelleştirici > Öğeler > Sosyal Simge'ye gideceğiz ve ardından o öğeyi e-posta şablonuna sürükleyeceğiz.

Sürükledikten sonra ihtiyacımız olmayan sosyal ikonları silecek ve ihtiyacımız olanları ekleyeceğiz. Örneğin, Facebook simgesini tutacağız ve ayrıca Twitter simgesini de ekleyeceğiz. Kişi sosyal medya ikonuna tıkladığında açılacak olan URL bağlantısını ekleyeceğiz.

Burada simgenin boyutunda, aralığında, arka plan renginde ve çok daha fazlasında değişiklik yapabiliriz. Bu değişiklikleri yaptıktan sonra nasıl görüneceği aşağıda açıklanmıştır:

Son olarak, Altbilgimizde aşağıdaki değişiklikleri de yaptık:

Tüm bu değişiklikleri yaptıktan sonra, sayfanın en sağ üst köşesinde bulunan 'Kaydet' butonuna tıklayabilirsiniz. 'Önizleme' seçeneğine tıkladığımızda yeni tasarladığımız şablonumuz şu şekilde görünecektir:

Şablonun gelen kutusunda nasıl görüneceğini görelim:

E-posta Şablonu 2: Teslimat Hatırlatıcısı

'Teslimat Hatırlatıcı' e-posta şablonunu özelleştirelim. Bunun için Sipariş numarası 143'ü aldık. Varsayılan e-posta şablonu şöyle görünür:

İlk olarak, daha önce Teslimat Tarihi ve Saati Güncellenmiş e-posta şablonu için yaptığımız gibi logoyu değiştirerek başlayacağız.

Bu sefer arka plan rengimiz ve e-posta şablonumuz için daha koyu bir gri tonu seçeceğiz. Devam ederek, E-posta Başlığında değişiklikler yapacağız. 'Merhaba!' ekleyerek metni kişiselleştireceğiz. 'Bu, Teslimat Hatırlatıcınız'dan önce.

Daha sonra onu merkeze kaydıracağız ve hatta arka plan rengini daha koyu bir renge değiştireceğiz. Yazı tipi rengimizi beyaz olarak tutacağız ve metin yazı tipini aşağıda görebileceğiniz gibi Tahoma, Geneva, sans-serif olarak değiştireceğiz:

Ardından, müşterimize hitap eden metni aşağıdaki düzenlemelerle değiştireceğiz:

Ardından, sipariş ayrıntılarını görüntüleyen metinle ilerleyeceğiz. Bunun için, müşterinin sipariş ayrıntılarını öğrenmek için tam olarak nereden okumaya başlayabileceklerini anlayabilmesi için kalın harflerle yazmak istiyoruz.

Ardından, aşağıda gösterildiği gibi arka plan rengi, başlık rengi, kenarlık rengi ve metin rengi için önceden seçtiğimiz renklerle Sipariş Öğesi tasarımını düzenlemeye devam ediyoruz:

Ayrıca Görünüm Sırası metnini merkeze kaydırarak ve arka plan rengini müşteriyi kendine çeken daha koyu bir maviye çevirerek değiştirelim.

Şimdi e-postanın Sipariş ayrıntıları bölümünü ayırmak istiyoruz, böylece Öğeler > Genel > Bölücü'ye gidip o öğeyi şablona sürükleyeceğiz.

Ayırıcıda çizgi yüksekliği, genişliği, rengi vb. gibi gerekli değişiklikleri yaptık ve bunu yaptıktan sonra şu şekilde görünecekler:

Tıpkı ilk e-posta şablonumuz gibi, müşterilerimizin bizi takip edebilmeleri ve en yeni ürünlerimizden haberdar olabilmeleri için sosyal medya simgelerimizi ekleyelim. Elements > Social Icons'a gideceğiz.

Sürüklediğimiz zaman, şöyle görünecek:

Önce çöp simgesine tıklayarak Youtube ve Linkedin simgelerini atacağız.

Ardından, Twitter simgesini ekleyeceğiz ve Simge aralığı, Genişlik ve hatta Stil Teması'nda değişiklikler yapacağız.

Şimdi, sitemizin WooCommerce ile oluşturulduğunu söyleyen metni göstermek istemiyoruz. Bu yüzden üç noktayı tıklayıp ardından 'Kaldır' seçeneğini tıklayarak sileceğiz.

Bunun yerine, müşteri için ürünlerimizin birkaç resmini ekleyelim. Öğeler'e gidin ve 'Görüntü Listesi' öğesini seçin ve onu 'Sırayı Görüntüle'nin hemen altındaki şablona sürükleyin.

Burada eklenecek üç resim ile gideceğiz, bu yüzden 3 sütun seçeceğiz. Sütunların her birine resim ekledikten sonra hizalama, arka plan rengi vb. üzerinde değişiklikler yapacağız.

Ürünün URL bağlantısını görsele eklemeyi unutmayın ki müşteri görsele tıkladığında o ürünün ürün sayfasına yönlendirilsin.

Üstüne de 'Beğenebileceğiniz başka ürünler' yazan bir metni aynen şöyle ekleyelim:

Son olarak, WooCommerce Email Customizer'dan 'Logo' öğesini seçerek şablonun sonuna markamızın logosunu ekleyelim.

Logomuzu, URL'mizi ve diğer ayrıntıları ekledikten sonra Teslimat Hatırlatıcısı e-posta şablonumuz hazır. 'Kaydeteceğiz' ve işte nasıl görüneceği:

Şimdi bir test e-postası gönderelim. Test e-postasının müşterinizin gelen kutusunda nasıl görüneceği aşağıda açıklanmıştır:

E-posta Şablonu 3: Yönetici Teslim Hatırlatıcısı

Son olarak, 'Yönetici Teslim Hatırlatıcı' e-posta şablonunu yeniden tasarlayalım. Varsayılan e-posta şablonu şu şekilde görünecektir:

Logomuzu yerleştirerek ve öncekine göre küçülterek başlayalım.

Ardından, e-posta başlığını mavi estetik renk düzenimize uyacak şekilde değiştireceğiz.

Ardından, varsayılan metni 'İşte yarın teslimatınız için hatırlatıcı' olarak değiştireceğiz. Kalınlaştıracağız ve yazı tipi boyutunu da artıracağız:

Ardından, Yöneticiye Gönderim ve Fatura adresini göstermek istiyoruz. Bu nedenle, 'Fatura Gönderim Adresi' öğesini , 'İşte yarınki teslimatınız için hatırlatıcı' metin öğesinin hemen altına koyarak sürükleyerek ekleyeceğiz.

Ayrıca rengini şuna benzer bir şekilde değiştireceğiz:

Daha sonra, Sipariş Öğesi listesini de yöneticiye göstermek istiyoruz, bu nedenle 'Sipariş Öğesi' öğesini seçeceğiz.

Öğeyi e-posta şablonuna sürükledikten sonra sipariş detaylarımız doğrudan üzerinde görünecektir. Arka planında ve renginde aşağıda gösterildiği gibi değişiklik yapabiliriz:

WooCommerce ile yapıldığını söyleyen varsayılan metin öğesine sahip olmak istemiyoruz, bu nedenle onu şu şekilde 'Kaldıracağız' :

Son olarak, şablonun tek tip ve marka üzerinde görünmesini sağlamak için markamızın logosunu aşağıdaki şekilde sonuna ekleyeceğiz:

Bu değişiklikleri yaptıktan sonra Yönetici Teslim Hatırlatma e-posta şablonumuzun nasıl görüneceği aşağıda açıklanmıştır:

Bu şablonu bir test e-postası olarak da gönderebiliriz. Yönetici Teslimat Hatırlatıcısının yöneticinizin gelen kutusunda nasıl görüneceği aşağıda açıklanmıştır:

Çözüm

Bu gönderide, WooCommerce e-posta şablonu özelleştirme eklentisi Yaymail'i kullanarak Order Delivery Date Pro eklentimizin üç farklı e-posta şablonunu nasıl yeniden tasarlayabileceğinizi ele aldık. Yaymail'in özelliklerinden sadece birkaçını ele alabilmiş olsak da, tasarım uzmanlarının e-posta şablonlarına video ve hatta düğme eklemek gibi diğer öğeleri kullanabileceğinden eminiz.

Keşfetmeye devam edin ve aşağıdaki yorumlarda, Sipariş Teslim Tarihi Pro e-postalarınızı Yaymail ile nasıl özelleştirebildiğinizi bize bildirin!