Di artikel ini, Anda akan mempelajari tentang apa saja yang perlu diperhatikan saat membuat Email HTML di MTARGET agar dapat dikirim dan digunakan dengan jelas.
Perlu diketahui bahwa Email HTML dan HTML Web sangatlah berbeda. Apa yang Anda buat di HTML Web, belum tentu dapat diaplikasikan seluruhnya saat membuat Email HTML. Ini perlu diperhatikan, karena selain sama-sama menggunakan kode HTML, beberapa masih ada yang beranggapan bahwa apa yang dibuat pada Email HTML hampir sama dengan HTML Web. Memang benar, tapi ada beberapa hal yang perlu Anda perhatikan dan ketahui saat akan membuat Email HTML.
Hal yang Dapat Digunakan di Email HTML
Konten statis
Pastikan konten yang akan Anda muat di Email HTML bersifat statis, atau konten tidak berganti-ganti.
Layout berdasarkan tabel.
Template dengan lebar maksimal 600px-800px.
Pastikan menggunakan CSS yang simpel.
Menggunakan font web yang responsif agar dapat muncul di email
Hal yang Perlu Diperhatikan di Email HTML
Gambar background.
Custom Web Fonts.
Lebar layout.
Gambar peta.
Embedded CSS.
Beberapa poin di atas perlu diperhatikan karena sebagian besar poin tersebut sangat bergantung pada email client. Tidak seluruh email client dapat support gambar background, layout yang terlalu lebar, dan lain-lain.
Hal yang Tidak Perlu di Email HTML
Javascript
Flash
Embed audio dan video
kode iframe
kode div untuk layering
Beberapa poin di atas sangat tidak direkomendasikan ketika Anda akan membuat Email HTML karena di beberapa kasus, ketika Anda menggunakan poin di atas sama dengan hal yang sia-sia karena tidak akan muncul.
Elemen yang Perlu Diperhatikan
Animasi GIF
Beberapa email client tidak mendukung animasi GIF. Di lain kasus, jika Anda memasang animasi GIF ke dalam Email HTML, pastikan Anda juga telah mengunggahnya ke File Manager agar GIF dapat muncul di email.
Web Font
Berikut adalah beberapa daftar email client yang support dengan web font dan tidak.
Support Web Font:
Apple Mail
Lotus Notes 8
Outlook 2011 untuk Mac
iOS Email
Outlook 2016
Android
Android Mail 2.3
Android Mail 2.4
Android Mail 2.5
Tidak Support Web Font:
Lotus Notes 7
Lotus Notes 8.5
Gmail
Yahoo!
Outlook 2003
Outlook 2007
Outlook 2010
Outlook 2013
Thunderbird
IBM Notes 9
AOL
Blackberry
Alto
Elemen yang Tidak Diperlukan
Javascript
Sebagian besar email client memblokir email yang menggunakan javascript karena dapat menyembunyikan konten yang berbahaya.
iframe
Kode iframe (inline iframe) merupakan elemen HTML yang memasang konten dari satu situs ke situs yang lain. Kode ini sering digunakan untuk menyisipkan iklan, video, audio, atau form dari situs lain. Iframe sering mengandung skrip, sehingga dipastikan email client akan menolak email tersebut.
Flash
Flash menampilkan animasi dan gambar dari web lain, sehingga sebagian besar email client menolaknya. Jika Anda ingin menggunakan animasi, Anda dapat menggunakan GIF untuk membuat konten lebih menarik.
Embedded Media
Konten dengan tipe autoplay atau click-to-play tidak dapat di kotak pesan subscriber. Kecuali email penerima menggunakan email client yang mendukung HTML5 dengan tag
Catatan: Jika Anda memang terbiasa dan sangat bergantung dengan Email HTML. Alternatif yang dapat Anda lakukan adalah mengelompokkan kontak email berdasarkan email client yang mereka gunakan.
Setelah Anda selesai mengetahui apa saja yang perlu diperhatikan saat membuat Email HTML, Anda dapat mulai membuat Email HTML dengan panduan disini.