Template Email: 50+ Template Gratis & Praktik Terbaik Desain [2025]

Dapatkan 50+ template email gratis untuk setiap kasus penggunaan. Dari newsletter hingga promosi, temukan template yang dapat dikustomisasi dan pelajari praktik terbaik desain.

Set Noa Diperbarui 25 Mei 2026 9 menit baca

email templates

Templat email apa yang perlu disiapkan?

Siapkan templat untuk sambutan, promosi, keranjang tertinggal, konfirmasi pesanan, dan tindak lanjut pembelian. Sesuaikan isi dengan tujuan serta data pelanggan; jangan mengirim contoh tanpa pemeriksaan.

Pelajari selengkapnya

Di halaman ini

Mengapa Template Email Penting
Jenis Template Email yang Anda Butuhkan
Template Email Selamat Datang (5 Template)
Template Email Newsletter (8 Template)
Template Email Promosi (10 Template)
Template Email Transaksional (12 Template)
Template Email Re-engagement (5 Template)
Template Email Pengumuman (5 Template)
Template Survei dan Umpan Balik (5 Template)
Praktik Terbaik Desain Email
Cara Mengkustomisasi Template
Kesimpulan
Di mana Tajo berperan

Template email adalah tulang punggung email marketing yang efisien. Baik Anda mengirim newsletter, kampanye promosi, atau email transaksional, memiliki template yang dirancang dengan baik menghemat waktu, menjaga konsistensi merek, dan meningkatkan tingkat keterlibatan.

Dalam panduan komprehensif ini, kami akan menyediakan 50+ template email gratis di setiap kategori utama, ditambah praktik terbaik desain untuk membantu Anda membuat email yang mengonversi.

Mengapa Template Email Penting

Angka-angka menceritakan kisahnya:

67% pemasar mengatakan desain email adalah tantangan terbesar mereka
80% penerima langsung menghapus email yang dirancang buruk
Email bertemplate mengurangi waktu produksi hingga 75%
Branding yang konsisten meningkatkan pendapatan hingga 23%

Template email yang dirancang dengan baik mengatasi tantangan ini sekaligus memastikan setiap email yang Anda kirim terlihat profesional dan sesuai merek.

Templat Tajo

Empat tata letak yang berjalan

Setiap panel di bawah adalah HTML email asli dari templat, dalam bingkai berlebar sungguhan. Tarik lebarnya ke 375 px dan lihat kolom-kolomnya menumpuk.

Mengikuti tema Anda — ganti di bagian atas untuk melihat yang satunya.

Baca HTML The Letter 6 KB, tanpa langkah build

<!DOCTYPE html>
<html lang="in" 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;">Kutipan yang Anda simpan di aplikasi catatan bekerja lebih keras daripada kalender konten Anda.</span><span style="display:none;font-size:1px;color:#fefefe;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</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="Kepala surat Meridian Press: busur biru sepusat yang dipotong pita diagonal" 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 · Edisi 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;">Arsip itulah produknya</h1>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Tiga minggu lalu saya mencari tulisan yang saya buat pada 2019 dan tidak menemukannya. Tidak di situs, tidak di hasil ekspor, tidak di pencarian platformnya sendiri. Seribu dua ratus edisi, dan satu-satunya indeks yang berfungsi adalah ingatan saya.</p>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Itulah bagian yang tak seorang pun ceritakan tentang enam tahun menjalankan buletin. Mengirim itu mudah. Menyimpan tidak.</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;">Semua yang Anda terbitkan adalah setoran. Nyaris tak ada yang membangun penarikannya.</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;">Maka minggu ini saya membangun ulang arsip lama menjadi arsip sungguhan: dengan tag, pencarian teks penuh, dan alamat permanen. Butuh sembilan hari. Jumlah pelanggan tidak bergerak. Waktu kunjung di situs naik tiga kali lipat.</p>
        <p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Semuanya ada di bawah, termasuk bagian yang gagal.</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;">Baca edisi lengkapnya &rarr;</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;">Ditulis tangan setiap Kamis. Balas saja, saya membacanya.</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;">Berhenti berlangganan</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Lihat di peramban</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

Mengikuti tema Anda — ganti di bagian atas untuk melihat yang satunya.

Baca HTML The Digest 10 KB, tanpa langkah build

<!DOCTYPE html>
<html lang="in" 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;">Enam hal yang layak mengisi Selasa Anda. Dua di antaranya soal harga.</span><span style="display:none;font-size:1px;color:#fefefe;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</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 Agustus 2026 · 6 topik · 9 mnt</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;">EDISI 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;">&nbsp;</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="Busur tosca abstrak yang dipotong pita diagonal" 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 &middot; HARGA</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;">Tiga perusahaan pindah ke harga berbasis pemakaian dan dua kembali lagi</a>
              </p>
              <p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Kedua perusahaan yang kembali mengatakan hal yang sama: beban dukungan naik lebih dulu daripada pendapatan.</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;">&nbsp;</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="Cincin tosca abstrak dengan titik fokus yang bergeser" 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 &middot; KETERKIRIMAN</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;">Aturan Gmail untuk pengirim massal sudah setahun. Inilah yang benar-benar berubah</a>
              </p>
              <p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Tingkat keluhan adalah satu-satunya ambang yang sempat didekati siapa pun. Sisanya memang sudah keharusan.</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;">&nbsp;</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="Busur tosca sepusat abstrak di atas putih gading" 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 &middot; KERAJINAN</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;">Arsip buletin adalah produk pencarian, bukan daftar tautan</a>
              </p>
              <p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Sembilan hari kerja, nol pertumbuhan pelanggan, tiga kali lipat waktu kunjung. Yang menarik justru pertukarannya.</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;">&nbsp;</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;">Tiga lagi di bawah, termasuk yang soal penagihan yang dibalas semua orang.</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;">Baca keenamnya</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;">Berhenti berlangganan</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Kelola preferensi</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Lihat di peramban</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

Mengikuti tema Anda — ganti di bagian atas untuk melihat yang satunya.

Baca HTML The Storefront 12 KB, tanpa langkah build

<!DOCTYPE html>
<html lang="in" 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;">Empat cetakan baru. Yang bergambar pelabuhan hanya 40 keping dan tidak akan bertahan seminggu.</span><span style="display:none;font-size:1px;color:#fefefe;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</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;">Rilis musim gugur · 04</td>
        </tr></table>
      </td></tr>

      <tr><td style="padding:0;">
        <img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="Empat cetakan Northlight baru: busur merah karat bertumpang tindih di atas putih gading hangat" 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;">Empat cetakan. Masing-masing empat puluh keping.</h1>
        <p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">Setiap cetakan dalam rilis ini ditarik dengan tangan, diberi nomor, dan habis begitu habis. Di sini tidak ada yang dicetak ulang.</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;">Lihat rilisnya</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, cetakan abstrak berwarna merah karat" 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 &middot; giclée di atas kertas katun</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;">Tambahkan ke keranjang</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, cetakan abstrak berwarna kuning ambar" 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 &middot; giclée di atas kertas katun</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;">Tambahkan ke keranjang</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, cetakan abstrak berwarna ungu" 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 &middot; giclée di atas kertas katun</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;">Tambahkan ke keranjang</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, cetakan abstrak berwarna hijau tua" 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 &middot; giclée di atas kertas katun</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;">Tambahkan ke keranjang</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>Gratis ongkir di Inggris untuk pembelian di atas 75 £.</strong> Pilihan pembingkaian saat pembayaran. Pengembalian dalam 30 hari, tanpa bingkai.</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;">Berhenti berlangganan</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Lihat di peramban</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

Mengikuti tema Anda — ganti di bagian atas untuk melihat yang satunya.

Baca HTML The Brief 12 KB, tanpa langkah build

<!DOCTYPE html>
<html lang="in" 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;">Tingkat balasan naik 4 poin dan kami masih belum tahu sebabnya. Dugaan terbaik ada di dalam.</span><span style="display:none;font-size:1px;color:#fefefe;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</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="Kepala Ledger Weekly: busur ungu di atas nyaris hitam" 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 · Pekan 35</p>
        <h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">Tingkat balasan bergerak dan tak seorang pun merilis apa pun</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;">Tingkat buka</p>
                <p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">&#9650; 1,2 poin</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;">Tingkat klik</p>
                <p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">&#9660; 0,4 poin</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;">Tingkat balasan</p>
                <p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">&#9650; 4,0 poin</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;">Tidak ada yang berubah dalam pengirimannya. Daftar yang sama, Kamis yang sama, templat yang sama. Satu-satunya variabel yang kami temukan: baris subjek mengajukan pertanyaan untuk pertama kalinya dalam sebelas edisi.</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;">Balasan per segmen</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;">Pelanggan berbayar</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;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</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;">Gratis, aktif 90 hr</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;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</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;">Gratis, tidak 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="16%" style="width:16%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</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;">Uji coba</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;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</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;">Baca uraian lengkapnya</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;">Berhenti berlangganan</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Lihat di peramban</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

Jenis Template Email yang Anda Butuhkan

Sebelum membahas template spesifik, mari kita pahami kategorinya:

Jenis Template	Tujuan	Frekuensi Tipikal
Selamat datang	Orientasi pelanggan baru	Sekali per pelanggan
Newsletter	Pembaruan konten rutin	Mingguan/Bulanan
Promosi	Penjualan dan penawaran	Sesuai kebutuhan
Transaksional	Pembaruan pesanan/akun	Dipicu event
Re-engagement	Mengembalikan pengguna tidak aktif	Per kuartal
Pengumuman	Berita dan peluncuran	Sesuai kebutuhan

