Limitasi HTML Email

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

  • Static 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 diatas 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

Bbeberapa poin diatas sangat tidak direkomendasikan ketika Anda akan membuat Email HTML karena di beberapa kasus, ketika Anda menggunakan poin diatas 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.com
  • 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 tipa 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

×

Subscribe

The latest tutorials sent straight to your inbox.