Özel HTML E-postası Nasıl Oluşturulur ve Gönderilir

Etkileşimli bir HTML e-postası güçlü bir araçtır. İşletmeler bunları promosyon anlaşmaları için kullanabilir, serbest çalışanlar ise hizmetlerini müşterilere sunmak için kullanabilir. potansiyel müşteriler ve torunlar, sevimli bir gelenekle büyükanne ve büyükbabalarının yüzlerine bir gülümseme getirebilirler. tasarım. Sıfırdan özel bir e-posta oluşturmak için ihtiyaç duyacağınız iki teknoloji HTML ve satır içi CSS'dir. Tek yapmanız gereken bir tasarımı aklınızdan çıkarmak, onu tablo satırları ve sütunları şeklinde analiz etmek ve inşa etmeye başlamakta fayda var. Bu makalede, özel bir HTML e-postası oluşturmak ve göndermek için adım adım bir yöntem öğreneceksiniz.

HTML Kullanarak E-posta Şablonunu Oluşturun

E-posta şablonu, geleneksel HTML tekniklerine dayanır. Tablolarla çalışacak ve tablo satırlarını istifleyeceksiniz ve tablo verileri tüm zaman. Temel HTML e-posta şablonu şöyle görünür:

...
...
...
...
...
...
...




...

Çıktı:

Tasarımı nerede ve nasıl dilimleyeceğinizi haritalandırabilmeniz için bir tasarım hazırlamak en iyisidir. Ek olarak, bunun dışında bir tablo yapısı tasarlamaya zihinsel olarak hazır olacaksınız.

Burada, belge için DOCTYPE ile başlıyorsunuz. Sırada, karakter kümesini, içerik türünü, meta etiketleri ve başlığı etiket. Esas kısım şuradan başlar: ebeveyni yerleştirdiğiniz yeri etiketleyin ve birden çok tablo satırı ekleyin içinde. İçeriği uygun sayıda satıra böldükten sonra sıra tablo verilerini girmeye gelir. onların içinde.

Söylendiği gibi, yalnızca tablolarla çalışmalısınız. Bu nedenle, içeri farklı veriler girmek için etiket, tanımlı bir rota izlemeniz gerekir. Örneğin, içinde logo ve tarih bulunan bir e-posta şablonu oluşturalım. etiket.

 
 etiketinin içindeki logo ve tarih 

















05 Aralık 2021

Artık HTML etiketlerini nasıl yerleştireceğinizi ve e-posta şablonunuz için nasıl iyi bir yapı oluşturacağınızı biliyorsunuz. E-posta stilini daha iyi anlamak için ilerleyelim.

HTML E-postanızın Stilini Oluşturun

Yalnızca satır içi CSS'yi kullanabildiğiniz için bir HTML e-postasını şekillendirmek zahmetli bir iştir. Ayrıca, benzer bir stile sahipse her öğe için stili yinelemeniz gerekir. Basamaklı Stil Sayfalarına aşina değilseniz, CSS'ye başlarken.

Ön izleme:

 05 Aralık 2021 






































Merhaba John Doe



Sitemizi ziyaret ettiğiniz için teşekkür ederiz. Umarız bugün yeni bir şey öğrenmişsinizdir.





 Fikriniz bizim için önemli! 

 Makalelerimizi burada değerlendirin. 


012345678910

Çıktı:

İstersen, yapabilirsin GitHub'daki kodun tamamına erişin ve kullanmak için depoyu klonlayın.

Postayı Gönderme

Şimdi tüm kodu GitHub'dan kopyalayıp yapıştırın. VS Kodu kullanıyorsanız, canlı sunucu uzantısını kullanarak HTML dosyasını açın ve üzerine tıklayarak içeriği kopyalayın. Ctrl + A>Ctrl + C. Gmail'i açın ve yeni bir e-posta oluşturun. İçeriği yapıştırın ve alıcının posta kimliğini girin. E-postayı gönderin ve sonuçları aşağıda gösterildiği gibi alacaksınız:

Nasıl göründüğünü ve nasıl davrandığını görmek için kodu farklı cihazlarda test edin. HTML e-postanızı özelleştirin ve temiz, basit ve duyarlı hale getirin.

Mevcut E-posta Şablonlarını Değiştirin

Sıfırdan bir HTML e-postası oluşturmak, HTML ve satır içi CSS'de sağlam bir tutuş gerektirir. Ayrıca mevcut bir e-posta şablonunu değiştirebilir ve ihtiyaçlarınıza göre özelleştirebilirsiniz. HTML e-postalarının yüklenmesinin birkaç saniye sürdüğünü unutmayın. Son kullanıcı tutarsızlıklarından kaçınmak için kapsamlı testler planlayın, tasarlayın, kodlayın ve gerçekleştirin. Daha iyi, daha erişilebilir kod yazmak için anlamsal HTML ve CSS hakkında daha fazla bilgi edinebilirsiniz.

Naincy Mourya (17 Makale Yayınlandı)

Naincy, son derece duyarlı web siteleri ve web kopyaları ile birlikte verimli içerik stratejisi oluşturma konusunda uzmanlaşmıştır. Trend olan teknolojileri yakından takip eden serbest çalışan bir teknoloji yazarıdır.

Naincy Mourya'dan Daha Fazla