WooCommerce: E-posta Şablonlarını Kodlamadan Özelleştirme

Günlük olarak, muhtemelen çeşitli arayüzlerde sürükle ve bırak özelliğini kullanıyorsunuz. Örneğin, Gmail öğelerinizi kategorisine sürükleyip bırakın, dosyaları WordPress medya kitaplığına yükleyin veya telefonunuzun ana ekran uygulamalarını düzenleyin.

Web sitenizi sürükle ve bırak ile tasarlamanıza yardımcı olmak için birçok sayfa oluşturucu platform gelse de, WooCommerce işlemsel e-postaları oluşturmak hala karmaşık bir görev olarak kabul edilir.

Varsayılan olarak, WooCommerce e-posta ayarları yalnızca temel renk profillerini ve metni değiştirmenize izin verir. Daha fazla kişiselleştirmek için tema kodunu değiştirmeniz gerekecektir.

Teknisyen değilseniz ve wp-content/plugins/woocommerce/templates/emails/email-styles.php içindeki komut dosyaları arasındaki kodu, bir sürükle ve bırak e-posta oluşturucu çerçevesi kullanarak kırmak istemiyorsanız en iyi çözümdür.

YayMail Tanıtımı

YayMail, WooCommerce için dağıtılan bir e-posta oluşturucu platformudur.

Birincil hedef olarak kullanım kolaylığı ile geliştirilmiştir, ancak yanıt verme hızı göz önünde bulundurularak maksimum web tarayıcısı ve e-posta istemcisi uyumluluğu için test edilmiştir.

WordPress.org'dan ücretsiz olarak indirebilir ve kullanabilirsiniz. Bu açık kaynak kodu sonsuza kadar ücretsizdir ve tüm varsayılan Woo e-posta şablonlarını tamamen özelleştirmek için herhangi bir premium sürüme yükseltmeniz gerekmez.

Artık kurduğunuza ve etkinleştirdiğinize göre, e-posta düzenleyicisine erişmek için WooCommerce > E-posta Özelleştirici'ye gidin.

Sürükle ve bırak e-posta oluşturucusunu kullanarak e-postalar tasarlayın

Elementor sayfa oluşturucuya benzer bir sürükle ve bırak düzenleyicisi olan YayMail, tüm seçenekler ve ayarlarla aynı ekranda gelir.

1. Üst araç çubuğu

Burada mevcut tüm WooCommerce e-posta şablonları için ilk açılır menüyü bulacaksınız. Mevcut sitenizdeki aktif WooCommerce eklentilerine bağlı olarak, burada yeni şablonlar göreceksiniz.

Bir WooCommerce üyelik eklentisi kullanıyorsanız, Üyelik – Hoş Geldiniz, Üyelik Hatırlatıcısı, Süresi Dolmuş Üyelik vb. gibi ekstra e-posta şablonlarına sahip olacaksınız.

İkinci açılır menü, "Örnek sipariş", e-postanın dinamik alanlarının belirli bir müşteri tarafında nasıl göründüğünü görmek için herhangi bir gerçek sipariş seçmenize olanak tanır.

Bu üst araç çubuğunda, aşağıdakiler dahil en çok kullanılan işlem düğmelerini de bulabilirsiniz:

• Kısa kodlar : Buradan bir kısa kod kopyalayın ve ardından e-posta tasarımının uygun bloğuna yapıştırın.
• Test e-postası gönder : Tasarladığınız e-postanın gelen kutusunda nasıl görüneceğini görmek için herhangi bir e-posta adresine bir test mesajı göndermek için tek tıkla.
• Boş : Tüm e-posta bloklarını temizleyin, böylece tamamen boş bir tuvale sahip olabilirsiniz, ardından kendi amaçlarınız için tasarlamaya başlayabilirsiniz.
• Şablonu kopyala : Önceden tasarlanmış bir şablondan kopyalayın ve mevcut e-posta gövdesine yapıştırın. Ardından, sıfırdan başlamaktan kaçınmak için bazı küçük ayarlamalar yapabilirsiniz.
• Şablonu sıfırla : Bu seçenek, şablonunuzu başlangıç ​​durumuna sıfırlar, bu da varsayılan e-posta bloklarına sahip olduğunuz anlamına gelir.
• Önizleme : Masaüstü ve mobil görünümlerde özelleştirilmiş e-postanızı anında görün.
• Kaydet : Düzenlemelerinizi istediğiniz zaman kaydedin.

