Email Marketing & AutomationPamasaran & Penjualan Pidéo

Ngartos Tantangan (Sareng Frustrasi) Desain Email HTML

Upami anjeun muka sistem manajemén eusi pikeun ngawangun halaman wéb, éta mangrupikeun prosés anu saderhana. Pangotektak wéb modern ngadukung HTML, CSS, sareng JavaScript kana standar wéb anu ketat. Sareng aranjeunna ngan sakeupeul panyungsi anu kedah dipikahariwang ku desainer. Aya pengecualian, tangtosna… sareng sababaraha workarounds saderhana atanapi pungsi khusus pikeun browser éta.

Kusabab standar sakabéh, éta lugas pikeun ngembangkeun pembina halaman dina sistem manajemen eusi. Browser matuh HTML5, CSS, sareng JavaScript… sareng pamekar tiasa ngawangun solusi anu luar biasa kuat pikeun nyiptakeun 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. Pangropéa 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 standar wéb ku klien email anu nampilkeun email HTML. Ampir unggal klien email sareng unggal versi unggal klien email tindakanna béda. Sababaraha bakal ngahargaan CSS, fon éksternal, sarta HTML modern. Batur ngahargaan sababaraha styling inline, ngan mintonkeun kumpulan fon, sarta malire sagalana tapi struktur tabel-disetir. Ieu rada ridiculous yén teu saurang ogé bisa dipake dina masalah ieu. Hasilna, ngarancang témplat anu ngajantenkeun klien sareng alat sacara konsisten parantos janten bisnis ageung sareng tiasa lumayan mahal.
  • Email Kaamanan klien - Anyar-anyar 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. Nalika aranjeunna ngamajukeun redakturna nyaéta What You See Is What You Get (WYSIWYG), sabalikna sering leres sareng desain email. Anjeun bakal nilik email dina platformna, sareng panampi bakal ningali sadaya masalah desain. Pausahaan sering teu disadari milih redaktur anu beunghar ku fitur tinimbang anu dikonci, panginten anu gaduh seueur fitur. Sabalikna anu leres ... upami anjeun hoyong email anu konsisten dina sadaya klien email, langkung saderhana, langkung saé, sabab kirang tiasa salah.
  • Email klien Rendering - Ratusan klien email ngajadikeun HTML béda dina desktop, aplikasi, alat sélulér, sareng klien wéb. Nalika pangropéa téksu anu saé anjeun dina panyadia ladénan email anjeun tiasa gaduh setélan pikeun nempatkeun judul dina email anjeun, padding, margin, jangkungna garis, sareng ukuran font tiasa bénten-béda pikeun unggal klien email. 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-spésifik - mun meunang surelek pikeun ngarobah 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 kawas 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:

Email HTML

Urang kudu ngawangun runtuyan tabel incorporating sakabéh inline styling diperlukeun pikeun nempatkeun tombol bener tur mastikeun eta Sigana alus di sakuliah klien email. Tag gaya anu dibarengan ogé bakal aya di luhureun 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 HTML

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:

  1. 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 ngadesain email sacara harfiah tina tata letak Photoshop… tapi nyiksikan sareng dicing kana tabel-disetir, klien cross-email penting pisan pikeun nyebarkeun desain email anu optimal sareng konsisten.
  2. 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.
  3. 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.
  4. 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 Intuit Mailchimp, HubSpot, kampanye Monitor, AWeber, eSputnik, melong, sarta Gmail. Pangalusna sadaya témplat Stripo hadir sareng tés rendering email anu kalebet supados anjeun tiasa mastikeun yén éta diuji sareng tiasa dianggo sacara konsisten dina langkung ti 40 klien email.

Asup ka Demo Editor Stripo

Douglas Karr

Douglas Karr nyaeta CMO tina OpenINSIGHTS jeung pangadeg nu Martech Zone. Douglas geus mantuan puluhan startups MarTech suksés, geus mantuan dina karajinan alatan leuwih $ 5 bil dina akuisisi jeung Investasi Martech, sarta terus mantuan pausahaan dina ngalaksanakeun jeung ngajadikeun otomatis jualan na strategi marketing maranéhanana. Douglas mangrupikeun transformasi digital anu diakui sacara internasional sareng ahli MarTech sareng spiker. Douglas ogé panulis anu diterbitkeun tina pituduh Dummie sareng buku kapamimpinan bisnis.

Artikel nu patali

Deui tombol luhur
deukeut

Adblock Dideteksi

Martech Zone tiasa masihan anjeun eusi ieu tanpa biaya sabab kami ngamonetisasi situs kami ngalangkungan pendapatan iklan, tautan afiliasi, sareng sponsor. Kami bakal ngahargaan upami anjeun ngahapus pameungpeuk iklan anjeun nalika anjeun ningali situs kami.