Email Marketing & OtomasiVideo Pemasaran & Penjualan

Ngerteni Tantangan (Lan Frustrasi) Desain Email HTML

Yen sampeyan mbukak sistem manajemen konten kanggo mbangun kaca web, iku proses sing cukup prasaja. Dhukungan browser web modern HTML, CSS, lan JavaScript kanggo standar web sing ketat. Lan iku mung sawetara browser sing desainer kudu padha sumelang ing bab. Ana pangecualian, mesthi… lan sawetara solusi utawa fungsi sing prasaja khusus kanggo browser kasebut.

Amarga standar sakabèhé, gampang banget kanggo ngembangake tukang kaca ing sistem manajemen konten. Browser tundhuk karo HTML5, CSS, lan JavaScript… lan pangembang bisa mbangun solusi sing luar biasa mantep kanggo nggawe kaca web sing responsif kanggo piranti lan konsisten ing browser. Rong dekade kepungkur, meh saben desainer web nggunakake piranti lunak desktop kanggo ngembangake kaca web. Saiki, ora umum yen desainer web ngembangake kaca web - luwih kerep tinimbang ora, dheweke ngembangake template lan nggunakake editor ing sistem konten kanggo ngisi konten kasebut. Penyunting situs web pancen apik tenan.

Nanging panyunting email isih ana ing mburi. Iki kok…

Ngrancang Email HTML Luwih Komplek tinimbang Situs Web

Yen perusahaan sampeyan pengin nggawe email HTML sing apik, proses kasebut luwih rumit tinimbang nggawe kaca web amarga sawetara alasan:

  • Ora ana Standar - Ora ana ketaatan sing ketat kanggo standar web dening klien email sing nampilake email HTML. Sakbenere saben klien email lan saben versi saben klien email tumindak beda. Sawetara bakal ngurmati CSS, font eksternal, lan HTML modern. Liyane ngurmati sawetara gaya inline, mung nampilake koleksi fonts, lan nglirwakake kabeh nanging struktur meja-mimpin. Iku cukup ridiculous sing ora ana sing nggarap masalah iki. Akibaté, ngrancang template sing nggawe klien lan piranti kanthi konsisten wis dadi bisnis gedhe lan bisa uga larang.
  • Keamanan Klien Email - Bubar, Apple Mail nganyari kanggo mblokir kabeh gambar ing email HTML minangka standar sing ora ditempelake ing email. Sampeyan salah siji menehi idin kanggo mbukak email ing siji wektu utawa kudu ngaktifake setelan kanggo mateni setelan iki. Bebarengan karo setelan keamanan klien email, ana uga setelan perusahaan.
  • Keamanan IT - Tim IT sampeyan bisa uga nyebarake aturan sing ketat babagan obyek sing bisa dikirim ing email. Yen gambar sampeyan, contone, asale saka domain tartamtu sing ora ana ing daftar putih ing firewall perusahaan, gambar mung ora bakal katon ing email sampeyan. Kadhangkala, kita kudu nggawe email lan dadi tuan rumah kabeh gambar ing server perusahaan supaya karyawan dhewe bisa ndeleng gambar kasebut.
  • Panyedhiya Layanan Email – Kanggo nggawe masalah luwih elek, tukang email sing panyedhiya layanan email (ESPs) bener ngenalake masalah tinimbang mbatesi. Nalika padha promosi editor sing Apa Sampeyan Deleng Apa Sampeyan Get (WYSIWYG), ngelawan asring bener karo desain email. Sampeyan bakal pratinjau email ing platform, lan panampa bakal weruh kabeh masalah desain. Perusahaan asring ora sengaja milih editor sing sugih fitur tinimbang editor sing dikunci, mikir yen ana luwih akeh fitur. Kosok baline ... yen sampeyan pengin email sing konsisten ing kabeh klien email, luwih gampang, luwih apik, amarga kurang bisa salah.
  • Rendering Klien Email - Atusan klien email nggawe HTML kanthi beda ing desktop, aplikasi, piranti seluler, lan klien email web. Nalika editor teks sing apik ing panyedhiya layanan email sampeyan bisa uga duwe setelan kanggo nyelehake judhul ing email sampeyan, padding, margin, dhuwur garis, lan ukuran font bisa beda-beda kanggo saben klien email. Akibaté, sampeyan kudu bisu mudhun HTML lan kode saben unsur siji beda (ndeleng conto ing ngisor iki) - lan asring nulis ing pangecualian sing email klien-spesifik - kanggo njaluk email kanggo nerjemahake konsisten. Ora ana jinis blok sing gampang, sampeyan kudu nggawe tata letak meja sing padha karo bangunan kanggo web telung puluh taun kepungkur. Pramila tata letak anyar mbutuhake pangembangan lan klien email lan uji coba piranti. Apa sing sampeyan deleng ing kothak mlebu bisa uga beda banget karo sing dakdeleng ing kothak mlebu. Mulane alat rendering kaya Email On Asam or Litmus iku kudu kanggo mesthekake yen desain anyar sampeyan bisa digunakake ing kabeh klien email. Mangkene dhaptar singkat klien email populer lan mesin rendering:
    • Apple Mail, Outlook kanggo Mac, Android Mail lan iOS Mail nggunakake WebKit.
    • Outlook 2000, 2002 lan 2003 nggunakake Internet Explorer.
    • Outlook 2007, 2010 lan 2013 nggunakake Microsoft Word (ya, Tembung!).
    • Klien Webmail nggunakake mesin browser dhewe-dhewe (contone, Safari nggunakake WebKit lan Chrome nggunakake Blink).

Tuladha HTML kanggo Web Vs. Email

