Upami anjeun muka sistem manajemén eusi pikeun ngawangun halaman wéb, éta mangrupikeun prosés anu saderhana. Panyungsi wéb modern ngadukung HTML, CSS, sareng JavaScript pikeun a soson-soson set standar wéb. Sareng, aranjeunna leres-leres ngan sakedik panyungsi anu kedah dipikahariwang ku desainer. Aya pengecualian, tangtosna… sareng sababaraha workarounds saderhana atanapi pungsi khusus pikeun browser éta.
Kusabab standar umumna, éta gampang pisan pikeun ngembangkeun tukang halaman dina sistem manajemén kontén. Browser matuh HTML5, CSS, sareng JavaScript… sareng pamekar tiasa ngawangun solusi anu luar biasa kuat pikeun ngawangun halaman wéb anu responsif kana alat sareng konsisten dina panyungsi. Dua dasawarsa ka tukang, ampir unggal desainer wéb nganggo parangkat lunak desktop pikeun ngembangkeun halaman wéb. Ayeuna, jarang pisan pikeun desainer wéb pikeun ngembangkeun halaman wéb - langkung sering, aranjeunna nuju ngembangkeun témplat sareng nganggo éditor dina sistem kontén pikeun ngeusian eusi. Éditor wéb anu saé.
Tapi pangropéa email parah ka tukang. Ieu sababna…
Ngarancang Surélék HTML Jauh Langkung Komplek tibatan Situs wéb
Upami perusahaan anjeun hoyong email HTML anu saé dirancang, prosésna sacara éksponénsial langkung rumit tibatan ngawangun halaman wéb kusabab sababaraha alesan:
- Taya Standar - Teu aya anu patuh kana wéb naon waé standar ku klien email nu mintonkeun email HTML. Kanyataanna, ampir unggal klien email sareng unggal versi unggal klien email meta béda. Sababaraha bakal ngahargaan CSS, fon éksternal, sarta HTML modern. Batur ngahargaan sababaraha styling inline, ngan bakal nembongkeun kumpulan fon, sarta malire sagalana tapi struktur tabel-disetir. Sabenerna rada konyol dina waktos ieu teu aya anu ngusahakeun masalah ieu. Hasilna, ngarancang témplat anu ngajantenkeun klien sareng alat sacara konsisten parantos janten bisnis ageung sareng tiasa mahal.
- Email Kaamanan klien - Ngan minggu ieu, Apple Mail diropéa pikeun meungpeuk sadaya gambar dina email HTML sacara standar anu henteu dipasang dina email. Anjeun tiasa masihan idin pikeun ngamuat email dina hiji waktos, atanapi kedah ngaktipkeun setélan pikeun nganonaktipkeun setélan ieu. Marengan setélan kaamanan klien email, aya ogé setélan perusahaan.
- Kaamanan IT - Tim IT anjeun tiasa nyebarkeun aturan anu ketat ngeunaan objék anu leres-leres tiasa dipasihkeun dina email. Upami gambar anjeun, contona, asalna tina domain khusus anu henteu didaptarkeun dina firewall perusahaan, gambar ngan saukur moal muncul dina email anjeun. Kadang-kadang, urang kedah ngembangkeun email sareng nyayogikeun sadaya gambar dina server perusahaan supados karyawan sorangan tiasa ningali gambar éta.
- Panyadia Service Email - Anu matak parah, tukang email anu nyayogikeun jasa email (ESPs) sabenerna ngenalkeun masalah tinimbang ngawatesan aranjeunna. Bari maranéhna ngamajukeun redaktur maranéhanana nyaéta Naon Anu Anjeun Ningali Anu Anjeun Kengingkeun (WYSIWYG), sabalikna sering leres sareng desain email. Anjeun bakal nilik email dina platformna, teras panarima email ningali sagala jinis masalah desain. Pausahaan mindeng kanyahoan milih redaktur-euyeub fitur tinimbang redaktur dikonci-handap mikir yén hiji boga leuwih fitur ti nu sejen. Sabalikna anu leres… upami anjeun hoyong email anu konsisten dina sadaya klien email, langkung saderhana langkung saé sabab kirang tiasa salah.
- Email klien Rendering - Aya ratusan klien email, masing-masing ngajadikeun HTML béda dina desktop, aplikasi, mobile, sareng webmail klien. Nalika pangropéa téksu anu saé anjeun dina panyadia ladénan email anjeun tiasa gaduh setélan pikeun nempatkeun judul dina email anjeun… Hasilna, Anjeun kudu belet turun HTML jeung kode unggal unsur tunggal béda (tingali conto di handap) - sarta mindeng nulis dina iwal anu email klien husus - mun meunang hiji email sangkan konsistén. Henteu aya jinis blok anu saderhana, anjeun kedah ngalakukeun perenah anu didorong ku méja anu sami sareng wangunan pikeun wéb tilu puluh taun ka pengker. Éta pisan sababna naha naon perenah anyar merlukeun duanana ngembangkeun sarta cross-email klien tur nguji alat. Naon anu anjeun tingali dina koropak anjeun tiasa bénten pisan sareng anu kuring tingali dina koropak kuring. Éta naha alat rendering sapertos Email Dina Asam or lakmus kedah mastikeun yén desain énggal anjeun tiasa dianggo dina sadaya klien email. Ieu daptar pondok tina klien email populér sareng mesin renderingna:
- Apple Mail, Outlook pikeun Mac, Android Mail sareng iOS Mail dianggo WebKit.
- Outlook 2000, 2002 jeung 2003 pamakéan Internet Explorer.
- Outlook 2007, 2010 jeung 2013 pamakéan Microsoft Word (enya, Firman!).
- Klién Webmail nganggo mesin browser masing-masing (contona, Safari nganggo WebKit sareng Chrome nganggo Blink).
Conto HTML pikeun Wéb Vs. Surélék
Upami anjeun hoyong conto anu ngagambarkeun pajeulitna ngarancang dina email ngalawan wéb, ieu conto anu sampurna tina tulisan Mailbakery. 19 Bedana ageung antara Email sareng HTML Wéb:
surélék
Urang kudu ngawangun runtuyan tabel nu ngasupkeun sakabéh styling inline diperlukeun pikeun leres nempatkeun tombol tur mastikeun eta Sigana alus di sakuliah klien email. Aya ogé bakal janten tag gaya anu ngiringan di luhur email ieu pikeun ngalebetkeun 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
Urang tiasa ngagunakeun stylesheet éksternal sareng kelas pikeun ngartikeun kasus, alignment, warna, sareng ukuran tag jangkar anu muncul salaku tombol.
<div class="center">
<a href="#" class="button">Find Out More</a>
</div>Kumaha Ngahindarkeun Masalah Desain Email
Masalah desain email tiasa dihindari ku nuturkeun prosés anu santun:
- Desain Citakan - Jieun témplat kalayan perenah sareng blok kontén anu béda-béda anu kalebet unggal gaya anu anjeun hoyongkeun dina desain email anjeun. Nalika kami nerapkeun klien, kami salawasna nyorong aranjeunna ngarancang hiji email pikeun mangsa nu bakal datang - sanés ngan ukur kampanye email salajengna anu dikirim. Ku cara éta, urang tiasa sapinuhna ngarancang, ngamekarkeun, nguji, sareng ngalaksanakeun solusi anu diperyogikeun saencan aranjeunna kantos ngirim kaluar éta email munggaran.
- Tés Citakan - Ngarti kana klien email anu dianggo ku palanggan anjeun sareng mastikeun yén email HTML anjeun diuji sapinuhna dina mobile sareng desktop penting sateuacan nyebarkeun template naon waé. Urang tiasa ngarancang email sacara harfiah tina tata perenah photoshop… tapi nyiksikan sareng motong kana tabel-disetir, klien cross-email penting pisan pikeun nyebarkeun desain email anu optimal sareng konsisten.
- Tés internal - Saatos template anjeun dirancang sareng diuji, éta kedah dikirim ka daptar bibit internal dina organisasi pikeun marios sareng disatujuan. Anjeun malah meureun hoyong mimitian ku sawaréh pisan kawates individu pikeun mimiti mastikeun teu aya firewall atawa masalah kaamanan pakait sareng rendering email internal. Upami ieu ngawangun conto dina panyadia ladénan email énggal, anjeun malah tiasa mendakan sababaraha nyaring atanapi meungpeuk masalah anu aya hubunganana sareng nampi email anjeun ka koropak.
- Vérsi citakan – Entong ngarobah tata perenah atanapi desain anjeun tanpa ngerjakeun vérsi énggal tina citakan anjeun anu tiasa dirarancang, diuji leres, sareng disebarkeun. Seueur usaha anu resep desain hiji-hiji pikeun unggal kampanye… Ieu nambihan ton waktos kana prosés pamasaran email internal. Sareng, anjeun résiko henteu ngartos elemen naon dina email anjeun anu langkung saé tibatan elemen naon anu henteu. Konsistensi sanés ngan ukur cara pikeun ngagampangkeun prosésna, éta ogé penting pikeun paripolah palanggan anjeun.
- Pangecualian Panyadia Jasa Surélék - Ampir unggal panyadia ladénan email gaduh cara pikeun ngerjakeun masalah anu diwanohkeun ku pembina emailna. Urang mindeng bisa nambahkeun CSS atah kana hiji akun - atawa malah boga blok eusi nu kudu kaasup dina unggal email - dina urutan pikeun parusahaan pikeun ngamangpaatkeun pangropéa email diwangun-di na teu boga eta megatkeun desain surélék anjeun. Tangtosna, éta peryogi sababaraha latihan sareng kontrol prosés pikeun nyebarkeun léngkah-léngkah éta pikeun mastikeun aranjeunna dipatuhi. Atanapi - anjeun leres-leres hoyong ngembangkeun desain email anjeun dina solusi anu kabuktian tiasa dianggo di sadaya klien sareng alat, teras témpélkeun deui kana panyadia ladénan email anjeun.
Platform Desain Email
Kusabab platform jasa email parantos ngalaksanakeun padamelan anu goréng dina ngawangun sareng ngajaga cross-klien sareng alat-alat anu konsistén didamel, sajumlah platform anu hébat parantos sumping ka pasar. Salah sahiji anu kami parantos dianggo sacara éksténsif nyaéta Stripo.
Stripo sanés ngan ukur pembina email, aranjeunna ogé ngagaduhan perpustakaan langkung ti 900 témplat anu gampang diimpor. Sakali anjeun ngarancang email, anjeun tiasa ngirim email ka 60+ ESP, sareng klien email, kalebet MailChimp, HubSpot, Monitor Kampanye, AWeber, eSputnik, Outlook, sareng Gmail. Pangalusna sadaya témplat Stripo hadir sareng tés rendering email anu kalebet supados anjeun tiasa mastikeun aranjeunna diuji sareng tiasa dianggo sacara konsisten dina langkung ti 40 klien email.
Panyingkepan: Kuring keur linking ka abdi teguh konsultan pamasaran anu ngadesain sareng nyebarkeun email lintas-klien pikeun merek-merek terkemuka di ampir sadaya panyadia ladénan email. Abdi ogé hiji affiliate tina Stripo sareng kuring nganggo tautan kuring dina tulisan ieu.
