Template HTML untuk email newsletter Anda

3 menit baca

Email teks biasa cukup untuk pesan singkat, tetapi newsletter, penawaran, atau email sambutan biasanya butuh lebih: logo Anda, gambar, dan tombol yang jelas. Itulah email HTML. Tampilannya seperti halaman web kecil, tetapi dibuat dengan aturan yang sangat berbeda, karena program email jauh lebih ketat daripada browser. Berikut isi template yang baik dan cara menyiapkannya.

Template email newsletter HTML

Mengapa email bukan halaman web

Gmail, Outlook, Apple Mail, dan aplikasi di ponsel masing-masing menampilkan HTML sedikit berbeda, dan banyak di antaranya mengabaikan kode web modern. Karena itu email dibuat dengan cara lama:

  • Tabel untuk tata letak, bukan tata letak web modern.
  • Gaya ditulis di setiap elemen, karena banyak program membuang bagian style.
  • Font sistem, karena web font khusus sering tidak termuat.
  • Tanpa skrip, formulir, atau video. Program email tidak menjalankannya. Gunakan gambar atau tombol yang mengarah ke video atau formulir Anda sebagai gantinya.

Bagian-bagian email yang baik

  • Teks pratinjau: teks pendek yang tampil di samping subjek di kotak masuk. Ini adalah baris subjek kedua Anda, jadi jangan disia-siakan untuk "Lihat di browser".
  • Header: logo Anda, kecil dan ditautkan ke situs Anda.
  • Judul dan gambar utama: isi email dalam sekali lihat.
  • Teks singkat: paling banyak dua atau tiga paragraf.
  • Satu tombol utama: "Lihat koleksinya", "Pesan meja". Tombol yang dibuat sebagai tautan berfungsi di mana saja.
  • Footer: nama perusahaan, alamat, kontak, dan tautan berhenti berlangganan.

Lebar dan ponsel

Lebar standarnya sekitar 600 piksel, yang pas di layar komputer dan panel baca sebagian besar program. Di ponsel, tata letak sebaiknya berubah menjadi satu kolom, dengan teks yang cukup besar untuk dibaca dan tombol yang cukup besar untuk diketuk. Lebih dari separuh email dibuka di ponsel, jadi cek versi ponsel lebih dulu.

Gambar dan teks alt

Beberapa program memblokir gambar sampai pembaca mengizinkannya. Tulis teks alt untuk setiap gambar, agar email tetap bisa dipahami tanpa gambar, dan jangan pernah menaruh teks penting hanya di dalam gambar. Gunakan hanya gambar yang boleh Anda pakai. Gambar diunggah ke layanan email marketing atau situs Anda, dan email mengarah ke alamat gambar tersebut.

Tautan berhenti berlangganan

Layanan email marketing dan aturan di banyak negara mewajibkan cara mudah untuk berhenti berlangganan di setiap email pemasaran. Template biasanya memuat penanda yang Anda ganti dengan tautan atau tag berhenti berlangganan dari layanan Anda sendiri.

Cara menyiapkan isinya

  • Tentang apa emailnya dan siapa penerimanya.
  • Faktanya: harga, tanggal, kode promo, persis seperti aslinya.
  • Ke mana setiap tombol mengarah: alamat halaman lengkap.
  • Detail footer persis seperti yang harus tampil.
  • Warna dan gaya, atau email yang Anda sukai sebagai acuan.

Uji sebelum mengirim

Kirim email ke diri sendiri di Gmail, Outlook, dan di ponsel. Klik setiap tautan dan tombol, cek teks pratinjau, dan lihat email dengan gambar dimatikan.

Ringkasnya

Email HTML yang baik memakai tabel dan gaya inline, lebarnya sekitar 600 piksel, berubah menjadi satu kolom di ponsel, serta punya satu tombol yang jelas dan footer yang lengkap. Jika Anda lebih suka tidak membuatnya sendiri, pesan email HTML: Anda menjelaskan email, penawaran, dan ke mana tombol mengarah, lalu menerima arsip berisi HTML siap pakai dan gambar yang dibuat khusus untuknya, untuk diimpor ke Mailchimp, Brevo, atau layanan email marketing lainnya. Pembayaran baru dicairkan setelah Anda menerima hasil kerja.