2. Katlanabilir yan panel

YayMail WooCommerce e-posta özelleştiricisinin yan paneli iki sekmeden oluşur: Elements ve Settings .

Tüm öğeler sürüklenebilir ve tonlarca özelleştirme seçeneği içerir. Örneğin başlık bloğu, dolgusunu, arka plan rengini, metin rengini, yazı tipi ailesini ve diğer görsel seçeneklerini düzenlemenize olanak tanır.

Öğeler sekmesindeki değişiklikler yalnızca seçilen blok için geçerliyken, Ayarlar'daki ayarlamalar tüm e-posta şablonu için geçerli olur.

Bu nedenle, sık kullanılan bazı özellikler şunları içerir:

• E-posta kapsayıcı genişliği
• Çevre birimi arka plan rengi
• Ürün resmini ve SKU'yu Gizle/Göster
• E-posta şablonlarını dışa/içe aktarma

3. E-posta önizlemesi

Blok tabanlı bir e-posta oluşturucu olduğundan, herhangi bir bloğu yukarı/aşağı hareket ettirebilir veya sürükleyip bırakmak için tutamacı kullanabilirsiniz.

Sağ köşede, aşağıdaki gibi bazı seçenekleriniz olacak:

• E-posta bloğunu çoğalt
• Bloğu başka bir şablona kopyalayın
• bloğu kaldır

YayMail ile, e-posta tasarımlarını ve düzenlerini değiştirerek yapabileceğiniz sonsuz özelleştirmeler vardır; bu, tema kodu dosyalarını değiştirirseniz veya WordPress özelleştiriciyi kullanırsanız gerçekleşmez.

Örnek olay: WooCommerce sipariş onay e-postasını özelleştirin

Sipariş onayı e-postasını özelleştirmeye başlamak için, WooCommerce > E-posta Özelleştirici > Gösterilecek E-posta'ya gidin. Buradan, İşleniyor siparişi veya Tamamlanan sipariş öğesini seçebilirsiniz.

O andan itibaren, istediğiniz öğeleri eklemeye başlayabilirsiniz. Kullanacağım bazı öğeler şunları içerir:

• Logo : Şeffaf bir logo resmi yükleyin ve e-posta kapsayıcı genişliğiyle hizalanacak şekilde yeniden boyutlandırın
• Sosyal simgeler : Sosyal ağ simgelerini kolayca seçin ve her platform için URL'yi ekleyin
• Başlık : Başlık metnini, başlık yazı tipini, metin rengini ve arka plan rengini düzenleyin
• Resim : Özel bir resim ekleyin ve kaydırma çubuğunu kullanarak genişliğini ayarlayın
• Altbilgi : Hesabım, Müşteri desteği vb. gibi web sitenizin bağlantılarını ekleyin.

Herhangi bir zamanda, mevcut sayfadan ayrılmak veya yenilemek zorunda kalmadan masaüstünde/mobilde e-posta görünümünü bir açılır pencerede görmek için Önizleme düğmesine tıklayabilirsiniz.

Ardından, düzenleyiciye geri dönmek için önizleyiciyi kolayca kapatabilirsiniz.

YayMail'i çalışırken görmek için, işi halletmenize nasıl yardımcı olduğunu görmek için bu eğitim videosunu izleyin.

Entegrasyonlar

İşlemsel e-posta, pazarlama amacınız için iyi bir iletişim aracıdır. Özellikle WooCommerce üzerinden bir abonelik veya üyelik modeli sunduğunuzda, marka profilinizi ısmarlama ve tutarlı hale getirmek için e-posta bildirimlerini özelleştirmelisiniz.

Örnek Olay 1: WooCommerce Üyelik eklentisi

Varsayılan olarak, sitenizdeki üyelikleri sona erdiğinde hedef kitlenizin aldığı şey budur. Konu, başlık ve özel mesajın metnini düzenleyebilirsiniz.

Hedef kitlenin üyelik paketlerine geri döneceğinden emin olmak için neden bu e-posta şablonunu bir harekete geçirici mesaja dönüştürmüyorsunuz?