Template Email Selamat Datang (5 Template)

Email selamat datang menetapkan nada untuk hubungan pelanggan Anda. Email ini memiliki open rate 4x lebih tinggi dari email biasa.

Template 1: Selamat Datang Sederhana

Terbaik untuk: Merek minimalis, perusahaan B2B

Subject: Selamat datang di [Merek]!

---

[LOGO]

Halo [Nama],

Selamat bergabung!

Anda baru saja bergabung dengan [X.XXX] orang lain
yang mempercayai kami untuk [proposisi nilai].

Ini yang dapat Anda harapkan:

• [Jenis konten] setiap [hari] setiap minggu
• Akses eksklusif ke [manfaat]
• Prioritas untuk [penawaran/konten]

Mulai dengan menjelajahi [konten/produk] terpopuler kami:

[TOMBOL CTA: Jelajahi Sekarang]

Ada pertanyaan? Balas saja email ini.

Salam,
Tim [Merek]

Catatan desain:

Tata letak satu kolom
Penempatan logo yang menonjol
Poin-poin untuk kemudahan pemindaian
Satu CTA yang jelas

Template 2: Selamat Datang dengan Diskon

Terbaik untuk: E-commerce, merek DTC

Subject: Selamat datang! Kode diskon 15% ada di sini

---

[GAMBAR HERO - Gaya Hidup/Produk]

Selamat datang di [Merek], [Nama]!

Sebagai ucapan terima kasih telah bergabung,
berikut diskon 15% untuk pesanan pertama Anda:

╔═══════════════════════════════╗
║     KODE: WELCOME15           ║
╚═══════════════════════════════╝

[TOMBOL CTA: Belanja Sekarang]

Kode ini berlaku selama 7 hari.

Pertanyaan? Kami siap membantu.
[Email Kontak] | [Telepon]

[IKON MEDIA SOSIAL]

Catatan desain:

Gambar hero yang menarik perhatian
Kotak kode diskon yang menonjol
Tanggal kedaluwarsa yang jelas menciptakan urgensi
Beberapa opsi kontak

Template 3: Selamat Datang Multi-Bagian

Terbaik untuk: Layanan berlangganan, platform edukasi

Subject: Selamat datang! Ini semua yang perlu Anda ketahui

---

Hei [Nama]!

Selamat datang di [Merek]. Berikut panduan memulai Anda:

┌─────────────────────────────────┐
│ 📖 MEMULAI                      │
│                                 │
│ 1. Lengkapi profil Anda         │
│ 2. Atur preferensi Anda         │
│ 3. Jelajahi [fitur utama]       │
│                                 │
│ [Mulai Pengaturan]              │
└─────────────────────────────────┘

┌─────────────────────────────────┐
│ 🎁 HADIAH SELAMAT DATANG        │
│                                 │
│ Gunakan kode NEWBIE20 untuk     │
│ diskon 20% [pembelian/bulan]    │
│ pertama Anda                    │
│                                 │
│ [Klaim Hadiah]                  │
└─────────────────────────────────┘

┌─────────────────────────────────┐
│ 💬 BUTUH BANTUAN?               │
│                                 │
│ Tim kami tersedia 24/7          │
│ melalui chat, email, atau       │
│ telepon                         │
│                                 │
│ [Hubungi Dukungan]              │
└─────────────────────────────────┘

Senang memiliki Anda!

Tim [Merek]

Catatan desain:

Tata letak berbasis kartu
Hierarki visual dengan ikon
Beberapa CTA untuk tujuan berbeda
Orientasi yang komprehensif

Template 4: Selamat Datang dari Pendiri

Terbaik untuk: Merek kecil, startup

Subject: Catatan pribadi dari pendiri kami

---

[FOTO PENDIRI - Santai/Autentik]

Halo [Nama],

Saya [Nama Pendiri], dan saya ingin secara pribadi
menyambut Anda di [Merek].

Saya mendirikan perusahaan ini [X] tahun lalu karena
[kisah singkat asal-usul].

Saat ini, kami telah membantu [pencapaian], tetapi
misi kami tetap sama: [misi inti].

Sebagai anggota baru komunitas kami, Anda akan mendapatkan:

✓ [Manfaat 1]
✓ [Manfaat 2]
✓ [Manfaat 3]

Saya membaca setiap balasan email ini, jadi jangan
ragu menghubungi dengan pertanyaan, ide,
atau sekadar menyapa.

Berikut diskon 15% untuk memulai: FOUNDER15

[TOMBOL CTA: Mulai Belanja]

Dengan penuh syukur,

[Tanda Tangan Pendiri]
[Nama Pendiri]
Pendiri & CEO

P.S. - Ikuti perjalanan kami: @[handle]

Catatan desain:

Nada personal dan autentik
Foto pendiri membangun kepercayaan
Tanda tangan menambah sentuhan manusiawi
P.S. memanfaatkan area yang banyak dibaca

Template 5: Selamat Datang Interaktif

Terbaik untuk: Merek dengan lini produk beragam

Subject: Bantu kami mempersonalisasi pengalaman Anda

---

Selamat datang di [Merek], [Nama]!

Sebelum mulai mengirim email,
mari pastikan semuanya relevan.

Apa yang paling menarik minat Anda?

[  ] Produk baru
[  ] Promo dan diskon
[  ] Tips dan tutorial
[  ] Berita industri
[  ] Semua hal di atas

[SIMPAN PREFERENSI]

Dengan mengetahui apa yang Anda inginkan,
kami hanya akan mengirimkan hal-hal yang baik.

Terima kasih telah membantu kami melayani Anda!

Tim [Merek]

P.S. - Anda dapat memperbarui ini kapan saja
dengan mengklik "Preferensi" di email mana pun.

Catatan desain:

Pemilihan preferensi interaktif
Memberikan kendali kepada pelanggan
Memungkinkan segmentasi yang lebih baik
Mengurangi unsubscribe di masa depan

Newsletter menjaga keterlibatan audiens Anda di antara pembelian. Berikut template untuk setiap format newsletter.

Terbaik untuk: Rangkuman konten rutin, digest mingguan

Subject: [Merek] Mingguan: [Topik Utama]

---

[LOGO]

[MEREK] MINGGUAN
[Tanggal]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

KISAH UNGGULAN

[GAMBAR HERO]

[Judul]

[Ringkasan 2-3 kalimat dari kisah utama]

