E-posta pazarlama günümüzde en çok tercih edilen reklam ve tanıtım seçeneklerinden birisi olmaktadır. Hızlı ve verimli bir şekilde reklam ve tanıtım kampanyaları hazırlamak için e-posta pazarlama hizmeti gerçekten cezp edici fırsatlar sunmaktadır. Online ortamların gelişim göstermesi ile hemen hemen herkesin bir elektronik posta hizmeti bulunmaktadır. Durum böyle olunca da e-posta pazarlama hizmetleri sayesinde geniş kitlelere reklam ve tanıtım hizmetleri sunmak gayet akılcı ve mantıksal bir durum ifade etmektedir. Peki bu öğeleri kullanırken şık ve kaliteli bir şablon tasarımına ihtiyaç duyulacaktır. Kullanıcıların gördükleri kampanyalardan etkilenmeleri için ilgi çekici bir tasarıma ihtiyaç duyulacaktır. Bunun içinde iyi bir şekilde dizayn edilmiş Html şablonlarına ihtiyaç duyulacaktır. Sade ve şık bir tasarımın önemi büyüktür. Kullanıcıların kampanyalara spam gözüyle bakmamaları içinde kanıtlayıcı nitelikte tasarımların önemi bir hayli büyüktür. Bu süreçte karmaşık bir yapıdan ziyade daha basit ve anlaşılır şablonlar daha akılcı ve mantıksal olmaktadır.
Mobil ortamların da gelişim göstermesi ile e-posta pazarlama hizmetleri için yeni bir alan daha doğmaktadır. E-posta pazarlama hizmetleri artık mobil cihazlara da gönderilip daha geniş kitlelere ulaşmak için kullanılmaktadır. Responsive tasarımlarda da verimli bir süreç ile şık ve kaliteli bir e-posta şablonu hazırlanabilir. Mobil cihazların ekranlarında şık bir görünüm almak için de bazı düzenlemelere ihtiyaç duyulmaktadır.

Resimde görüldüğü üzere sol tarafta yapılan görüntülenen şablon bir bilgisayardan alınan görüntü sağ taraftaki ise bir mobil cihaz ekranından alınan görüntüdür. Sol tarafta ki şablonda şık ve düzenli bir görünüm bulunmaktadır. Sağ taraftaki mobil cihaz ekranında ise yapılan kod düzenlemeleri ile gayet düzenli ve mobil cihaz ekranına iyi bir görünüm kazandırılmıştır. Sayfaya ait öğeler taşmalar olmadan gayet düzgün bir şekilde konumlandırılmış ve bu sayede verimli bir kullanıma sahip bir yapı oluşturulmuştur.

Şablonda  bölümlendirmelere ihtiyaç duyabilirsiniz bu gayet normal bir durumdur. Şablonun tasarımına , şablon üzerinde yer alacak görsel ifadelere ve yazılara göre değişkenlikler olabilir. Bu görünüm için aşağıdaki kod yapısına ihtiyaç duyulacaktır.

<table width=”70″ align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td height=”70″ style=”padding: 0 20px 20px 0;”>
<img src=”images/icon.gif” width=”70″ height=”70″ border=”0″ alt=”” / >
</td>
</tr>
</table>

Mobil ekranlarında ki yazılar bilgisayar ekranlarına göre daha az bir alana sahip olacakları için düzenli bir şekilde oluşturulmalı ve bu alan en verimli bir şekilde kullanılmalıdır .
<table class=”col380″ align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ style=”width: 100%; max-width: 380px;”>
<tr>
<td>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td class=”bodycopy”>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat.
</td>
</tr>
<tr>
<td style=”padding: 20px 0 0 0;”>

</td>
</tr>
</table>
</td>
</tr>
</table