Bu ekstra içerik için, Sona Eren Üyelik e-posta mesajı için birden çok sütun kullanacağım.

Adımlar şu şekilde ilerler:

• 2 sütunlu bir bloğu e-postaya sürükleyip bırakın
• Sütun genişliğini yüzde olarak düzenleyin, yani 70/30
• Arka plan rengi veya resmi ekleyin (isteğe bağlı), burada arka plan rengi olarak beyaz kullanıyorum
• İlk sütun için bir metin bloğu seçin
• İkinci sütun için bir görüntü şeridi seçin

Üyelik e-posta mesajları için çok sütunlu bir e-posta şablonu bu şekilde elde ediyorum.

Örnek Olay 2: WooCommerce Takip e-postaları eklentisi

Follow-Ups gibi özel bir e-posta şablonu uzantısıyla, belirli müşteri işlemleri yapıldıktan sonra ekstra içerik gönderebilirsiniz.

Özel içerikli planlanmış otomatik e-postaların gönderilebileceği pek çok mağaza senaryosu vardır.

Bu bölümde kupon kullanıldıktan sonra gönderilecek e-posta şablonunun nasıl oluşturulacağını ve özelleştirileceğini gösteriyorum.

İlk olarak, yeni bir takip eklemeye başlayın:

• Bir ad, e-posta konusu ve biraz içerik verin
• Takip Türü meta kutusunda, E-posta Satın Al'ı seçtiğinizden emin olun.
• Alt kutularda, "kupon kullanıldıktan sonra" olarak tetikleyiciyi seçin
• Çok sayıda gelişmiş seçenekle birlikte gelir, bu yüzden keşfetmekten çekinmeyin

Ardından özelleştirme adımlarına geçelim:

• Logo ve başlık ekle
• Bir görüntü kutusu öğesi ekleyin
• İçerik ve sosyal simgeler ekleyin

Markamın renk profillerinin tonunu ayarlamaya çalıştığım için, başlık arka plan rengi ve ayrıca resim kutusu öğesindeki ana resim için pembemsi bir renk kullanılacak.

Blokları tasarlamak kolaydır, bu nedenle tek yapmanız gereken, her zaman istediğiniz görünüm ve hissi elde etmek için e-posta blokları arasındaki dolguyu ayarlamaktır.

Kısa not: Mevcut aktif WooCommerce uzantılarınız için doğru YayMail eklentisini aldığınızdan emin olmak için lütfen Dokümanlarına bakın.

Örnek Olay 3: bağlılık ödülleri eklentileri

WooCommerce için bir Puanlar ve Ödüller uzantısı, müşterilerle temasa geçmek için 10'dan fazla e-posta bildirimi oluşturabilir.

E-posta şablonları, kullandığınız eklentiye göre değişir, ancak temelde bir metin mesajı gibi görünür. Puan Bildirimi ayarlarından, kendi kısa kodlarını kullanarak E-posta Açıklaması kutusuna kendi mesajlarınızı yazabilirsiniz.

Ardından değişiklikleri kaydedin ve WooCommerce e-posta özelleştiricimize gidin. Şablonu özelleştirmeye başlamak için açılır menüden Puanlar ve Ödüller e-postası'nı seçin.

Resimler, düğmeler ve bağlantılar gibi biraz daha medya öğesi ekleyerek renklendirelim.

Bu yeni tasarım, gönderilecek tüm Puan bildirimlerinde geçerli olacaktır. Sadece ortadaki uyarı bloğunun bir önceki adımda yazdığınız mesajlarla değiştirileceğini.

Çözüm

WooCommerce e-posta şablonu özelleştirmesi için kodlama olmadan birkaç yöntem vardır. Kaynak kodu değişikliği sizin seçiminiz değilse, eklentilerin yardımıyla e-postaları özelleştirmeyi deneyebilirsiniz.

Bazı eklentiler, e-posta şablonları tasarlamak için WordPress özelleştiricisini kullanır. Ancak, sürükle ve bırak e-posta oluşturucu, gelişmiş seçeneklerle çok daha esnek bir düzen oluşturmanıza yardımcı olur.

Bugün WP deposundan YayMail'i indirerek deneyebilir ve tüm WordPress temalarıyla sorunsuz çalıştığı için tamamen risksiz kullanabilirsiniz.