Yen sampeyan pengin conto sing nggambarake kerumitan ngrancang ing email mungsuh web, iki conto sampurna saka artikel Mailbakery 19 Bedane Ageng Antarane Email lan HTML Web:

Email HTML

Kita kudu mbangun seri tabel sing nggabungake kabeh gaya inline sing perlu kanggo nyelehake tombol kanthi bener lan mesthekake yen katon apik ing klien email. Tag gaya sing diiringi uga bakal ana ing ndhuwur email iki kanggo nggabungake kelas.

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td align="left">
         <table border="0" cellspacing="0" cellpadding="0" bgcolor="#43756e">
            <tr>
               <td class="text-button"  style="padding: 5px 20px; color:#ffffff; font-family: 'Oswald', Arial, sans-serif; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase;">
                  <a href="#" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Find Out More</a>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

Web HTML

Kita bisa nggunakake stylesheet eksternal kanthi kelas kanggo nemtokake kasus, keselarasan, warna, lan ukuran tag jangkar sing katon minangka tombol.

<div class="center">
   <a href="#" class="button">Find Out More</a>
</div>

Cara Ngindhari Masalah Desain Email

Masalah desain email bisa dihindari kanthi ngetutake proses sing apik:

  1. Testing Cithakan - Ngerteni klien email sing digunakake pelanggan lan mesthekake yen email HTML sampeyan wis diuji kanthi lengkap ing seluler lan desktop penting sadurunge nggunakake cithakan apa wae. Kita bisa ngrancang email kanthi harfiah saka tata letak Photoshop… nanging ngiris lan ngiris dadi klien email lintas-meja penting kanggo nggunakake desain email sing optimal lan konsisten.
  2. Tes Internal - Sawise template sampeyan dirancang lan diuji, template kasebut kudu dikirim menyang dhaptar wiji internal ing organisasi kanggo dideleng lan disetujoni. Sampeyan bisa uga pengin miwiti karo subset individu sing winates kanggo mesthekake yen ora ana firewall utawa masalah keamanan sing ana gandhengane karo ngirim email sacara internal. Yen iki nggawe conto ing panyedhiya layanan email anyar, sampeyan bisa uga nemokake sawetara masalah nyaring utawa pamblokiran sing ana gandhengane karo ngirim email menyang kothak mlebu.
  3. Versi Cithakan – Aja ngganti tata letak utawa desain tanpa nggarap versi anyar saka cithakan sing bisa dirancang, bener dites, lan disebarake. Akeh bisnis seneng desain siji-off kanggo saben kampanye ... nanging mbutuhake saben email dirancang, dikembangake, lan disebarake kanggo saben kampanye. Iki nambah ton wektu kanggo proses marketing email internal. Lan, sampeyan duwe risiko ora ngerti apa unsur ing email sampeyan nindakake kanthi apik tinimbang unsur sing ora. Konsistensi ora mung minangka cara kanggo nggawe proses luwih gampang, nanging uga penting kanggo prilaku pelanggan sampeyan.
  4. Pangecualian Panyedhiya Layanan Email - Sakbenere saben panyedhiya layanan email duwe cara kanggo ngatasi masalah sing diwenehake dening pembuat email. Kita kerep bisa nambah CSS mentah menyang akun - utawa malah duwe blok konten sing kudu dilebokake ing saben email - supaya perusahaan bisa nggunakake editor email sing dibangun lan ora ngrusak desain email sampeyan. Mesthi wae, bisa uga mbutuhake latihan lan kontrol proses kanggo ngetrapake langkah kasebut kanggo mesthekake yen ditindakake. Utawa - sampeyan bisa uga mung pengin ngembangake desain email sampeyan ing solusi sing wis kabukten bisa digunakake ing antarane klien lan piranti, banjur tempel maneh menyang panyedhiya layanan email.

Platform Desain Email

Amarga platform layanan email wis nindakake proyek sing ora apik kanggo mbangun lan njaga para klien lan lintas piranti kanthi konsisten, sawetara platform gedhe wis teka ing pasar. Salah siji sing wis digunakake sacara ekstensif yaiku Stripo.

Stripo ora mung nggawe email, dheweke uga duwe perpustakaan luwih saka 900 template sing bisa diimpor kanthi gampang. Sawise sampeyan ngrancang email, sampeyan bisa ngirim email menyang 60+ ESP, lan klien email, kalebu Intuit Mailchimp, HubSpot, kampanye Monitor, Aweber, eSputnik, Outlook, Lan Gmail. Cithakan Stripo sing paling apik dilengkapi karo tes rendering email supaya sampeyan bisa mesthekake yen wis diuji lan bisa digunakake kanthi konsisten ing luwih saka 40 klien email.

Mlebu menyang Demo Editor Stripo

Douglas Karr

Douglas Karr punika CMO saka OpenINSIGHTS lan pangadeg ing Martech Zone. Douglas wis mbantu Welasan wiwitan MarTech sukses, wis mbantu ing amarga rajin liwat $ 5 bil ing pitukon lan investasi Martech, lan terus kanggo ngewangi perusahaan ing ngleksanakake lan ngotomatisasi dodolan lan strategi marketing. Douglas minangka transformasi digital sing diakoni sacara internasional lan pakar lan speaker MarTech. Douglas uga dadi penulis buku pandhuan Dummie lan buku kepemimpinan bisnis.

Artikel web

Bali menyang ndhuwur tombol
Cedhak

Adblock Dideteksi

Martech Zone bisa nyedhiyakake konten iki tanpa biaya amarga kita monetisasi situs liwat revenue iklan, pranala afiliasi, lan sponsor. Kita bakal ngormati yen sampeyan bakal mbusak blocker iklan nalika ndeleng situs kita.