Email Template Nasıl Hazırlanır
Email Template Nasıl Hazırlanır? Nelere Dikkat Edilir?
Makale; "E-Mail template'i PSD olarak hazırlandı, şimdi nasıl kodlayacağız?" sorusunun cevabını içermektedir.
E-Mail template'i hazırlamak zor iştir. Kabul ediyorum. Zorluğu her email servisini düşünerek kodlama kısmıdır. Söz konusu durum içerisinde kafa karıştıran en kötü kısmı ise; nereden ve nasıl başlayacağınızı bilmemektir. Yanılıyor muyum?
Front-End Developer'ların daha hızlı ve kolay kodlamaları için nasıl CSS Framework'ler varsa, E-mail templateler içinde online servis ve araçlar var. Bu makalede, kendi kullandığım bir kaç servislerden ve ne amaçlı kullanıldığından bahsedeceğim. Aralara da bir kaçtane konuyla ilgili makaleler serpiştireceğim.
Hazırlarken
Güzel örnekler içeren konuyla ilgili güzel bir makale ile başlayalım.
Responsive E-Mail Template hazırlayacaksanız, uyum sorunu çekebilmeniz muhtemel. Bu noktada kurtarıcı bir front-end framework'ü olan Antwort işinizi görecektir.
Ayrıca kendi sayfasında bulunan e-mail template'i hazırlarken nelere dikkat edilmeli ya da hangi css kuralları kullanılması gerektiğini de açıklayan blog yazısını okuyun.
http://internations.github.io/antwort/
http://internations.github.io/antwort/how/coding-style.html
E-Mail servislerinin/programlarının desteklediği CSS kuralları. Kodlamadan önce dikkatlice incelemeniz fayda sağlayacaktır.
http://www.campaignmonitor.com/css/
Responsive E-Mail Template hazırlayacaksanız, uyum sorunu çekebilmeniz muhtemel. Bu noktada kurtarıcı bir front-end framework'ü olan Antwort işinizi görecektir.
http://internations.github.io/antwort/
Hazırladıktan Sonra
Bu servis ile responsive e-mail template'lerinizin kontrolünü rahatça yapabilirsiniz. Sistem hazırlamış olduğunuz mailin gerçek ortamda testini sağlayabilmeniz için email gönderim hizmeti de sağlıyor. (max 10 e-mail)
http://putsmail.com/
Email template'inizi kodlarken normal bir web sayfası kodlarmış gibi bitirip, ardından bu servisi kullanabilirsiniz. Bunu genelde karmaşık template'lerde kullanıyorum.
http://inlinestyler.torchboxapps.com/
İster web üzerinden URL ile ister servisin textarea'sını kullanarak verdiğiniz e-mail template'ini, uygun bir şekilde düzenleyip size çıktı olarak sunan bir başka servis.
http://premailer.dialect.ca/
En sevdiğim servis diyebilirim. Hazırlanılan template'in tüm e-mail servislerindeki ekran görüntüsünü görebiliyor ve kontrolünü rahatça yapabiliyorsunuz.
https://litmus.com/email-testing
Son Olarak
Pazar araştırması ve ek bilgi olsun diye son olarak şu var. http://emailclientmarketshare.com/ adresi üzerinden güncel e-posta servislerinin durumunu görebilirsiniz.
Mutlu E-Postalar!
Yorumlar
Yorum Gönder