[BACA SELENGKAPNYA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

LEBIH BANYAK MINGGU INI

[THUMBNAIL] [Judul Kisah 2]
Deskripsi singkat...
[Baca →]

[THUMBNAIL] [Judul Kisah 3]
Deskripsi singkat...
[Baca →]

[THUMBNAIL] [Judul Kisah 4]
Deskripsi singkat...
[Baca →]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TAUTAN CEPAT

• [Tautan 1]
• [Tautan 2]
• [Tautan 3]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[IKON MEDIA SOSIAL]

[Berhenti berlangganan] | [Preferensi] | [Lihat Online]

Catatan desain:

Hierarki visual yang jelas
Prominensi kisah unggulan
Kisah sekunder yang mudah dipindai
Bagian tautan cepat

Template 7: Digest yang Dikurasi

Terbaik untuk: Berita industri, thought leadership

Subject: 5 Hal yang Perlu Anda Ketahui Minggu Ini

---

[LOGO]

DIGEST MINGGUAN
[Tanggal] | Edisi #[Nomor]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Berikut hal-hal yang wajib diketahui minggu ini:

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

1️⃣ [JUDUL 1]

[Ringkasan 2-3 kalimat dengan poin utama]

💡 Mengapa ini penting: [Wawasan satu baris]

[Sumber/Tautan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

2️⃣ [JUDUL 2]

[Ringkasan 2-3 kalimat dengan poin utama]

💡 Mengapa ini penting: [Wawasan satu baris]

[Sumber/Tautan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

3️⃣ [JUDUL 3]

[Ringkasan]

💡 Mengapa ini penting: [Wawasan]

[Sumber/Tautan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

4️⃣ [JUDUL 4]

[Ringkasan]

💡 Mengapa ini penting: [Wawasan]

[Sumber/Tautan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

5️⃣ [JUDUL 5]

[Ringkasan]

💡 Mengapa ini penting: [Wawasan]

[Sumber/Tautan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Itu semua untuk minggu ini!

Balas dan beri tahu saya kisah mana
yang paling beresonansi.

[Tanda Tangan]
[Nama Editor]

Catatan desain:

Format bernomor menciptakan struktur
“Mengapa ini penting” menambah nilai
Penutup personal
Mendorong balasan

Terbaik untuk: Mode, gaya hidup, merek kreatif

Subject: Temuan Segar untuk [Musim/Bulan]

---

[GAMBAR HERO LEBAR PENUH]

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[JUDUL UTAMA]
[Teks subjudul]

[TOMBOL CTA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[GRID GAMBAR 2 KOLOM]

[Gambar 1]          [Gambar 2]
[Keterangan]        [Keterangan]
[Belanja]           [Belanja]

[Gambar 3]          [Gambar 4]
[Keterangan]        [Keterangan]
[Belanja]           [Belanja]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SEDANG TREN

[GRID PRODUK 3 KOLOM]

[Produk 1]   [Produk 2]   [Produk 3]
$XX          $XX          $XX
[Belanja]    [Belanja]    [Belanja]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[IKON MEDIA SOSIAL]

[Tautan Footer]

Catatan desain:

Desain mengutamakan gambar
Tata letak grid untuk produk
Teks minimal
Hierarki visual yang kuat

Terbaik untuk: Kreator, konsultan, thought leader

Subject: [Pengamatan atau pemikiran personal]

---

Hei [Nama],

[Anekdot atau pengamatan pembuka yang personal,
2-3 kalimat yang menarik perhatian pembaca]

[Transisi ke topik utama]

---

[BAGIAN KONTEN UTAMA]

[Konten inti dengan nada percakapan,
biasanya 300-500 kata tentang satu topik]

[Wawasan utama atau poin yang dapat ditindaklanjuti]

---

📚 APA YANG SEDANG SAYA BACA/TONTON

[Judul Buku/Artikel]
[Rekomendasi 1-2 kalimat]

🔗 TAUTAN BERGUNA

• [Tautan 1 dengan deskripsi singkat]
• [Tautan 2 dengan deskripsi singkat]

---

Itu semua untuk minggu ini!

Balas dan beri tahu saya pendapat Anda.

[Salam penutup]
[Nama]

P.S. - [Catatan personal atau berita mendatang]

Catatan desain:

Nada percakapan yang intim
Fokus pada satu topik
Rekomendasi personal
P.S. untuk pembaruan penting

Terbaik untuk: E-commerce, merek ritel

Subject: Produk baru yang akan Anda sukai + [penawaran]

---

[LOGO]

[NAVIGASI: Belanja | Baru | Diskon | Tentang]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[BANNER HERO]
PRODUK BARU
[Nama Musim/Koleksi]

[BELANJA SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

BARU DILUNCURKAN

[GRID PRODUK 3 KOLOM]

[Gambar Produk]    [Gambar Produk]    [Gambar Produk]
[Nama]             [Nama]             [Nama]
$XX                $XX                $XX
[Belanja]          [Belanja]          [Belanja]

[Gambar Produk]    [Gambar Produk]    [Gambar Produk]
[Nama]             [Nama]             [Nama]
$XX                $XX                $XX
[Belanja]          [Belanja]          [Belanja]

[LIHAT SEMUA PRODUK BARU]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[BANNER PROMOSI]
GRATIS ONGKIR UNTUK PESANAN DI ATAS $50

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TERSEDIA KEMBALI

[GRID 2 KOLOM]

[Produk]          [Produk]
[Nama]            [Nama]
$XX               $XX

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[IKON MEDIA SOSIAL]
[Footer]

Catatan desain:

Navigasi mencerminkan situs web
Tata letak berfokus pada produk
Harga yang jelas
Urgensi produk yang tersedia kembali

Terbaik untuk: B2B, SaaS, konten edukasi

Subject: Cara [mencapai hasil spesifik]

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[MEREK] INSIDER
Tips, trik, dan strategi untuk [audiens]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Topik minggu ini: [Topik]

[Paragraf pembuka yang menetapkan masalah
atau peluang]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

📖 PELAJARAN HARI INI

[JUDUL TOPIK]

[Konten edukatif yang dibagi menjadi
bagian-bagian jelas dengan header]

LANGKAH 1: [Tindakan]

[Penjelasan]

LANGKAH 2: [Tindakan]

[Penjelasan]

LANGKAH 3: [Tindakan]

[Penjelasan]

💡 TIP PRO

[Wawasan lanjutan untuk pembaca berpengalaman]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

📊 STATISTIK CEPAT

[Statistik atau data relevan
yang memperkuat pelajaran]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🎯 ITEM TINDAKAN

Tugas Anda minggu ini:
[Pekerjaan rumah yang spesifik dan dapat ditindaklanjuti]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Sampai lain waktu,
[Nama]

[SUMBER DAYA TERKAIT]
• [Tautan ke artikel relevan]
• [Tautan ke alat/template]
• [Tautan ke studi kasus]

Catatan desain:

Struktur yang jelas untuk pembelajaran
Langkah-langkah bernomor
Item tindakan untuk keterlibatan
Sumber daya terkait

Terbaik untuk: Situs keanggotaan, komunitas

Subject: Sorotan Komunitas | [Bulan]

---

[LOGO]

RANGKUMAN [KOMUNITAS]
[Bulan Tahun]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Hei [Nama]!

Inilah yang telah terjadi di komunitas kita:

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🌟 SOROTAN ANGGOTA

[FOTO ANGGOTA]

Kenalan dengan [Nama Anggota]!

[2-3 kalimat tentang kisah/pencapaian mereka]

[BACA KISAH LENGKAP]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🔥 DISKUSI POPULER

Thread paling aktif bulan ini:

1. [Judul Thread] - [XX] balasan
2. [Judul Thread] - [XX] balasan
3. [Judul Thread] - [XX] balasan

[BERGABUNG DALAM PERCAKAPAN]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

📅 ACARA MENDATANG

[Tanggal] | [Nama Acara]
[Deskripsi singkat]
[DAFTAR]

[Tanggal] | [Nama Acara]
[Deskripsi singkat]
[DAFTAR]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

📈 STATISTIK KOMUNITAS

• [X] anggota baru bulan ini
• [X] diskusi dimulai
• [X] sumber daya dibagikan

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Terus bersemangat!

[Tim Komunitas]

Catatan desain:

Konten berfokus pada anggota
Bukti sosial melalui aktivitas
Promosi acara
Statistik komunitas

Terbaik untuk: Peluncuran produk, berita perusahaan

Subject: Memperkenalkan [Nama Produk/Fitur]

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[GAMBAR HERO/FOTO PRODUK]

MEMPERKENALKAN
[NAMA PRODUK]

[Tagline atau proposisi nilai]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami telah mengerjakan sesuatu yang istimewa,
dan hari ini kami dengan semangat berbagi bersama Anda.

[1-2 paragraf tentang apa itu dan
mengapa ini penting]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

FITUR UTAMA

✓ [Fitur 1]
  [Penjelasan manfaat singkat]

✓ [Fitur 2]
  [Penjelasan manfaat singkat]

✓ [Fitur 3]
  [Penjelasan manfaat singkat]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[GAMBAR/SCREENSHOT PRODUK]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PENAWARAN PELUNCURAN KHUSUS

Sebagai pengguna awal, Anda mendapatkan akses eksklusif:

[Detail penawaran: diskon, akses awal, bonus]

[MULAI SEKARANG]

Penawaran ini berakhir pada [Tanggal].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Pertanyaan? Balas email ini atau
kunjungi [halaman FAQ] kami.

Kami senang Anda mencobanya!

Tim [Merek]

Catatan desain:

Fokus produk yang jelas
Manfaat fitur ditonjolkan
Penawaran peluncuran menciptakan urgensi
FAQ untuk menangani keberatan

Template Email Promosi (10 Template)

Email promosi mendorong pendapatan. Berikut template untuk setiap skenario promosi.

Template 14: Flash Sale

Terbaik untuk: Penawaran waktu terbatas, pembersihan inventaris

Subject: ⚡ FLASH SALE 24 JAM: Diskon 40% untuk semua produk

---

[HEADER ANIMASI/TEBAL]

⚡ FLASH SALE ⚡
DISKON 40% UNTUK SEMUA PRODUK

BERAKHIR DALAM: [PENGHITUNG WAKTU]

[BELANJA SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TANPA KODE
Diskon otomatis diterapkan saat checkout

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PILIHAN TERATAS

[GRID PRODUK - 6 item]

[Gambar]      [Gambar]      [Gambar]
[Nama]        [Nama]        [Nama]
$XX → $XX     $XX → $XX     $XX → $XX

[Gambar]      [Gambar]      [Gambar]
[Nama]        [Nama]        [Nama]
$XX → $XX     $XX → $XX     $XX → $XX

[LIHAT SEMUA SALE]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

⏰ Ingat: Sale ini berakhir tengah malam!

[BELANJA SEKARANG]

Catatan desain:

Header yang berani dan mendesak
Penghitung waktu menciptakan urgensi
Harga dicoret
Beberapa CTA

Template 15: Sale Musiman

Terbaik untuk: Promosi hari raya, pembersihan musiman

Subject: Sale [Musim]: Diskon hingga 50% dimulai sekarang

---

[GAMBAR HERO MUSIMAN]

SALE [MUSIM]
DISKON HINGGA 50%

[BELANJA SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

BELANJA BERDASARKAN KATEGORI

[BANNER KATEGORI - 3 kolom]

[Gambar]          [Gambar]          [Gambar]
[Kategori 1]      [Kategori 2]      [Kategori 3]
Diskon hingga 40% Diskon hingga 50% Diskon hingga 30%

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PRODUK TERLARIS DALAM SALE

[GRID PRODUK]

[Gambar]   [Gambar]   [Gambar]   [Gambar]
[Nama]     [Nama]     [Nama]     [Nama]
$XX        $XX        $XX        $XX
-30%       -40%       -25%       -50%

[LIHAT SEMUA PENAWARAN]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

GRATIS ONGKIR
Untuk semua pesanan di atas $75

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Sale berakhir [Tanggal]

[BELANJA SEKARANG]

Catatan desain:

Gambar musiman
Organisasi berdasarkan kategori
Persentase penghematan ditonjolkan
Ambang batas gratis ongkir

Template 16: Penawaran Eksklusif

Terbaik untuk: Pelanggan VIP, anggota loyalitas

Subject: [Nama], Anda mendapatkan akses awal

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[LENCANA VIP/EKSKLUSIF]

AKSES AWAL
KHUSUS UNTUK ANDA

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Sebagai salah satu pelanggan kami yang paling berharga,
Anda mendapatkan akses pertama ke sale terbesar
kami tahun ini.

Belanja sekarang sebelum dibuka untuk publik
pada [Tanggal].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PENAWARAN EKSKLUSIF ANDA

DISKON 30% UNTUK SELURUH SITUS
+ GRATIS ONGKIR

Gunakan kode: VIP30

[BELANJA AKSES AWAL]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[REKOMENDASI PRODUK]

Berdasarkan riwayat pembelian Anda:

[Gambar] [Gambar] [Gambar]
[Nama]   [Nama]   [Nama]
$XX      $XX      $XX

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Akses awal ini berakhir dalam 48 jam.

Terima kasih telah menjadi pelanggan setia!

Tim [Merek]

Catatan desain:

Positioning VIP
Rekomendasi yang dipersonalisasi
Kode eksklusif
Kerangka waktu akses terbatas

Template 17: Peluncuran Produk Baru

Terbaik untuk: Perkenalan produk, peluncuran koleksi

Subject: Sudah hadir: [Nama Produk]

---

[GAMBAR HERO PRODUK]

BARU DILUNCURKAN

[NAMA PRODUK]

[Tagline singkat]

[BELANJA SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[2-3 kalimat mendeskripsikan produk
dan mengapa pelanggan akan menyukainya]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

MENGAPA ANDA AKAN MENYUKAINYA

✓ [Manfaat 1]
✓ [Manfaat 2]
✓ [Manfaat 3]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[GALERI PRODUK - 3-4 gambar]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PENAWARAN PELUNCURAN

Pesan dalam 48 jam ke depan dan dapatkan
[bonus/diskon/gratis ongkir]

[PRE-ORDER SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[FAQ atau informasi ukuran jika relevan]

Catatan desain:

Gambar berfokus pada produk
Manfaat yang jelas
Insentif peluncuran
Informasi pendukung

Template 18: Penawaran Bundel

Terbaik untuk: Upselling, meningkatkan AOV

Subject: Hemat 25% dengan membeli bundel

---

[GAMBAR BUNDEL]

LEBIH BAIK BERSAMA

BUAT BUNDEL ANDA
& HEMAT 25%

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Pilih dan padukan favorit Anda:

[LANGKAH 1 - Pilih Produk Dasar]

[Produk A]   [Produk B]   [Produk C]
[Pilih]      [Pilih]      [Pilih]

[LANGKAH 2 - Tambahkan Item Pelengkap]

[Add-on 1]   [Add-on 2]   [Add-on 3]
$XX          $XX          $XX

[LANGKAH 3 - Selesaikan Bundel Anda]

Bundel Anda: [X] item
Harga reguler: $XXX
Harga bundel: $XXX (Hemat $XX)

[BUAT BUNDEL SAYA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

BUNDEL POPULER

[Bundel siap pakai 1]
$XXX (diskon 25%)
[Belanja]

[Bundel siap pakai 2]
$XXX (diskon 25%)
[Belanja]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Pertanyaan? [Hubungi kami melalui chat]

Catatan desain:

Builder bundel langkah demi langkah
Penghematan yang ditampilkan dengan jelas
Opsi siap pakai untuk kenyamanan
Nuansa interaktif

Template 19: Penawaran Gratis Ongkir

Terbaik untuk: Promosi ambang batas, peningkatan konversi

Subject: Gratis ongkir akhir pekan ini saja

---

[HEADER BERTEMA PENGIRIMAN]

GRATIS ONGKIR
UNTUK SEMUA PESANAN

Akhir pekan ini saja: [Tanggal] - [Tanggal]

[BELANJA SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tanpa minimum. Tanpa kode.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

BELANJA KATEGORI TERATAS

[Grid kategori dengan gambar]

[Kategori 1]  [Kategori 2]
[Belanja]     [Belanja]

[Kategori 3]  [Kategori 4]
[Belanja]     [Belanja]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

FAVORIT PELANGGAN

[Grid produk]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

⏰ Gratis ongkir berakhir Minggu tengah malam

[BELANJA SEKARANG]

Catatan desain:

Pernyataan penawaran yang jelas
Tanpa pembatasan ditonjolkan
Opsi belanja berdasarkan kategori
Pengingat batas waktu

Template 20: Sale Clearance

Terbaik untuk: Pembersihan inventaris, akhir musim

Subject: Clearance final: Ekstra diskon 40% untuk produk sale

---

[BANNER CLEARANCE]

CLEARANCE FINAL
EKSTRA DISKON 40% UNTUK ITEM SALE

Harga sebagaimana tertera + gunakan kode EXTRA40

[BELANJA CLEARANCE]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

⚠️ STOK TERBATAS
Kalau sudah habis, ya sudah!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PENURUNAN HARGA TERBESAR

[Grid produk menampilkan harga asli vs harga sale]

[Gambar]        [Gambar]        [Gambar]
[Nama]          [Nama]          [Nama]
$XXX → $XX      $XXX → $XX      $XXX → $XX
-70%            -65%            -60%

[Gambar]        [Gambar]        [Gambar]
[Nama]          [Nama]          [Nama]
$XXX → $XX      $XXX → $XX      $XXX → $XX
-75%            -80%            -55%

[LIHAT SEMUA CLEARANCE]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SEMUA PENJUALAN FINAL
Tidak ada pengembalian untuk item clearance

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[BELANJA SEKARANG]

Catatan desain:

Pesan kelangkaan
Penurunan harga yang dramatis
Syarat dan ketentuan yang jelas (penjualan final)
Urgensi sepanjang email

Template 21: Penawaran BOGO

Terbaik untuk: Promosi beli satu gratis satu

Subject: Beli satu, gratis satu

---

[GAMBAR HERO BOGO]

BELI SATU
GRATIS SATU

[BELANJA SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tambahkan 2 item ke keranjang Anda.
Item dengan harga lebih rendah GRATIS!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PASANGAN SEMPURNA

[Pasangan yang disarankan]

[Item A + Item B]
Beli [A] seharga $XX, gratis [B]
[Belanja Pasangan]

[Item C + Item D]
Beli [C] seharga $XX, gratis [D]
[Belanja Pasangan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

BELANJA BERDASARKAN KATEGORI

[Tombol kategori]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Penawaran berakhir [Tanggal]

Syarat: Item gratis harus bernilai sama atau lebih rendah.
Tidak dapat digabungkan dengan penawaran lain.

[MULAI BELANJA]

Catatan desain:

Penawaran yang sederhana dan jelas
Pasangan yang disarankan
Syarat dan ketentuan dinyatakan dengan jelas
Navigasi kategori

Template 22: Pengingat Poin Loyalitas

Terbaik untuk: Program reward, keterlibatan loyalitas

Subject: [Nama], Anda memiliki [X] poin untuk digunakan

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Poin Anda sedang menunggu!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

╔═══════════════════════════════════╗
║                                   ║
║    SALDO ANDA: [X.XXX] POIN       ║
║    Senilai: $XX                   ║
║                                   ║
╚═══════════════════════════════════╝

[TUKARKAN SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA YANG BISA ANDA DAPATKAN

[X] poin = diskon $XX
[X] poin = [produk] gratis
[X] poin = Gratis ongkir selama 1 tahun

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

KUMPULKAN LEBIH BANYAK POIN

• Belanja: 10 poin per $1
• Ulasan: 50 poin
• Ajak teman: 500 poin
• Ulang tahun: 200 poin bonus

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[LIHAT REWARD]

Catatan desain:

Saldo poin yang menonjol
Nilai dalam dolar ditampilkan
Opsi penukaran
Cara mendapatkan lebih banyak poin

Template 23: Penawaran Referral

Terbaik untuk: Akuisisi pelanggan, program advokasi

Subject: Beri $20, Dapatkan $20

---

[GRAFIK REFERRAL]

BERI $20, DAPATKAN $20

Bagikan ke teman dan
kalian berdua menang!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

CARA KERJANYA

1️⃣ BAGIKAN tautan unik Anda
2️⃣ TEMAN mendapat diskon $20 untuk pesanan pertama
3️⃣ ANDA mendapat $20 ketika mereka berbelanja

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TAUTAN UNIK ANDA:

╔═══════════════════════════════════╗
║ [URL referral unik]               ║
╚═══════════════════════════════════╝

[SALIN TAUTAN]  [BAGIKAN VIA EMAIL]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[BAGIKAN DI MEDIA SOSIAL]

[Facebook] [Twitter] [WhatsApp]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

STATISTIK REFERRAL ANDA

Teman yang dirujuk: [X]
Pendapatan hingga kini: $[XX]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tidak ada batas referral.
Semakin banyak Anda berbagi, semakin banyak yang Anda dapatkan!

[LIHAT SYARAT LENGKAP]

Catatan desain:

Proposisi nilai yang jelas
Opsi berbagi yang mudah
Pelacakan referral ditampilkan
Potensi penghasilan tidak terbatas

Template Email Transaksional (12 Template)

Email transaksional memiliki open rate tertinggi. Manfaatkan semaksimal mungkin.

Template 24: Konfirmasi Pesanan

Terbaik untuk: Konfirmasi pembelian

Subject: Pesanan dikonfirmasi! #[Nomor Pesanan]

---

[LOGO]

✓ PESANAN DIKONFIRMASI

Terima kasih atas pesanan Anda, [Nama]!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PESANAN #[NOMOR]
Ditempatkan pada [Tanggal]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

RINGKASAN PESANAN

[Gambar Produk] [Nama Produk]
                Jml: [X]
                $[XX.XX]

[Gambar Produk] [Nama Produk]
                Jml: [X]
                $[XX.XX]

━━━━━━━━━━━━━━━━
Subtotal:        $[XX.XX]
Ongkir:          $[XX.XX]
Pajak:           $[XX.XX]
━━━━━━━━━━━━━━━━
TOTAL:           $[XX.XX]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

DIKIRIM KE:

[Nama Pelanggan]
[Alamat Baris 1]
[Alamat Baris 2]
[Kota, Provinsi, Kode Pos]

Estimasi pengiriman: [Rentang Tanggal]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[LACAK PESANAN]  [LIHAT PESANAN]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Pertanyaan? Hubungi kami di [email]
atau telepon [nomor telepon].

Terima kasih telah berbelanja bersama kami!

Tim [Merek]

Catatan desain:

Tanda centang konfirmasi
Detail pesanan lengkap
Informasi pengiriman
Tautan pelacakan dan dukungan

Template 25: Konfirmasi Pengiriman

Terbaik untuk: Notifikasi pengiriman

Subject: Pesanan Anda sedang dalam perjalanan! 📦

---

[LOGO]

📦 PESANAN ANDA TELAH DIKIRIM!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kabar baik! Pesanan Anda sedang dalam perjalanan.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

INFORMASI PELACAKAN

Kurir: [Nama Kurir]
No. Resi: [Nomor]

Estimasi tiba: [Tanggal]

[LACAK PAKET]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ISI PAKET ANDA

[Gambar Produk] [Nama Produk] x [Jml]
[Gambar Produk] [Nama Produk] x [Jml]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

DIKIRIM KE:

[Alamat pengiriman lengkap]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Perlu mengubah pengiriman?
Kunjungi [situs web kurir] untuk memperbarui
preferensi pengiriman.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Kami senang Anda segera menerima pesanan!

Tim [Merek]

Catatan desain:

Tombol pelacakan yang menonjol
Tanggal pengiriman ditonjolkan
Isi paket tercantum
Instruksi kurir

Template 26: Konfirmasi Pengiriman Tiba

Terbaik untuk: Keterlibatan pasca pengiriman

Subject: Pesanan Anda telah diterima!

---

[LOGO]

✓ TERKIRIM!

Pesanan Anda telah tiba.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Paket Anda dikirim pada [Tanggal] pukul [Waktu].

Pesanan #[Nomor]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[Gambar produk dari pesanan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TIDAK MENERIMA PESANAN?

Jika Anda belum menerima paket,
silakan periksa:

• Di tetangga
• Lokasi aman (teras, ruang surat)
• Pengelola gedung

Masih tidak menemukan? [Hubungi kami]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

KAMI INGIN MENDENGAR PENDAPAT ANDA

Bagaimana pengalaman Anda?

⭐⭐⭐⭐⭐

[TINGGALKAN ULASAN]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Terima kasih telah berbelanja bersama kami!

Tim [Merek]

Catatan desain:

Konfirmasi pengiriman
Opsi penyelesaian masalah
Permintaan ulasan
Pengingat gambar produk

Template 27: Permintaan Ulasan

Terbaik untuk: Pengumpulan umpan balik, UGC

Subject: Bagaimana [Nama Produk] Anda?

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Sudah [X] hari sejak
[Nama Produk] Anda tiba.

Kami ingin mendengar pendapat Anda!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[GAMBAR PRODUK]

Bagaimana Anda menilai [Produk]?

⭐⭐⭐⭐⭐

[TULIS ULASAN]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Ulasan Anda membantu pelanggan lain
membuat keputusan yang tepat dan membantu
kami meningkatkan produk.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

BAGIKAN FOTO ANDA

Punya foto pembelian Anda?
Bagikan untuk kesempatan tampil
di media sosial kami!

[BAGIKAN FOTO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Terima kasih telah menjadi pelanggan!

Tim [Merek]

P.S. - Tinggalkan ulasan dan dapatkan
diskon 10% untuk pesanan berikutnya.

Catatan desain:

Spesifik untuk produk
Visual rating bintang
Kesempatan UGC
Insentif untuk ulasan

Template 28: Pembuatan Akun

Terbaik untuk: Sambutan akun baru

Subject: Akun Anda sudah siap!

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✓ AKUN DIBUAT

Selamat datang, [Nama]!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Akun Anda sudah siap digunakan.

Email: [[email protected]]

[MASUK KE AKUN ANDA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA YANG BISA ANDA LAKUKAN SEKARANG

📦 Lacak pesanan secara real-time
💾 Simpan item ke wishlist
📍 Simpan beberapa alamat pengiriman
🎁 Kumpulkan dan tukarkan poin reward
⚡ Checkout lebih cepat dengan pembayaran tersimpan

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

LENGKAPI PROFIL ANDA

Tambahkan beberapa detail untuk mempersonalisasi
pengalaman Anda:

[LENGKAPI PROFIL]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

BUTUH BANTUAN?

Kunjungi [Pusat Bantuan] kami atau
balas email ini.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Selamat berbelanja!

Tim [Merek]

Catatan desain:

Detail akun dikonfirmasi
Manfaat akun
CTA untuk melengkapi profil
Sumber daya bantuan

Template 29: Reset Kata Sandi

Terbaik untuk: Keamanan, pemulihan akun

Subject: Reset kata sandi Anda

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PERMINTAAN RESET KATA SANDI

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami menerima permintaan untuk mereset kata sandi Anda.

Klik tombol di bawah untuk membuat kata sandi baru:

[RESET KATA SANDI]

Tautan ini berlaku selama 1 jam.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TIDAK MEMINTA RESET?

Jika Anda tidak meminta reset kata sandi,
abaikan email ini. Kata sandi Anda
tidak akan berubah.

Untuk keamanan, kami merekomendasikan:
• Gunakan kata sandi unik untuk setiap situs
• Aktifkan autentikasi dua faktor
• Jangan pernah berbagi kata sandi

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Jika Anda memiliki kekhawatiran tentang
keamanan akun Anda, silakan hubungi kami
segera di [email keamanan].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim Keamanan [Merek]

Catatan desain:

Tombol reset yang jelas
Pemberitahuan kedaluwarsa
Jaminan keamanan
Tips keamanan disertakan

Template 30: Konfirmasi Berlangganan

Terbaik untuk: Layanan berlangganan, keanggotaan

Subject: Langganan Anda dikonfirmasi!

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✓ BERLANGGANAN DIKONFIRMASI

Selamat datang di [Nama Paket]!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Langganan Anda kini aktif.
Berikut yang perlu Anda ketahui:

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

DETAIL BERLANGGANAN

Paket: [Nama Paket]
Harga: $[XX]/[bulan/tahun]
Tanggal mulai: [Tanggal]
Tanggal tagihan berikutnya: [Tanggal]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA YANG TERMASUK

✓ [Fitur 1]
✓ [Fitur 2]
✓ [Fitur 3]
✓ [Fitur 4]

[MULAI]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

KELOLA BERLANGGANAN

Perbarui pembayaran, ganti paket, atau
batalkan kapan saja dari akun Anda.

[KELOLA BERLANGGANAN]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Pertanyaan? Hubungi [email dukungan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Terima kasih telah berlangganan!

Tim [Merek]

Catatan desain:

Detail berlangganan yang jelas
Pengingat fitur
Opsi manajemen
Tanggal tagihan berikutnya

Template 31: Pembayaran Gagal

Terbaik untuk: Masalah penagihan, pemulihan berlangganan

Subject: Tindakan diperlukan: Pembayaran gagal

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

⚠️ PEMBAYARAN GAGAL

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami tidak dapat memproses pembayaran terbaru Anda
untuk [Paket/Pesanan].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

DETAIL PEMBAYARAN

Jumlah: $[XX.XX]
Tanggal percobaan: [Tanggal]
Alasan: [Kartu ditolak/Dana tidak cukup/dll.]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA YANG HARUS DILAKUKAN SELANJUTNYA

Silakan perbarui metode pembayaran Anda untuk
menghindari gangguan layanan.

[PERBARUI METODE PEMBAYARAN]

Kami akan secara otomatis mencoba pembayaran ulang
setelah informasi Anda diperbarui.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SOLUSI UMUM

• Periksa tanggal kedaluwarsa kartu
• Verifikasi alamat penagihan sesuai kartu
• Pastikan dana cukup tersedia
• Coba metode pembayaran lain

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Butuh bantuan? Balas email ini atau
hubungi kami di [email dukungan].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim Penagihan [Merek]

Catatan desain:

Pernyataan masalah yang jelas
Alasan kegagalan spesifik
Jalur penyelesaian yang mudah
Tips pemecahan masalah

Template 32: Konfirmasi Pengembalian Dana

Terbaik untuk: Pemrosesan refund

Subject: Pengembalian dana Anda telah diproses

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✓ PENGEMBALIAN DANA DIPROSES

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami telah memproses pengembalian dana Anda. Berikut
detailnya:

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

DETAIL PENGEMBALIAN DANA

Pesanan #: [Nomor]
Jumlah refund: $[XX.XX]
Metode refund: [Metode pembayaran asli]
Tanggal pemrosesan: [Tanggal]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA YANG PERLU DIHARAPKAN

• Kartu kredit: 5-10 hari kerja
• Kartu debit: 5-10 hari kerja
• PayPal: 3-5 hari kerja
• Kredit toko: Segera

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ITEM YANG DIKEMBALIKAN

[Gambar Produk] [Nama Produk]
                $[XX.XX]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Kami minta maaf pembelian ini tidak sesuai harapan.
Kami dengan senang hati membantu Anda menemukan produk yang tepat.

[BELANJA LAGI]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Pertanyaan? Hubungi [email dukungan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim [Merek]

Catatan desain:

Konfirmasi refund yang jelas
Ekspektasi waktu tunggu
Item tercantum
Kesempatan re-engagement

Template 33: Pengabaian Keranjang

Terbaik untuk: Memulihkan keranjang yang ditinggalkan

Subject: Anda meninggalkan sesuatu...

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

KERANJANG ANDA MERINDUKAN ANDA

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Sepertinya Anda meninggalkan beberapa item di keranjang.
Item-item itu masih menunggu Anda!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

KERANJANG ANDA

[Gambar Produk] [Nama Produk]
                Ukuran: [X]
                Jml: [X]
                $[XX.XX]

[Gambar Produk] [Nama Produk]
                Jml: [X]
                $[XX.XX]

━━━━━━━━━━━━━━━━
Subtotal: $[XX.XX]
━━━━━━━━━━━━━━━━

[SELESAIKAN PESANAN ANDA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✓ Gratis ongkir untuk pesanan di atas $50
✓ Pengembalian mudah dalam 30 hari
✓ Checkout aman

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Butuh bantuan? Balas email ini atau
chat dengan kami di [situs web].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim [Merek]

Catatan desain:

Isi keranjang ditampilkan
CTA sederhana
Sinyal kepercayaan
Opsi dukungan

Template 34: Produk Tersedia Kembali

Terbaik untuk: Peringatan inventaris, notifikasi daftar tunggu

Subject: [Nama Produk] kini tersedia kembali!

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SUDAH KEMBALI!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Penantian berakhir! [Nama Produk]
kini tersedia kembali.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[GAMBAR PRODUK BESAR]

[NAMA PRODUK]
$[XX.XX]

⚠️ Stok terbatas

[BELI SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Item ini terjual habis dengan cepat terakhir kali,
jadi jangan tunggu!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ULASAN PELANGGAN

⭐⭐⭐⭐⭐
"[Kutipan ulasan]"
, [Nama Pelanggan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[BELANJA SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim [Merek]

Catatan desain:

Pesan urgensi
Gambar produk besar
Bukti sosial
Peringatan stok terbatas

Template 35: Peringatan Penurunan Harga

Terbaik untuk: Item wishlist, browse abandonment

Subject: Harga turun! [Produk] kini seharga $[XX]

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PERINGATAN PENURUNAN HARGA!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kabar baik! Item yang Anda lirik
baru saja masuk sale.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[GAMBAR PRODUK]

[NAMA PRODUK]

Sebelumnya: $[XXX]
Sekarang: $[XX]

ANDA HEMAT: $[XX] (diskon [X]%)

[BELI SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Jangan lewatkan, harga sale tersedia
untuk waktu terbatas.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ITEM LAIN DALAM SALE

[Produk 1] - diskon [X]%
[Produk 2] - diskon [X]%
[Produk 3] - diskon [X]%

[LIHAT SEMUA ITEM SALE]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim [Merek]

Catatan desain:

Penghematan yang ditampilkan dengan jelas
Harga asli dicoret
Item sale terkait
Urgensi waktu terbatas

Template Email Re-engagement (5 Template)

Menangkan kembali pelanggan yang tidak aktif dengan template berikut.

Template 36: Email “Kami Merindukanmu”

Terbaik untuk: Re-engagement awal (tidak aktif 30-60 hari)

Subject: Kami merindukanmu, [Nama]!

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

KAMI MERINDUKANMU!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Sudah cukup lama kita tidak bertemu.
Semoga semuanya baik-baik saja!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA YANG BARU

Saat Anda pergi, kami telah sibuk:

• [Produk/fitur baru 1]
• [Produk/fitur baru 2]
• [Produk/fitur baru 3]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

HADIAH SELAMAT DATANG KEMBALI

Berikut diskon 20% untuk menyambut Anda kembali:

KODE: MISSYOU20

[BELANJA SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Kami senang menyambut Anda kembali!

Tim [Merek]

Template 37: Email “Kesempatan Terakhir”

Terbaik untuk: Sebelum berhenti berlangganan pengguna tidak aktif

Subject: Apakah ini perpisahan, [Nama]?

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APAKAH INI PERPISAHAN?

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami belum mendengar kabar dari Anda dalam waktu lama.

Kami tidak ingin memenuhi kotak masuk Anda jika
Anda sudah tidak tertarik, jadi kami
menghubungi Anda untuk terakhir kalinya.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

INGIN TETAP BERLANGGANAN?

Klik di bawah dan kami akan mempertahankan Anda di daftar kami.

[YA, PERTAHANKAN LANGGANAN SAYA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Jika kami tidak mendengar dari Anda dalam 7 hari ke depan,
kami akan menghapus Anda dari daftar email kami.

Tidak ada rasa sakit hati, Anda selalu bisa
bergabung kembali nanti di [situs web].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Jika Anda memilih pergi, berikut hadiah terakhir:

Diskon 25% untuk pesanan berikutnya: COMEBACK25
(Berlaku selama 30 hari)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Semoga Anda selalu baik,

Tim [Merek]

Template 38: Email “Apa yang Berubah”

Terbaik untuk: Mendapatkan umpan balik dari pengguna tidak aktif

Subject: Pertanyaan singkat, [Nama]...

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

KAMI INGIN MENDENGAR PENDAPAT ANDA

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami memperhatikan Anda sudah lama tidak berbelanja,
dan kami penasaran mengapa.

Umpan balik Anda membantu kami berkembang.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA YANG MEMBUAT ANDA PERGI?

[  ] Harga terlalu mahal
[  ] Menemukan alternatif yang lebih baik
[  ] Terlalu banyak email
[  ] Produk tidak memenuhi harapan
[  ] Hanya sedang sibuk
[  ] Lainnya

[KIRIM UMPAN BALIK]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Sebagai ucapan terima kasih atas kejujuran Anda,
berikut diskon 25% untuk pesanan berikutnya:

KODE: FEEDBACK25

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Terima kasih telah membantu kami berkembang!

Tim [Merek]

Template 39: Email “Pembaruan Sejak Anda Pergi”

Terbaik untuk: Memperkenalkan kembali merek kepada pengguna tidak aktif

Subject: Anda melewatkan [X] produk baru

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

BANYAK YANG BERUBAH!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Sejak kunjungan terakhir Anda, kami telah meluncurkan
[X] produk baru yang mungkin Anda sukai.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PRODUK BARU

[Grid produk - 6 item terbaru]

[Gambar] [Gambar] [Gambar]
[Nama]   [Nama]   [Nama]
$XX      $XX      $XX

[Gambar] [Gambar] [Gambar]
[Nama]   [Nama]   [Nama]
$XX      $XX      $XX

[LIHAT SEMUA YANG BARU]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA LAGI YANG BARU

• [Perbaikan/perubahan 1]
• [Perbaikan/perubahan 2]
• [Perbaikan/perubahan 3]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Siap melihat-lihat lagi?

[BELANJA PRODUK BARU]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim [Merek]

Template 40: Re-engagement “Ulang Tahun/Anniversari”

Terbaik untuk: Re-engagement berbasis tonggak

Subject: Selamat [Ulang Tahun/Anniversari], [Nama]! 🎉

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🎉 SELAMAT [ULANG TAHUN/ANNIVERSARI]!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

[Hari ini ulang tahun Anda! / Sudah [X] tahun
sejak Anda bergabung dengan keluarga [Merek]!]

Kami memiliki hadiah istimewa untuk Anda:

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

╔═══════════════════════════════════╗
║                                   ║
║    DISKON 30% UNTUK SEMUA         ║
║    PESANAN ANDA                   ║
║                                   ║
║    KODE: [BIRTHDAY30/ANNI30]      ║
║                                   ║
╚═══════════════════════════════════╝

Berlaku hingga [Tanggal]

[KLAIM HADIAH ANDA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Rayakan dengan memanjakan diri!

Tim [Merek]

Template Email Pengumuman (5 Template)

Template 41: Pengumuman Fitur Baru

Terbaik untuk: SaaS, pembaruan produk

Subject: Fitur baru: [Nama Fitur] sudah hadir!

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

MEMPERKENALKAN [NAMA FITUR]

[Tagline fitur]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami dengan semangat mengumumkan [Nama Fitur],
cara baru untuk [manfaat].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[SCREENSHOT/GIF FITUR]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

CARA KERJANYA

1. [Langkah 1]
2. [Langkah 2]
3. [Langkah 3]

[COBA SEKARANG]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

MENGAPA KAMI MEMBANGUN INI

[Penjelasan singkat tentang kebutuhan pelanggan
dan bagaimana ini menyelesaikannya]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PELAJARI LEBIH LANJUT

• [Tutorial video]
• [Artikel bantuan]
• [FAQ]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Pertanyaan? Balas email ini.

Tim Produk [Merek]

Template 42: Berita/Tonggak Perusahaan

Terbaik untuk: Pencapaian perusahaan, pers

Subject: Berita besar: [Pengumuman]

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🎉 BERITA BESAR!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami memiliki berita menarik untuk dibagikan:

[PENGUMUMAN JUDUL]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[GAMBAR HERO/VISUAL]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[2-3 paragraf menjelaskan berita
dan artinya bagi pelanggan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA ARTINYA BAGI ANDA

• [Manfaat pelanggan 1]
• [Manfaat pelanggan 2]
• [Manfaat pelanggan 3]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[BACA PENGUMUMAN LENGKAP]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Terima kasih telah menjadi bagian dari perjalanan kami.

Tim [Merek]

Template 43: Undangan Acara

Terbaik untuk: Webinar, konferensi, peluncuran

Subject: Anda diundang: [Nama Acara]

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ANDA DIUNDANG

[NAMA ACARA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[BANNER/VISUAL ACARA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Bergabunglah bersama kami untuk [Nama Acara], sebuah
[jenis acara] tentang [topik].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

DETAIL ACARA

📅 Tanggal: [Tanggal]
⏰ Waktu: [Waktu] [Zona Waktu]
📍 Lokasi: [Venue/Online]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA YANG AKAN ANDA PELAJARI

• [Topik 1]
• [Topik 2]
• [Topik 3]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PEMBICARA

[Foto Pembicara] [Foto Pembicara]
[Nama]           [Nama]
[Jabatan]        [Jabatan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[SIMPAN TEMPAT ANDA]

Tempat terbatas.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tidak bisa hadir? [Daftar saja] dan
kami akan mengirim rekamannya.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim Acara [Merek]

Template 44: Pembaruan Kebijakan

Terbaik untuk: Perubahan syarat, pembaruan privasi

Subject: Pembaruan penting untuk [jenis kebijakan] kami

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PEMBARUAN PENTING

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami memperbarui [Kebijakan Privasi/Syarat
Layanan/Kebijakan Pengembalian] efektif [Tanggal].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PERUBAHAN UTAMA

• [Perubahan 1 - ringkasan singkat]
• [Perubahan 2 - ringkasan singkat]
• [Perubahan 3 - ringkasan singkat]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

MENGAPA KAMI MEMBUAT PERUBAHAN INI

[1-2 kalimat menjelaskan alasannya]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA YANG PERLU ANDA LAKUKAN

[Tindakan yang diperlukan, jika ada, atau jaminan
bahwa tidak ada tindakan yang diperlukan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

[BACA KEBIJAKAN LENGKAP]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Pertanyaan? Hubungi kami di [email].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim Hukum [Merek]

Template 45: Gangguan Layanan/Pemeliharaan

Terbaik untuk: Pemeliharaan terjadwal, pemadaman

Subject: [Pemeliharaan terencana/Pembaruan layanan] pada [Tanggal]

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PEMBERITAHUAN LAYANAN

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami menulis untuk memberitahu Anda tentang
pemeliharaan terjadwal pada [Tanggal].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

DETAIL PEMELIHARAAN

📅 Tanggal: [Tanggal]
⏰ Waktu: [Waktu Mulai] - [Waktu Selesai] [Zona Waktu]
⏱️ Durasi: Sekitar [X] jam

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

APA YANG PERLU DIHARAPKAN

Selama waktu ini, [layanan/fitur] akan
sementara tidak tersedia.

Layanan yang TIDAK terpengaruh:
• [Layanan 1]
• [Layanan 2]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

MENGAPA KAMI MELAKUKAN INI

[Penjelasan singkat tentang perbaikan/peningkatan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Kami mohon maaf atas ketidaknyamanan ini.
Periksa [halaman status] kami untuk pembaruan real-time.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim Operasi [Merek]

Template Survei dan Umpan Balik (5 Template)

Template 46: Survei NPS

Terbaik untuk: Pengukuran Net Promoter Score

Subject: Pertanyaan singkat: Seberapa besar kemungkinan Anda merekomendasikan kami?

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami ingin mendengar umpan balik Anda.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Seberapa besar kemungkinan Anda merekomendasikan [Merek]
kepada teman atau kolega?

0 ─────────────────────────── 10
Tidak mungkin              Sangat mungkin

[0] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

Cukup klik angkanya, hanya 2 detik.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Umpan balik Anda membantu kami berkembang.

Terima kasih!

Tim [Merek]

Template 47: Survei Pasca Pembelian

Terbaik untuk: Umpan balik produk dan pengalaman

Subject: Bagaimana pembelian terakhir Anda?

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Terima kasih atas pesanan terakhir Anda!

Kami ingin mendengar tentang pengalaman Anda.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PESANAN TERAKHIR ANDA

[Gambar Produk] [Nama Produk]
Dibeli: [Tanggal]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Beri nilai pengalaman Anda:

Pengalaman berbelanja: ⭐⭐⭐⭐⭐
Kualitas produk:       ⭐⭐⭐⭐⭐
Kecepatan pengiriman:  ⭐⭐⭐⭐⭐

[KIRIM PENILAIAN]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Ingin berbagi lebih? [Tulis ulasan]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Sebagai ucapan terima kasih, nikmati diskon 10% untuk
pesanan berikutnya: FEEDBACK10

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Tim [Merek]

Template 48: Survei Kepuasan Pelanggan

Terbaik untuk: Pengukuran CSAT, umpan balik dukungan

Subject: Bagaimana kami melayani Anda?

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Anda baru saja menghubungi tim dukungan kami.
Seberapa puas Anda dengan bantuan
yang Anda terima?

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

NILAI PENGALAMAN ANDA

😞 😐 😊 😃 🤩

[Sangat Tidak Puas] ──── [Sangat Puas]

Klik emoji untuk merespons.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Kasus Anda: #[Nomor Tiket]
Agen: [Nama Agen]
Tanggal: [Tanggal]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Komentar tambahan? Balas email ini.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Terima kasih atas umpan balik Anda!

Tim Dukungan [Merek]

Template 49: Survei Tahunan

Terbaik untuk: Umpan balik tahunan, input peta jalan produk

Subject: Bantu bentuk masa depan [Merek] (survei 5 menit)

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SUARA ANDA PENTING

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Setahun sekali, kami meminta pendapat pelanggan kami.
Umpan balik Anda secara langsung membentuk
apa yang kami bangun selanjutnya.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

IKUTI SURVEI 5 MENIT KAMI

Bagikan pemikiran Anda tentang:

• Apa yang Anda sukai dari [Merek]
• Apa yang bisa kami tingkatkan
• Fitur yang ingin Anda lihat
• Kepuasan keseluruhan

[MULAI SURVEI]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

HADIAH TERIMA KASIH

Selesaikan survei dan Anda akan
dimasukkan untuk memenangkan [hadiah/kartu hadiah].

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Survei ditutup [Tanggal].

Terima kasih telah membantu kami berkembang!

Tim [Merek]

Template 50: Permintaan Fitur

Terbaik untuk: Umpan balik produk, validasi fitur

Subject: Apa yang harus kami bangun selanjutnya?

---

[LOGO]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

BANTU KAMI MEMPRIORITASKAN

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Halo [Nama],

Kami merencanakan peta jalan kami dan ingin
masukan Anda. Fitur apa yang paling
penting bagi Anda?

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PILIH 3 TERATAS ANDA

[  ] [Opsi fitur 1]
[  ] [Opsi fitur 2]
[  ] [Opsi fitur 3]
[  ] [Opsi fitur 4]
[  ] [Opsi fitur 5]
[  ] Hal lain (ceritakan di bawah)

[KIRIM SUARA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Punya ide yang belum kami cantumkan?

[BAGIKAN IDE ANDA]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Umpan balik Anda mendorong keputusan produk kami.

Terima kasih!

Tim Produk [Merek]

Praktik Terbaik Desain Email

Setelah memiliki template, mari kita bahas prinsip desain yang membuat email mengonversi.

Dasar-dasar Tata Letak

Tata letak satu kolom paling efektif:

93% email dibaca di mobile
Kolom tunggal responsif secara default
Lebih mudah mempertahankan hierarki
Aksesibilitas yang lebih baik

Lebar optimal:

Maksimum 600px untuk desktop
Lebar penuh di mobile
Padding 20px di setiap sisi

Panduan Tipografi

Elemen	Ukuran	Ketebalan
Judul	22-28px	Tebal
Sub-judul	18-20px	Semi-tebal
Teks isi	14-16px	Reguler
Keterangan	12-14px	Reguler
Tombol CTA	14-16px	Tebal

Rekomendasi font:

Sans-serif untuk digital: Arial, Helvetica, Verdana
Opsi modern: Open Sans, Roboto, Lato
Font sistem untuk kecepatan: -apple-system, BlinkMacSystemFont

Strategi Warna

Palet utama:

Warna merek untuk CTA dan header
Abu-abu netral untuk teks isi
Latar belakang putih/terang

Persyaratan kontras:

Minimum 4,5:1 untuk teks isi
Minimum 3:1 untuk teks besar
Uji dengan simulator buta warna

Desain Tombol CTA

Spesifikasi tombol yang efektif:

Tinggi minimum 44px (ramah sentuhan)
Lebar penuh di mobile
Warna dengan kontras tinggi
Teks yang jelas dan berorientasi tindakan
Maksimum 2-4 kata

Teks CTA yang berhasil:

Belanja Sekarang
Mulai
Klaim Diskon Anda
Unduh Panduan Gratis
Mulai Uji Coba Gratis

Panduan Gambar

Optimasi:

Ukuran total email maksimum 1MB
72 DPI untuk web
Gunakan WebP dengan fallback JPEG
Kompres sebelum mengunggah

Alt text:

Deskripsikan isi gambar
Sertakan CTA jika relevan
Buat di bawah 125 karakter

Daftar Periksa Optimasi Mobile

Tata letak satu kolom
Tombol ramah sentuhan (minimum 44x44px)
Ukuran font 14px atau lebih besar
Jarak baris yang memadai (1,5x)
Gambar terkompresi
Subject line singkat (di bawah 40 karakter)
Teks preheader dioptimalkan
Tautan mudah ditekan (tidak bertumpukan)

Persyaratan Aksesibilitas

Fitur aksesibilitas penting:

Alt text untuk semua gambar
Kontras warna yang memadai
Urutan membaca yang logis
Teks tautan yang deskriptif (bukan “klik di sini”)
Atribut role untuk tabel
Atribut HTML lang
Teks yang dapat diskalakan (tidak ada ukuran piksel tetap)

Pertimbangan Mode Gelap

Desain untuk kedua mode:

Gunakan PNG transparan untuk logo
Uji warna dalam mode gelap
Sediakan varian gambar mode gelap
Gunakan CSS media queries untuk penyesuaian warna

Cara Mengkustomisasi Template

Langkah 1: Branding Template Anda

Ganti elemen placeholder dengan merek Anda:

Penempatan logo - Tengah atas atau kiri
Warna merek - CTA, header, aksen
Tipografi - Sesuaikan dengan font merek
Gambar - Gunakan fotografi sesuai merek
Suara - Sesuaikan teks dengan kepribadian merek

Langkah 2: Personalisasi Konten

Konten dinamis meningkatkan konversi sebesar 20%:

Merge tags: Nama depan, lokasi, preferensi
Behavioral triggers: Riwayat penelusuran, riwayat pembelian
Produk dinamis: Rekomendasi berbasis data
Konten kondisional: Tampilkan konten berbeda untuk segmen

Langkah 3: Uji Sebelum Mengirim

Daftar periksa pra-kirim:

Langkah 4: Iterasi Berdasarkan Data

Lacak dan optimalkan:

Metrik	Apa yang Diceritakan	Cara Meningkatkan
Open rate	Efektivitas subject line	Uji sudut berbeda
Click rate	Keterlibatan konten	Perbaiki CTA, tata letak
Conversion rate	Relevansi penawaran	Uji penawaran, landing page
Unsubscribe rate	Masalah frekuensi/relevansi	Sesuaikan ritme, segmentasi

Kesimpulan

Template email yang hebat adalah fondasi email marketing yang efektif. Template menghemat waktu, memastikan konsistensi, dan meningkatkan hasil jika dirancang dengan baik.

Gunakan 50+ template dalam panduan ini sebagai titik awal, kemudian kustomisasi sesuai merek dan audiens Anda. Ingat dasar-dasarnya:

Desain yang mengutamakan mobile
Hierarki visual yang jelas
CTA tunggal yang terfokus
Desain yang aksesibel dan inklusif

Template terbaik adalah yang mendapat respons dari audiens Anda. Uji, iterasi, dan optimalkan berdasarkan data spesifik Anda.

Siap menerapkan template ini?

Di mana Tajo berperan

Tajo adalah pembangun integrasi agentik. Tetap pakai penyedia Anda. Agen menghubungkan semua yang lain, dan Anda menyetujui setiap sinkronisasi. Tajo sedang dalam akses awal. Minta akses awal

Pertanyaan yang sering diajukan

Apa itu template email?

Template email adalah struktur yang dapat digunakan ulang untuk kampanye atau pesan otomatis. Biasanya template menentukan tata letak, blok konten, ajakan bertindak, kolom personalisasi, footer, elemen kepatuhan, dan aturan QA.

Template email apa yang sebaiknya dibuat bisnis terlebih dahulu?

Mulailah dengan template sambutan, newsletter, promosi, transaksional, keranjang yang ditinggalkan, setelah pembelian, re-engagement, dan pusat preferensi. Tim ecommerce juga sebaiknya menambahkan template penelusuran yang ditinggalkan, loyalitas, pembelian ulang, dan stok kembali tersedia.

Apa yang membuat template email dapat digunakan ulang?

Template yang dapat digunakan ulang memisahkan struktur tetap dari konten yang berubah. Jaga agar header, footer, tipografi, spasi, blok produk, pola ajakan bertindak, dan blok kepatuhan tetap konsisten, lalu ubah teks dan data khusus setiap kampanye.

Bagaimana cara melakukan QA template email?

Periksa baris subjek, preheader, pengirim, tautan, nilai cadangan personalisasi, tampilan di ponsel, mode gelap, teks alternatif gambar, parameter pelacakan, tautan berhenti berlangganan, alamat fisik, dan data yang mengisi blok dinamis.

Template email apa yang harus saya buat lebih dulu?

Buat lebih dulu template sambutan, newsletter, promosi, transaksional, keranjang yang ditinggalkan, setelah pembelian, re-engagement, dan pusat preferensi. Tim ecommerce juga sebaiknya membuat template penelusuran yang ditinggalkan, pembelian ulang, loyalitas, dan stok kembali tersedia.

Apakah template email HTML masih diperlukan?

Ya. Sebagian besar tim membutuhkan template HTML yang dapat digunakan ulang untuk konsistensi merek, tata letak responsif, pelacakan, blok dinamis, dan kontrol kepatuhan. Versi teks biasa tetap perlu ada untuk setiap template penting.

Apakah saya harus memakai satu template untuk semua kampanye?

Tidak. Gunakan sistem desain bersama, tetapi buat keluarga template berdasarkan tugasnya. Pembaruan pengiriman, flash sale, newsletter, dan pemberitahuan kebijakan tidak seharusnya memakai struktur konten yang sama.

Seberapa sering template harus diperbarui?

Tinjau template inti setelah perubahan besar pada merek, produk, kepatuhan, atau platform. Tinjau juga saat performa turun, tiket dukungan menunjukkan kebingungan, atau kolom data dinamis berubah.

Apa bedanya template dan kampanye?

Template adalah struktur yang dapat digunakan ulang. Kampanye adalah pengiriman tertentu yang mengisi struktur itu dengan audiens, penawaran, waktu, teks, data produk, tautan, dan pelacakan.

Bagaimana membuat template siap untuk lokalisasi?

Pisahkan teks dari tata letak, hindari teks yang tertanam di gambar, beri ruang untuk panjang teks yang berbeda, lokalkan teks hukum di footer, dan lakukan QA untuk tulisan dari kanan ke kiri atau aksara non-Latin bila relevan.

Bagikan artikel ini:

Kembali ke semua artikel

Mengapa Template Email Penting

Empat tata letak yang berjalan

Jenis Template Email yang Anda Butuhkan

Template Email Selamat Datang (5 Template)

Template 1: Selamat Datang Sederhana

Template 2: Selamat Datang dengan Diskon

Template 3: Selamat Datang Multi-Bagian

Template 4: Selamat Datang dari Pendiri

Template 5: Selamat Datang Interaktif

Template Email Newsletter (8 Template)

Template 6: Newsletter Klasik

Template 7: Digest yang Dikurasi

Template 8: Newsletter Visual

Template 9: Newsletter Personal

Template 10: Newsletter Produk

Template 11: Newsletter Edukatif

Template 12: Newsletter Komunitas

Template 13: Newsletter Pengumuman

Template Email Promosi (10 Template)

Template 14: Flash Sale

Template 15: Sale Musiman

Template 16: Penawaran Eksklusif

Template 17: Peluncuran Produk Baru

Template 18: Penawaran Bundel

Template 19: Penawaran Gratis Ongkir

Template 20: Sale Clearance

Template 21: Penawaran BOGO

Template 22: Pengingat Poin Loyalitas

Template 23: Penawaran Referral

Template Email Transaksional (12 Template)

Template 24: Konfirmasi Pesanan

Template 25: Konfirmasi Pengiriman

Template 26: Konfirmasi Pengiriman Tiba

Template 27: Permintaan Ulasan

Template 28: Pembuatan Akun

Template 29: Reset Kata Sandi

Template 30: Konfirmasi Berlangganan

Template 31: Pembayaran Gagal

Template 32: Konfirmasi Pengembalian Dana

Template 33: Pengabaian Keranjang

Template 34: Produk Tersedia Kembali

Template 35: Peringatan Penurunan Harga

Template Email Re-engagement (5 Template)

Template 36: Email “Kami Merindukanmu”

Template 37: Email “Kesempatan Terakhir”

Template 38: Email “Apa yang Berubah”

Template 39: Email “Pembaruan Sejak Anda Pergi”

Template 40: Re-engagement “Ulang Tahun/Anniversari”

Template Email Pengumuman (5 Template)

Template 41: Pengumuman Fitur Baru

Template 42: Berita/Tonggak Perusahaan

Template 43: Undangan Acara

Template 44: Pembaruan Kebijakan

Template 45: Gangguan Layanan/Pemeliharaan

Template Survei dan Umpan Balik (5 Template)

Template 46: Survei NPS

Template 47: Survei Pasca Pembelian

Template 48: Survei Kepuasan Pelanggan

Template 49: Survei Tahunan

Template 50: Permintaan Fitur

Praktik Terbaik Desain Email

Dasar-dasar Tata Letak

Panduan Tipografi

Strategi Warna

Desain Tombol CTA

Panduan Gambar

Daftar Periksa Optimasi Mobile

Persyaratan Aksesibilitas

Pertimbangan Mode Gelap

Cara Mengkustomisasi Template

Langkah 1: Branding Template Anda

Langkah 2: Personalisasi Konten

Langkah 3: Uji Sebelum Mengirim

Langkah 4: Iterasi Berdasarkan Data

Kesimpulan

Di mana Tajo berperan

Pertanyaan yang sering diajukan

Ajukan akses awal

Konfirmasi permintaan Anda lewat email

Artikel terkait