Deall Heriau (A Rhwystredigaethau) Dylunio E-bost HTML
Os byddwch yn agor system rheoli cynnwys i adeiladu tudalennau gwe, mae'n broses eithaf syml. Mae porwyr gwe modern yn cefnogi HTML, CSS, a JavaScript i safonau gwe llym. A dim ond llond llaw o borwyr ydyn nhw y mae angen i ddylunwyr boeni amdanynt. Mae yna eithriadau, wrth gwrs ... a rhai atebion syml neu swyddogaethau sy'n benodol i'r porwyr hynny.
Oherwydd y safonau cyffredinol, mae'n hawdd datblygu adeiladwyr tudalennau mewn systemau rheoli cynnwys. Mae porwyr yn cydymffurfio â HTML5, CSS, a JavaScript… a gall datblygwyr adeiladu atebion hynod gadarn i greu tudalennau gwe sy'n ymatebol i ddyfeisiau ac yn gyson ar draws porwyr. Ddwy ddegawd yn ôl, defnyddiodd bron pob dylunydd gwe feddalwedd bwrdd gwaith i ddatblygu tudalennau gwe. Nawr, mae'n eithaf anghyffredin i ddylunydd gwe ddatblygu tudalen we - yn amlach na pheidio, maen nhw'n datblygu templedi ac yn defnyddio golygyddion mewn systemau cynnwys i lenwi'r cynnwys. Mae golygyddion gwefannau yn wych.
Ond mae golygyddion e-bost yn druenus ar ei hôl hi. Dyma pam…
Mae Dylunio E-byst HTML Yn Llawer Mwy Cymhleth Nag Ar Gyfer Gwefan
Os yw'ch cwmni eisiau e-bost HTML hardd wedi'i ddylunio, mae'r broses yn esbonyddol yn fwy cymhleth nag adeiladu tudalen we am sawl rheswm:
- Dim Safonau - NID yw cleientiaid e-bost sy'n arddangos e-bost HTML yn glynu'n gaeth at safonau gwe. Mae bron pob cleient e-bost a phob fersiwn o bob cleient e-bost yn gweithredu'n wahanol. Bydd rhai yn anrhydeddu CSS, ffontiau allanol, a HTML modern. Mae eraill yn anrhydeddu rhywfaint o steilio mewnol, dim ond yn arddangos casgliad o ffontiau, ac yn anwybyddu popeth ond strwythurau bwrdd. Mae'n eithaf chwerthinllyd nad oes neb yn gweithio ar y mater hwn. O ganlyniad, mae dylunio templedi sy'n rendro ar draws cleientiaid a dyfeisiau yn gyson wedi dod yn fusnes mawr a gall fod yn eithaf drud.
- E-bost Diogelwch Cleient - Yn ddiweddar, diweddarodd Apple Mail i rwystro pob delwedd mewn e-byst HTML yn ddiofyn nad ydynt wedi'u hymgorffori yn yr e-bost. Rydych naill ai'n rhoi caniatâd i lwytho e-bost iddynt ar y tro neu'n gorfod galluogi'r gosodiadau i analluogi'r gosodiad hwn. Ynghyd â gosodiadau diogelwch cleientiaid e-bost, mae yna hefyd osodiadau corfforaethol.
- Diogelwch TG – Gall eich tîm TG ddefnyddio setiau rheolau llym ar ba wrthrychau y gellir eu rendro mewn e-bost mewn gwirionedd. Os yw'ch delweddau, er enghraifft, yn dod o barth penodol nad yw ar y rhestr wen mewn wal dân gorfforaethol, ni fydd delweddau'n ymddangos yn eich e-bost. Ar adegau, rydym wedi gorfod datblygu e-byst a chynnal yr holl ddelweddau ar weinydd y gorfforaeth fel bod eu gweithwyr eu hunain yn gallu gweld y delweddau.
- Darparwyr Gwasanaeth E-bost - I wneud pethau'n waeth, mae'r adeiladwyr e-bost sy'n e-bostio darparwyr gwasanaeth (CSAs) cyflwyno problemau mewn gwirionedd yn hytrach na'u cyfyngu. Er mai'r hyn a welwch yw'r hyn a gewch (WYSIWYG) yw eu golygydd, mae'r gwrthwyneb yn aml yn wir gyda dylunio e-bost. Byddwch yn rhagolwg o'r e-bost yn eu platfform, a bydd y derbynnydd yn gweld yr holl broblemau dylunio. Mae cwmnïau'n aml yn ddiarwybod yn dewis golygydd llawn nodweddion yn lle golygydd sydd wedi'i gloi, gan feddwl bod gan un fwy o nodweddion. Mae'r gwrthwyneb yn wir ... os ydych chi eisiau negeseuon e-bost sy'n gyson ar draws yr holl gleientiaid e-bost, y symlaf, y gorau, oherwydd gall llai fynd o'i le.
- Rendro Cleient E-bost - Mae cannoedd o gleientiaid e-bost yn gwneud HTML yn wahanol ar draws byrddau gwaith, apiau, dyfeisiau symudol, a chleientiaid gwe-bost. Er y gallai fod gan eich golygydd testun braf ar eich darparwr gwasanaeth e-bost osodiad i roi pennawd yn eich e-bost, gall y padin, yr ymylon, uchder y llinell, a maint y ffont fod yn wahanol ar gyfer pob cleient e-bost. O ganlyniad, mae'n rhaid i chi fudo'r HTML a chodio pob elfen yn wahanol (gweler yr enghraifft isod) - ac yn aml ysgrifennu eithriadau sy'n benodol i'r cleient e-bost - i gael e-bost i'w rendro'n gyson. Nid oes unrhyw fathau syml o flociau, mae'n rhaid i chi wneud gosodiadau bwrdd sy'n cyfateb i adeiladu ar gyfer y we ddeng mlynedd ar hugain yn ôl. Dyna pam mae angen datblygu unrhyw gynllun newydd a phrofi cleient a dyfais ar draws e-bost. Gall yr hyn a welwch yn eich mewnflwch fod yn hollol wahanol i'r hyn a welaf yn fy mewnflwch. Dyna pam offer rendro fel Ebost Ar Asid or Litmws yn hanfodol i sicrhau bod eich dyluniadau newydd yn gweithio ar draws pob cleient e-bost. Dyma restr fer o gleientiaid e-bost poblogaidd a'u peiriannau rendro:
- Defnydd Apple Mail, Outlook for Mac, Android Mail ac iOS Mail WebKit.
- Defnydd Outlook 2000, 2002 a 2003 Internet Explorer.
- Defnydd Outlook 2007, 2010 a 2013 Microsoft Word (ie, Word!).
- Mae cleientiaid gwebost yn defnyddio injan eu porwr (er enghraifft, mae Safari yn defnyddio WebKit a Chrome yn defnyddio Blink).
Enghraifft o HTML ar gyfer Gwe Vs. Ebost
Os ydych chi eisiau enghraifft sy'n dangos cymhlethdod dylunio mewn e-bost yn erbyn y we, dyma enghraifft berffaith o erthygl Mailbakery 19 Gwahaniaethau Mawr Rhwng E-bost a Web HTML:
E-bost HTML
Mae'n rhaid i ni adeiladu cyfres o dablau sy'n ymgorffori'r holl steilio mewnol sy'n angenrheidiol i osod y botwm yn iawn a sicrhau ei fod yn edrych yn dda ar draws cleientiaid e-bost. Bydd tag arddull cysylltiedig hefyd ar frig yr e-bost hwn i ymgorffori'r dosbarthiadau.
<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
Gallwn ddefnyddio dalen arddull allanol gyda dosbarthiadau i ddiffinio achos, aliniad, lliw a maint tag angor sy'n ymddangos fel botwm.
<div class="center">
<a href="#" class="button">Find Out More</a>
</div>
Sut i Osgoi Materion Dylunio E-bost
Gellir osgoi problemau dylunio e-bost trwy ddilyn proses weddus:
- Profi Templed - Mae deall y cleientiaid e-bost y mae eich tanysgrifwyr yn eu defnyddio a sicrhau bod eich e-bost HTML yn cael ei brofi'n llawn ar draws symudol a bwrdd gwaith yn hanfodol cyn defnyddio unrhyw dempled. Gallwn ddylunio e-bost yn llythrennol o osodiad Photoshop… ond mae ei sleisio a’i dorri’n gleient traws-e-bost sy’n cael ei yrru gan dabl yn hanfodol er mwyn defnyddio dyluniadau e-bost optimaidd a chyson.
- Profi Mewnol – Unwaith y bydd eich templed wedi’i ddylunio a’i brofi, dylid ei anfon at restr hadau fewnol o fewn y sefydliad i’w adolygu a’i gymeradwyo. Efallai y byddwch hyd yn oed am ddechrau gydag is-set gyfyngedig iawn o unigolion i sicrhau yn gyntaf nad oes materion wal dân na diogelwch yn gysylltiedig â rendro'r e-bost yn fewnol. Os yw hyn yn adeiladu ar enghraifft ar ddarparwr gwasanaeth e-bost newydd, efallai y byddwch hyd yn oed yn dod o hyd i rai problemau hidlo neu rwystro sy'n gysylltiedig â hyd yn oed anfon eich e-bost i'r mewnflwch.
- Fersiynau Templed - Peidiwch â newid eich gosodiadau neu ddyluniadau heb weithio ar fersiwn newydd o'ch templed y gellir ei ddylunio, ei brofi'n iawn a'i ddefnyddio. Mae llawer o fusnesau wrth eu bodd â chynlluniau untro ar gyfer pob ymgyrch ... ond mae hynny'n gofyn am ddylunio, datblygu a defnyddio pob e-bost ar gyfer pob ymgyrch. Mae hyn yn ychwanegu tunnell o amser at y broses farchnata e-bost fewnol. Ac, rydych mewn perygl o beidio â deall pa elfennau yn eich e-bost sy'n perfformio'n dda dros yr elfennau nad ydynt. Nid dim ond ffordd o wneud y broses yn haws yw cysondeb, mae hefyd yn bwysig i ymddygiad eich tanysgrifwyr.
- Eithriadau Darparwr Gwasanaeth E-bost - Mae gan bron bob darparwr gwasanaeth e-bost fodd o weithio o amgylch y materion y mae eu hadeiladwr e-bost yn eu cyflwyno. Yn aml gallwn ychwanegu CSS amrwd at gyfrif - neu hyd yn oed gael bloc cynnwys y mae'n rhaid ei gynnwys ym mhob e-bost - er mwyn i'r cwmni ddefnyddio'r golygydd e-bost adeiledig a pheidio â thorri dyluniad eich e-bost. Wrth gwrs, efallai y bydd angen rhywfaint o hyfforddiant a rheolaeth prosesau i ddefnyddio'r camau hynny i sicrhau y cydymffurfir â hwy. Neu – yn llythrennol efallai eich bod chi eisiau datblygu eich dyluniad e-bost mewn datrysiad y profwyd ei fod yn gweithio ar draws cleientiaid a dyfeisiau, ac yna ei gludo yn ôl i'ch darparwr gwasanaeth e-bost.
Llwyfannau Dylunio E-bost
Oherwydd bod llwyfannau gwasanaeth e-bost wedi gwneud gwaith gwael wrth adeiladu a chynnal adeiladwyr traws-gleient a thraws-ddyfais wedi'u rendro'n gyson, mae nifer o lwyfannau gwych wedi dod i'r farchnad. Un yr ydym wedi ei ddefnyddio'n helaeth yw Stripo.
Nid adeiladwr e-bost yn unig yw Stripo, mae ganddyn nhw hefyd lyfrgell o dros 900 o dempledi y gellir eu mewnforio yn hawdd. Unwaith y byddwch yn dylunio'r e-bost, gallwch yr e-bost at 60+ ESPs, ac e-bost cleientiaid, gan gynnwys Intuit Mailchimp, HubSpot, Monitro Ymgyrch, AWeber, eSputnik, Outlook, a Gmail. Yn anad dim, daw templedi Stripo gyda'r profion rendro e-bost wedi'u cynnwys fel y gallwch sicrhau eu bod wedi'u profi a'u bod yn gweithio'n gyson ar draws dros 40 o gleientiaid e-bost.