Ücretsiz Bülten Şablonları: Her Sektör İçin En İyi 15 Tasarım
E-ticaret, SaaS, ajanslar ve daha fazlası için 15 ücretsiz bülten şablonu keşfedin. Özelleştirebileceğiniz ve herhangi bir e-posta platformuyla bugün kullanmaya başlayabileceğiniz profesyonel tasarımlar.
Boş bir tuvalden bülten başlatmak ürkütücü hissettiriyor. Boş editöre bakıp duruyorsun; içeriği nasıl yapılandıracağını, hangi düzeni kullanacağını ve tasarıma saatler harcamadan işi nasıl profesyonel göstereceğini merak ediyorsun.
Bülten şablonları bu sorunu çözüyor. Kendi içeriğin, marka kimliğin ve görsellerinle özelleştirebileceğin, kanıtlanmış bir yapı ve profesyonel tasarım sunuyorlar. En iyi şablonlar mobil duyarlıdır, e-posta istemcileri arasında uyumludur ve dönüşüm odaklı tasarlanmıştır.
Bu rehber, sektöre ve kullanım amacına göre düzenlenmiş 15 ücretsiz bülten şablon tasarımını kapsıyor. Her şablon türü için tasarım ilkelerini, önerilen içerik yapısını ve özelleştirme ipuçlarını açıklıyoruz.
Bir Bülten Şablonunu Etkili Kılan Nedir?
Belirli şablonlara geçmeden önce, iyi bir şablonu harika bir şablondan ayıran şeyleri anlamak önemlidir.
Teknik Gereksinimler
| Gereksinim | Neden Önemlidir |
|---|---|
| Mobil duyarlı | E-postaların %60’ından fazlası mobil cihazlarda açılıyor |
| İstemciler arası uyumluluk | Gmail, Outlook, Apple Mail vb. istemcilerde doğru görüntülenir |
| Hızlı yükleme | Görseller toplamda 1 MB altında; şablon 100 KB altında |
| Karanlık mod desteği | E-posta istemcilerinde giderek yaygınlaşıyor |
| Erişilebilirlik | Ekran okuyucu uyumlu, yeterli renk kontrastı |
| Web güvenli fontlar | Platformlar arası tutarlı görüntüleme |
Tasarım İlkeleri
Görsel hiyerarşi. En önemli içerik en belirgin olmalıdır. Okuyucunun gözünü yukarıdan aşağıya yönlendirmek için boyut, renk ve konumlandırmayı kullan.
Taranabilir düzen. E-posta alıcılarının çoğu okumak yerine tarar. İçeriği sindirilebilir kılmak için başlıklar, madde işaretleri, kısa paragraflar ve net bölüm ayırıcılar kullan.
Tutarlı marka kimliği. Bültenin anında tanınabilir olmalıdır. Marka renklerini, logonu ve tipografiyi her sayıda tutarlı biçimde kullan.
Mobilde tek sütun. Çok sütunlu düzenler mobil cihazlarda bozulabilir. Tek sütunlu düzen kullan ya da çok sütunlu bölümlerin daha küçük ekranlarda düzgün şekilde alt alta dizildiğinden emin ol.
Dört düzen, çalışır hâlde
Aşağıdaki her panel, şablonun kendi gerçek e-posta HTML'i; gerçek bir genişlikteki çerçevede duruyor. Genişliği 375 px'e indirin ve sütunların nasıl alt alta dizildiğini izleyin.
Temanızı izler — diğerini görmek için üst çubuktan değiştirin.
The Letter şablonunun HTML'ini oku
<!DOCTYPE html>
<html lang="tr" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Letter</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#151515 !important; }
.d-card { background-color:#1c1c1c !important; }
.d-ink { color:#f2f2f2 !important; }
.d-mute { color:#a8a8a8 !important; }
.d-rule { border-color:#3a3a3a !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f0efec;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">Not uygulamanızda sakladığınız alıntı, içerik takviminizden daha çok çalışıyor.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f0efec;">
<tr><td align="center" style="padding:32px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">
<tr><td style="padding:0;">
<img src="/_astro/letter-masthead.BcPkHvz4.png" width="600" height="250" alt="Meridian Press başlığı: çapraz bir bantla kesilen eşmerkezli mavi yaylar" style="width:100%;height:auto;max-width:600px;">
</td></tr>
<tr><td class="gutter" style="padding:36px 88px 0 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;">Meridian Press · Sayı 47</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:Georgia,'Times New Roman',Times,serif;">
<h1 class="h1 d-ink" style="margin:0 0 20px 0;font-size:34px;line-height:42px;font-weight:400;color:#141414;">Arşiv ürünün kendisi</h1>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Üç hafta önce 2019'da yazdığım bir metni aradım ve bulamadım. Ne sitede, ne dışa aktarmada, ne de platformun kendi aramasında. Bin iki yüz sayı ve çalışan tek dizin benim hafızamdı.</p>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Altı yıl bülten çıkarmanın kimsenin anlatmadığı kısmı bu. Göndermek kolay. Saklamak değil.</p>
</td></tr>
<tr><td class="gutter" style="padding:8px 88px 28px 88px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td class="quote" style="border-left:3px solid #0084d1;padding:4px 0 4px 0;padding-left:20px;font-family:Georgia,'Times New Roman',Times,serif;">
<p class="d-ink" style="margin:0;font-size:19px;line-height:30px;font-style:italic;color:#141414;">Yayımladığınız her şey bir yatırımdır. Çekimi neredeyse kimse kurmuyor.</p>
</td></tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:Georgia,'Times New Roman',Times,serif;">
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Bu yüzden bu hafta eski sayıları gerçek bir arşive dönüştürdüm: etiketler, tam metin arama ve kalıcı adreslerle. Dokuz gün sürdü. Abone sayısı kıpırdamadı. Sitede geçirilen süre üçe katlandı.</p>
<p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Hepsi aşağıda, işe yaramayan kısımlar dâhil.</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px 36px 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<a href="https://example.com" style="font-size:17px;line-height:24px;font-weight:600;color:#0084d1;text-decoration:underline;">Tüm sayıyı oku →</a>
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 88px;border-top:1px solid #e4e2de;"></td></tr>
<tr><td class="gutter" style="padding:24px 88px 40px 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:22px;color:#6b6b6b;">Her perşembe elle yazılır. Yanıtlayın, okuyorum.</p>
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Meridian Press, 14 Harbour Lane, Bristol BS1 4TT<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Abonelikten çık</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Tarayıcıda görüntüle</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Temanızı izler — diğerini görmek için üst çubuktan değiştirin.
The Digest şablonunun HTML'ini oku
<!DOCTYPE html>
<html lang="tr" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Digest</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#131313 !important; }
.d-card { background-color:#1b1b1b !important; }
.d-ink { color:#f3f3f3 !important; }
.d-mute { color:#a5a5a5 !important; }
.d-rule { border-color:#333333 !important; }
.d-chip { background-color:#10352f !important; color:#7fd8c6 !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f4f3f0;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">Salınızı hak eden altı şey. İkisi fiyatlandırmayla ilgili.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f4f3f0;">
<tr><td align="center" style="padding:28px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td class="gutter" style="padding:30px 32px 22px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0;font-size:20px;line-height:26px;font-weight:800;color:#141414;">The Tuesday Digest</p>
<p class="d-mute" style="margin:4px 0 0 0;font-size:14px;line-height:20px;color:#6b6b6b;">26 Ağustos 2026 · 6 konu · 9 dk</p>
</td>
<td valign="middle" align="right" class="hide-sm">
<span class="d-chip" style="display:inline-block;background:#e2f4ef;color:#00614f;border-radius:999px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;padding:6px 12px;">SAYI 212</span>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:2px solid #141414;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-1.gDWNYw1C.png" width="112" height="112" alt="Çapraz bir bantla kesilen soyut turkuaz yaylar" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#007d6a;">01 · FİYATLANDIRMA</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">Üç şirket kullanım bazlı fiyatlandırmaya geçti, ikisi geri döndü</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Geri dönen ikisi de aynı şeyi söylüyor: destek yükü gelirden önce arttı.</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-2.ch7Avmad.png" width="112" height="112" alt="Kaymış bir odak noktasına sahip soyut turkuaz halkalar" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#007d6a;">02 · TESLİM EDİLEBİLİRLİK</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">Gmail'in toplu gönderici kuralları bir yaşında. Gerçekte değişen şu</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Şikâyet oranı, herhangi birinin yaklaştığı tek eşik. Gerisi zaten asgari koşuldu.</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-3.DP0eG3wj.png" width="112" height="112" alt="Kırık beyaz zemin üzerinde soyut eşmerkezli turkuaz yaylar" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#007d6a;">03 · ZANAAT</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">Bülten arşivi bir arama ürünüdür, bağlantı listesi değil</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Dokuz günlük iş, sıfır abone artışı, sitede üç katı süre. İlginç olan, yapılan takas.</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:24px 32px 34px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 14px 0;font-size:15px;line-height:24px;color:#555555;">Aşağıda üç tane daha var; herkesin yanıtladığı faturalama yazısı da dâhil.</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#007d6a" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#007d6a;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Altısını da oku</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #eceae6;"></td></tr>
<tr><td class="gutter" style="padding:20px 32px 30px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">The Tuesday Digest, 9 Fitzroy Street, Manchester M1 2AL<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Abonelikten çık</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Tercihleri yönet</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Tarayıcıda görüntüle</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Temanızı izler — diğerini görmek için üst çubuktan değiştirin.
The Storefront şablonunun HTML'ini oku
<!DOCTYPE html>
<html lang="tr" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Storefront</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#141210 !important; }
.d-card { background-color:#1d1a18 !important; }
.d-ink { color:#f5f2ef !important; }
.d-mute { color:#aaa39d !important; }
.d-rule { border-color:#38322d !important; }
.d-tile { background-color:#241f1c !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#efece8;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">Dört yeni baskı. Liman olanı 40 kopya ve haftayı çıkarmaz.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#efece8;">
<tr><td align="center" style="padding:24px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">
<tr><td class="gutter" style="padding:22px 24px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="d-ink" style="font-size:17px;line-height:22px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#141414;">Northlight</td>
<td align="right" class="d-mute hide-sm" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:13px;line-height:20px;color:#6b6b6b;">Sonbahar çıkışı · 04</td>
</tr></table>
</td></tr>
<tr><td style="padding:0;">
<img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="Dört yeni Northlight baskısı: sıcak kırık beyaz üzerinde üst üste binen pas kırmızısı yaylar" style="width:100%;height:auto;max-width:600px;">
</td></tr>
<tr><td class="gutter" style="padding:30px 40px 0 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<h1 class="h1 d-ink" style="margin:0 0 12px 0;font-size:30px;line-height:38px;font-weight:800;color:#141414;">Dört baskı. Her biri kırk kopya.</h1>
<p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">Bu çıkıştaki her baskı elle çekilmiş, numaralanmış ve bittiğinde bitmiştir. Burada hiçbir şey yeniden basılmaz.</p>
</td></tr>
<tr><td class="gutter" style="padding:0 40px 26px 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Çıkışa göz at</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter" style="padding:0 32px 8px 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-1.B7Z7OyM8.png" width="272" height="272" alt="Harbour, pas kırmızısı soyut bir baskı" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Harbour</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm · pamuk kâğıt üzerine giclée</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Sepete ekle</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-2.CMBKLJ38.png" width="272" height="272" alt="Dusk, kehribar tonunda soyut bir baskı" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Dusk</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm · pamuk kâğıt üzerine giclée</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Sepete ekle</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
</tr>
<tr>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-3.C9XLoBz6.png" width="272" height="272" alt="Tide, mor tonunda soyut bir baskı" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Tide</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm · pamuk kâğıt üzerine giclée</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Sepete ekle</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-4.jL_6WDwF.png" width="272" height="272" alt="Quarry, koyu yeşil tonunda soyut bir baskı" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Quarry</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm · pamuk kâğıt üzerine giclée</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Sepete ekle</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:6px 40px 30px 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#faf9f7;border-radius:4px;">
<tr><td style="padding:16px 20px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0;font-size:15px;line-height:24px;color:#242424;"><strong>Birleşik Krallık içinde 75 £ üzeri kargo ücretsiz.</strong> Çerçeve seçenekleri ödeme adımında. 30 gün içinde iade, çerçevesiz.</p>
</td></tr>
</table>
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 40px;border-top:1px solid #ebe7e2;"></td></tr>
<tr><td class="gutter" style="padding:20px 40px 30px 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Northlight Print Co., Unit 4 Wharf Road, Leeds LS10 1JQ<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Abonelikten çık</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Tarayıcıda görüntüle</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Temanızı izler — diğerini görmek için üst çubuktan değiştirin.
The Brief şablonunun HTML'ini oku
<!DOCTYPE html>
<html lang="tr" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Brief</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#121212 !important; }
.d-card { background-color:#1a1a1a !important; }
.d-ink { color:#f2f2f2 !important; }
.d-mute { color:#a6a6a6 !important; }
.d-rule { border-color:#333333 !important; }
.d-tile { background-color:#232323 !important; }
.d-track { background-color:#2c2c2c !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f1f0f4;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">Yanıt oranı 4 puan arttı ve nedenini hâlâ bilmiyoruz. En iyi tahmin içeride.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f1f0f4;">
<tr><td align="center" style="padding:26px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td style="padding:0;background:#141414;border-radius:6px 6px 0 0;">
<img src="/_astro/brief-band.CsaAK-Uv.png" width="600" height="150" alt="Ledger Weekly başlığı: neredeyse siyah üzerine mor yaylar" style="width:100%;height:auto;max-width:600px;border-radius:6px 6px 0 0;">
</td></tr>
<tr><td class="gutter" style="padding:26px 32px 18px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p style="margin:0 0 4px 0;font-size:12px;line-height:16px;letter-spacing:.1em;text-transform:uppercase;color:#8f83ff;">Ledger Weekly · 35. hafta</p>
<h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">Yanıt oranı kıpırdadı ve kimse bir şey yayımlamadı</h1>
</td></tr>
<tr><td class="gutter" style="padding:0 26px 8px 26px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">31.4%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Açılma oranı</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 1,2 puan</p>
</td></tr>
</table>
</td>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">8.9%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Tıklama oranı</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">▼ 0,4 puan</p>
</td></tr>
</table>
</td>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">6.1%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Yanıt oranı</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 4,0 puan</p>
</td></tr>
</table>
</td>
</tr></table>
</td></tr>
<tr><td class="gutter" style="padding:20px 32px 0 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 18px 0;font-size:16px;line-height:26px;color:#242424;">Gönderimde hiçbir şey değişmedi. Aynı liste, aynı perşembe, aynı şablon. Bulabildiğimiz tek değişken, konu satırının on bir sayıdır ilk kez bir soru sormasıydı.</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;">Segmente göre yanıtlar</p>
</td></tr>
<tr><td class="gutter" style="padding:0 32px 22px 32px;">
<table role="presentation" class="chart" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Ücretli aboneler</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="100%" style="width:100%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">11.2%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Ücretsiz, 90 gün aktif</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="57%" style="width:57%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">6.4%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Ücretsiz, uykuda</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="16%" style="width:16%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">1.8%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Deneme</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="44%" style="width:44%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">4.9%</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px 28px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#141414" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#141414;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Tüm dökümü oku</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #e9e7ee;"></td></tr>
<tr><td class="gutter" style="padding:20px 32px 28px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Ledger Weekly, 2 Cathedral Square, Edinburgh EH1 2QN<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Abonelikten çık</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Tarayıcıda görüntüle</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> 15 Ücretsiz Bülten Şablon Tasarımı
1. Klasik Şirket Güncellemesi
En uygun: B2B şirketler, ajanslar, profesyonel hizmetler
Bu şablon sade bir yapıya sahiptir:
- Şirket logosu ve başlık
- Kısa editoryal giriş (2-3 cümle)
- Başlıklar, kısa açıklamalar ve CTA’larla 3-4 içerik bloğu
- Sosyal medya bağlantıları ve abonelik iptal seçeneği içeren alt bilgi
Tasarım notları: Bol beyaz alanla temiz, profesyonel bir düzen. Başlıklar ve CTA düğmeleri için markanın ana rengini kullan. Görselleri bir kahraman görseli ve içerik blokları için küçük küçük resimlerle sınırlı tut.
İçerik yapısı:
- Ekip üyesinden kişisel selamlama
- Öne çıkan makale veya duyuru
- 2-3 ikincil içerik öğesi
- Hızlı bağlantılar veya kaynaklar bölümü
- İletişim bilgileri içeren alt bilgi
2. E-Ticaret Ürün Vitrini
En uygun: Online mağazalar, perakende markalar, DTC şirketleri
Satışları artırmak için tasarlanmış ürün odaklı düzen:
- Öne çıkan ürün veya promosyonla kahraman banner
- Görseller, isimler, fiyatlar ve alışveriş düğmeleriyle ürün ızgarası (2x2 veya 3x1)
- Müşteri yorumu veya referans bölümü
- İkincil promosyon veya yeni gelenler
Tasarım notları: Büyük, yüksek kaliteli ürün görselleri şarttır. Mobilde tek sütuna daralan bir ızgara düzeni kullan. Fiyat ve CTA düğmeleri anında görünür olmalıdır.
Tajo’yu Brevo ile birlikte kullanan e-ticaret markaları için bu şablonlar, her abonenin gözetim ve satın alma geçmişine göre kişiselleştirilmiş ürün önerileriyle dinamik olarak doldurulabilir. Kişiselleştirme stratejileri için e-ticaret e-posta pazarlaması rehberimize bak.
3. İçerik Özeti
En uygun: Medya şirketleri, içerik üreticileri, yayınlar
Birden fazla makaleyi sergilemek için tasarlanmış içerik yoğun şablon:
- Büyük görsel ve alıntıyla öne çıkan makale
- Başlıklar ve tek satırlık özetlerle 5-8 ek makale listesi
- Her makale için kategori etiketleri
- “En popüler” veya “Editörün seçimi” vurgusu
Tasarım notları: Temiz tipografi ve cömert satır aralığıyla okunabilirliği ön plana çıkar. Okuyucuların özeti hızlıca tarayabilmesi için her makale girişinde tutarlı biçimlendirme kullan.
4. Kişisel Bülten
En uygun: Solopreneurlar, düşünce liderleri, danışmanlar
Kişisel bir mektup gibi hissettiren minimal, metin odaklı şablon:
- Yazar fotoğrafı ve adı
- Uzun biçimli yazılı içerik (500-800 kelime)
- Minimal görseller ve tasarım öğeleri
- Biçimlendirilmiş düğmeler yerine sade metin bağlantıları
- Kişisel kapanış
Tasarım notları: Bu şablon sadeliğiyle başarılı olur. Tek sütunlu düzen, standart fontlar ve minimal stil kullan. Amaç, bir pazarlama iletişimi yerine kişisel bir e-posta gibi hissettirmektir.
5. SaaS Ürün Güncellemesi
En uygun: Yazılım şirketleri, teknoloji girişimleri, geliştirici araçları
Ürün güncellemelerini iletmek için özellik odaklı düzen:
- Sürüm numarası veya güncelleme başlığı
- Ekran görüntüsü veya GIF ile özellik vurgusu
- İyileştirmeler ve düzeltmelerin madde listesi
- “Sırada ne var” teaser’ı
- Yeni özellikleri denemek için CTA
Tasarım notları: Anlatmak yerine göstermek için ürün ekran görüntüleri veya arayüz görselleri ekle. Yazılımının estetiğini yansıtan temiz, modern bir tasarım kullan.
6. Etkinlik Daveti
En uygun: Etkinlik organizatörleri, konferanslar, webinar hosts
Kayıtları artırmaya odaklanan tek amaçlı şablon:
- Etkinlik adı ve görsel markalaşma
- Tarih, saat ve konum (veya sanal platform)
- Fotoğraflar ve biyografilerle konuşmacı öne çıkarımları
- Gündem özeti
- Belirgin kayıt CTA’sı
- Erken kayıt fiyatı veya sınırlı kontenjan aciliyeti
Tasarım notları: CTA düğmesi en az iki kez görünmelidir: bir kez fold’un üstünde, bir kez de ayrıntıların ardından. Uygun olduğunda geri sayım öğeleri veya aciliyet dili kullan.
7. Haftalık Özet
En uygun: Sektör bültenleri, küratörlü içerik yayıncıları
Web’den içerik küratörlüğü yapmak için yapılandırılmış şablon:
- Editör notu (2-3 cümle)
- Kaynak atıfı, başlık ve kısa yorum içeren 5-10 küratörlü bağlantı
- Numaralandırılmış veya kategorize edilmiş bölümler
- Gelir elde ediliyorsa “Sponsor” veya “Öne Çıkan” bölümü
- Okuyucu anketi veya geri bildirim daveti
Tasarım notları: Her küratörlü öğe için net numaralandırma ve tutarlı biçimlendirme, okuyucuların gezinmesine yardımcı olur. Bölümleri ayırmak için ince kenarlıklar veya arka plan renkleri kullan.
8. Kar Amacı Gütmeyen Etki Raporu
En uygun: Hayır kurumları, STK’lar, sosyal girişimler
Etki hikayelerini paylaşmak ve bağış toplamak için tasarlanmış şablon:
- Etki istatistiği başlığı (“Bu ay 1.000 aileye yardım ettik”)
- Fotoğraflı hikaye (bir yararlanıcı veya proje)
- Kampanya hedefine doğru ilerleme çubuğu
- Gönüllülük veya etkinlik fırsatları
- Bağış CTA düğmesi
Tasarım notları: Fotoğrafçılık ve gerçek hikayelerle duygusal etkiyle başla. Somut sonuçları göstermek için veri görselleştirme (ilerleme çubukları, istatistikler) kullan.
9. Sezonluk Promosyon
En uygun: Perakende, konaklama, mevsimlik işletmeler
Tatil ve sezonluk kampanyalar için tasarlanmış görsel açıdan zengin şablon:
- Tam genişlikte sezonluk kahraman görseli
- Net koşullarla promosyon teklifi
- Küratörlü ürün seçimi veya hediye rehberi
- Son tarih veya geri sayım öğesi
- Boyunca birden fazla CTA
Tasarım notları: Kalın renkler ve sezonluk görseller aciliyet yaratır. Promosyon teklifinin kaydırma olmadan anında anlaşıldığından emin ol. Görsel ağırlıklı e-postalar istemciler arasında görüntüleme sorunları yaşayabileceğinden şablonu iyice test et.
10. Eğitim Serisi
En uygun: Online kurslar, koçluk işletmeleri, eğitim kurumları
Eğitim içeriği sunmak için yapılandırılmış şablon:
- Ders numarası ve seri başlığı
- Temel çıkarım veya öğrenme hedefi
- Net bölümlerle ana içerik
- Pratik egzersizi veya eylem maddesi
- İlerleme göstergesi (8 dersin 3. dersi)
- Sonraki derse veya ilgili kaynağa CTA
Tasarım notları: Abonelerin ne bekleyeceğini bilmesi için serideki tüm derslerde tutarlı bir yapı kullan. Tamamlamayı motive etmek için ilerleme göstergesi ekle.
11. Gayrimenkul İlanı
En uygun: Emlak acenteleri, mülk yönetim şirketleri
Zengin görsel öğelerle mülk odaklı şablon:
- Büyük fotoğraf galerisiyle öne çıkan ilan
- Mülk ayrıntıları (fiyat, yatak odası sayısı, banyo sayısı, metrekare)
- Izgara formatında 3-4 ek ilan
- Piyasa güncellemesi veya mahalle odak noktası
- Fotoğraflı acente iletişim bilgileri
Tasarım notları: Yüksek kaliteli mülk fotoğrafçılığı şarttır. Temel ayrıntıları (fiyat, boyut, konum) tıklamadan anında görünür şekilde göster.
12. Restoran veya Yemek İşletmesi
En uygun: Restoranlar, yemek dağıtımı, catering şirketleri
Görsel açıdan iştah açıcı şablon:
- Öne çıkan yemek veya menü öğesinin kahraman görseli
- Haftalık özel menüler veya yeni menü öğeleri
- Rezervasyon veya sipariş CTA’sı
- Müşteri yorumu öne çıkarımı
- Konum ve çalışma saatleri bilgisi
Tasarım notları: Yemek fotoğrafçılığı profesyonel ve iştah açıcı olmalıdır. Sıcak renkler ve cömert boşluk kullan. Birincil CTA (sipariş ver, rezervasyon yap, ziyaret et) gözden kaçmamalıdır.
13. Fitness ve Sağlıklı Yaşam
En uygun: Spor salonları, kişisel antrenörler, sağlıklı yaşam markaları
Motivasyon ve eyleme odaklanan enerjik şablon:
- Motivasyonel kahraman görseli
- Haftanın antrenmanı veya sağlık ipucu
- Ders programı veya yaklaşan etkinlikler
- Üye odak noktası veya dönüşüm hikayesi
- Rezervasyon veya üyelik CTA’sı
Tasarım notları: Eylem odaklı fotoğrafçılık ve kalın tipografi kullan. Baskıcı olmadan motive edici bir ton koru.
14. Ajans Portföy Vitrini
En uygun: Yaratıcı ajanslar, serbest çalışanlar, tasarım stüdyoları
Son çalışmaları sergilemek için portföy tarzı şablon:
- Büyük görseller ve kısa vaka çalışmasıyla öne çıkan proje
- Izgara formatında 2-3 ek güncel proje
- Müşteri referansı
- Ekip veya işe alım güncellemeleri
- Potansiyel müşteriler için iletişim CTA’sı
Tasarım notları: Çalışmaların büyük, yüksek kaliteli görsellerle kendisi için konuşmasına izin ver. Metni minimal tut ve süreç açıklamaları yerine sonuçlara ve çıktılara odaklan.
15. Topluluk Bülteni
En uygun: Üyelik kuruluşları, çevrimiçi topluluklar, yerel işletmeler
Katılımı teşvik eden topluluk odaklı şablon:
- Topluluk haberleri ve duyurular
- Üye odak noktası veya röportaj
- Yaklaşan etkinlikler takvimi
- Tartışma soruları veya anket
- Kullanıcı tarafından oluşturulan içerik bölümü
- Katıl/meşgul ol CTA’sı
Tasarım notları: Topluluk bağı kurmak için üye fotoğrafları ve isimlerini (izinle birlikte) ekle. Sıcak, kapsayıcı bir ton kullan ve yanıtları ile katılımı teşvik et.
Ücretsiz Bülten Şablonları Nereden Bulunur?
E-Posta Pazarlama Platformları
Çoğu e-posta pazarlama platformu planlarına ücretsiz şablonlar dahil eder:
| Platform | Ücretsiz Şablonlar | Özelleştirme Seviyesi | Ücretsiz Plan |
|---|---|---|---|
| Brevo | 60+ | Sürükle-bırak editörü | Evet |
| Mailchimp | 100+ | Sürükle-bırak editörü | Evet (sınırlı) |
| HubSpot | 45+ | Sürükle-bırak editörü | Evet |
| MailerLite | 80+ | Sürükle-bırak editörü | Evet |
| Constant Contact | 200+ | Sürükle-bırak editörü | Hayır |
Brevo’nun şablon kütüphanesi, ürün duyuruları, sipariş onayları ve Tajo aracılığıyla mağaza verilerinle entegre olan promosyon kampanyaları için tasarlanmış şablonlarıyla özellikle e-ticaret işletmelerine çok uygundur.
Üçüncü Taraf Şablon Kaynakları
- Litmus Community: İstemciler arası uyumluluk verileriyle test edilmiş ücretsiz şablonlar
- Really Good Emails: İlham için gerçek bülten örneklerinin küratörlü galerisi
- Stripo: 1.500’den fazla tasarımla ücretsiz e-posta şablon oluşturucu
- BeeFree: 200’den fazla ücretsiz duyarlı şablonla sürükle-bırak editörü
- MJML: Kodla duyarlı e-posta şablonları oluşturmak için açık kaynaklı çerçeve
Şablonları Markan İçin Özelleştirme
Temel Özelleştirmeler
Her şablon kullanmadan önce şu değişikliklere ihtiyaç duyar:
- Logo ve marka renkleri: Varsayılan markayı kendininkiyle değiştir
- Tipografi: Marka fontlarını (web güvenli yedeklerle birlikte) kullan
- Alt bilgi bilgileri: İşletme ayrıntıların ve yasal gereksinimlerinle güncelle
- Sosyal medya bağlantıları: Gerçek profillerini ekle
- Abonelik iptal bağlantısı: Her pazarlama e-postasında yasalar gereği zorunludur
Gelişmiş Özelleştirmeler
Bir şablona alıştıktan sonra şu geliştirmeleri düşün:
- Dinamik içerik blokları: Farklı abone segmentlerine farklı içerik göster
- Kişiselleştirme etiketleri: Abone adlarını, konumlarını veya tercihlerini ekle
- Koşullu bölümler: Abone özelliklerine göre bölümleri göster veya gizle
- Etkileşimli öğeler: Anketler, araştırmalar veya AMP destekli etkileşimler ekle
Bülten Şablonu En İyi Uygulamaları
Göndermeden önce test et. En azından Gmail, Outlook, Apple Mail ve Yahoo’ya test e-postaları gönder. Kapsamlı istemciler arası test için Litmus veya Email on Acid gibi bir araç kullan.
Görselleri optimize et. Yükleme süresini azaltmak için tüm görselleri sıkıştır. E-posta istemcisi görselleri engellediğinde her görsel için alt metin ekle.
Dosya boyutunu küçük tut. Toplam e-posta boyutu (HTML ve görseller) HTML için 100 KB altında, toplam içerik için 1 MB altında kalmalıdır. Daha büyük e-postalar Gmail tarafından kırpılma veya spam filtrelerince engellenme riskiyle karşılaşır.
Tutarlılığı koru. Her bülten sayısında aynı şablon yapısını kullan. Aboneler tanıdık düzenler etrafında okuma alışkanlıkları geliştirir ve tutarlılık güven oluşturur.
Düz metin ekle. HTML görüntülemeyen e-posta istemcileri için her zaman düz metin alternatifi sun. Çoğu e-posta platformu bunu otomatik olarak oluşturur, ancak okunabilirliği sağlamak için gözden geçir.
E-posta teslim edilebilirliğini düzenli olarak test et. Güzel bir şablon spam’e düşerse işe yaramaz. Tasarım çalışmalarının yanı sıra gönderici itibarını ve kimlik doğrulamasını (SPF, DKIM, DMARC) izle.
Başlarken
Sektörüne ve içerik stiline uyan bir şablon seç. Minimum özelleştirmelerle başla: marka renkleri, logo ve alt bilgi. İlk sayını gönder. Açılma oranları ve tıklama verisi aracılığıyla kitlenle ne işe yaradığını öğrendikçe tasarım ve içerik yapısını geliştir.
En iyi bülten şablonu görsel olarak en etkileyici olan değildir. Kitlenin tutarlı şekilde okuduğu, düzenli olarak tıkladığı ve almayı dört gözle beklediği şablondur.