Yen sampeyan mbukak sistem manajemen konten kanggo mbangun kaca web, iku proses sing cukup prasaja. Browser web modern ndhukung HTML, CSS, lan JavaScript kanggo a ketat nyetel standar web. Lan, pancen mung sawetara browser sing kudu dikuwatirake dening para desainer. Ana pangecualian, mesthi… lan sawetara solusi utawa fungsi sing prasaja khusus kanggo browser kasebut.
Amarga standar sakabèhé, gampang banget kanggo ngembangake pembuat kaca ing sistem manajemen konten. Browser tundhuk karo HTML5, CSS, lan JavaScript… lan pangembang bisa mbangun solusi sing luar biasa mantep kanggo mbangun kaca web sing responsif marang 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 nggawe kaca web - luwih asring, dheweke nggawe template lan nggunakake editor ing sistem konten kanggo ngisi konten kasebut. Penyunting situs web pancen apik banget.
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 sacara eksponensial luwih rumit tinimbang nggawe kaca web amarga sawetara alasan:
- Ora ana Standar - Ora ana ketaatan sing ketat kanggo web apa wae Standar dening klien email sing nampilake email HTML. Nyatane, 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 bakal nampilake koleksi fonts, lan nglirwakake kabeh nanging struktur meja-mimpin. Iku bener cukup ridiculous ing titik iki 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 - Mung minggu iki, Apple Mail nganyari kanggo mblokir kabeh gambar ing email HTML kanthi standar sing ora dipasang ing email kasebut. Sampeyan salah siji menehi ijin 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 ningkataké editor sing Apa Sampeyan Katon Apa Sampeyan (WYSIWYG), ngelawan asring bener karo desain email. Sampeyan bakal pratinjau email ing platform, banjur panampa email ndeleng kabeh jinis masalah desain. Perusahaan asring ora dingerteni milih editor sing sugih fitur tinimbang editor sing dikunci kanthi mikir manawa ana luwih akeh fitur tinimbang liyane. Kosok baline ... yen sampeyan pengin email sing konsisten ing kabeh klien email, sing luwih gampang luwih apik amarga kurang bisa salah.
- Rendering Klien Email – Ana atusan klien email, saben rendering HTML beda antarane klien desktop, app, seluler, lan webmail. 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 ing 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 khusus klien email - 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:
Kita kudu nggawe seri tabel sing nggabungake kabeh gaya inline sing perlu kanggo nyelehake tombol kanthi bener lan mesthekake yen katon apik ing klien email. Ana uga bakal dadi tag gaya sing ngiringi 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
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:
- Desain Cithakan - Gawe template kanthi tata letak lan blok konten sing beda-beda sing nyakup saben gaya sing pengin digawe ing desain email sampeyan. Nalika kita ngleksanakake klien, kita tansah push menyang ngrancang email kanggo masa depan – ora mung kampanye email sabanjuré sing dikirim metu. Kanthi cara iki, kita bisa ngrancang, ngembangake, nguji, lan ngetrapake solusi sing dibutuhake sadurunge padha tau ngirim metu sing email pisanan.
- 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.
- 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.
- 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.
- 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 MailChimp, HubSpot, Monitor Kampanye, 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
Pambocoran: Aku nyambung menyang sandi firma konsultasi pemasaran sing ngrancang lan nyebarake email lintas-klien kanggo merek terkemuka ing meh kabeh panyedhiya layanan email. Aku uga afiliasi saka Stripo lan aku nggunakake link ing artikel iki.
