Posta elektronikoko marketina eta automatizazioaMarketin eta salmenten bideoak

HTML posta elektronikoaren diseinuaren erronkak (eta frustrazioak) ulertzea

Web orriak eraikitzeko edukiak kudeatzeko sistema bat irekitzen baduzu, nahiko prozesu erraza da. Web arakatzaile modernoak onartzen ditu HTML, CSS, eta JavaScript web estandar zorrotzetara. Eta diseinatzaileek kezkatu behar dituzten arakatzaile gutxi batzuk besterik ez dira. Salbuespenak daude, noski... eta nabigatzaile horientzako konponbide edo funtzio sinple batzuk.

Estandar orokorrak direla eta, erraza da edukiak kudeatzeko sistemetan orrialde-sortzaileak garatzea. Arakatzaileek HTML5, CSS eta JavaScript-ekin bat egiten dute... eta garatzaileek soluzio oso sendoak sor ditzakete gailuei erantzuteko eta nabigatzaile guztietan koherenteak diren web-orriak sortzeko. Duela bi hamarkada, ia web-diseinatzaile guztiek mahaigaineko softwarea erabiltzen zuten web-orriak garatzeko. Orain, nahiko arraroa da web-diseinatzaile batek web-orri bat garatzea; askotan, txantiloiak garatzen ari dira eta eduki-sistemetako editoreak erabiltzen dituzte edukia betetzeko. Webguneetako editoreak zoragarriak dira.

Baina posta elektronikoko editoreak izugarri atzean daude. Hona hemen zergatik...

HTML mezu elektronikoak diseinatzea webgune bat baino askoz konplexuagoa da

Zure enpresak HTML posta elektroniko eder bat diseinatu nahi badu, prozesua web orri bat eraikitzea baino esponentzialki konplexuagoa da hainbat arrazoirengatik:

  • Estandarrik ez – Ez dago HTML posta elektronikoa erakusten duten posta elektronikoko bezeroek web estandarrak zorrotz betetzen. Ia posta-bezero bakoitzak eta posta-bezero bakoitzaren bertsio bakoitzak modu ezberdinean jokatzen du. Batzuek CSS, kanpoko letra-tipoak eta HTML modernoa ohoratuko dituzte. Beste batzuek lerroko estilo batzuk errespetatzen dituzte, letra-tipoen bilduma soilik bistaratzen dute eta taulak gidatutako egiturak izan ezik. Nahiko barregarria da inor ez aritzea gai honetan. Ondorioz, bezero eta gailuetan etengabe errendatzen diren txantiloiak diseinatzea negozio handi bihurtu da eta nahiko garestia izan daiteke.
  • Posta elektronikoko bezeroen segurtasuna - Duela gutxi, Apple Mail eguneratu da mezu elektronikoan txertatuta ez dauden HTML mezu elektronikoetako irudi guztiak blokeatzeko. Mezu elektroniko bat kargatzeko baimena ematen diezu edo ezarpen hau desgaitzeko ezarpenak gaitu behar dituzu. Posta elektronikoko bezeroen segurtasun ezarpenekin batera, ezarpen korporatiboak ere badaude.
  • Informatika segurtasuna – Zure IT-taldeak posta elektroniko batean benetan errendatu daitezkeen objektuei buruzko arau-multzo zorrotzak ezar ditzake. Zure irudiak, adibidez, suebaki korporatibo batean zerrenda zurian sartuta ez dagoen domeinu zehatz batetik badatoz, irudiak ez dira zure posta elektronikoan agertuko. Batzuetan, mezu elektronikoak garatu eta irudi guztiak korporazioaren zerbitzarian ostatu hartu behar izan ditugu, euren langileek irudiak ikus ditzaten.
  • Posta elektronikoaren zerbitzu hornitzaileak - Gauzak okertzeko, posta elektroniko bidezko zerbitzu-hornitzaileak dituzten posta elektronikoen eraikitzaileak (ESPs) benetan arazoak aurkeztu beharrean, mugatu beharrean. Beren editorea Zer ikusten duzu lortzen duzuna da (WYSIWYG) sustatzen duten arren, askotan kontrakoa gertatzen da posta elektronikoaren diseinuarekin. Posta elektronikoaren aurrebista egingo duzu haien plataforman, eta hartzaileak diseinu arazo guztiak ikusiko ditu. Enpresek, askotan, jakin gabe, funtzionalitate aberatseko editore bat aukeratzen dute blokeatuta dagoen baten ordez, ezaugarri gehiago dituelakoan. Alderantziz gertatzen da... posta elektronikoko bezero guztietan modu koherentean errendatzen diren mezu elektronikoak nahi badituzu, zenbat eta sinpleago, orduan eta hobeto, gutxiago oker egon daitekeelako.
  • Posta elektronikoko bezeroen errendatzea - Ehunka posta elektronikoko bezerok HTML modu ezberdinean ematen dute mahaigainetan, aplikazioetan, gailu mugikorretan eta web-posta bezeroetan. Zure posta elektronikoko zerbitzu-hornitzailearen testu-editore dotoreak zure posta elektronikoan goiburu bat jartzeko ezarpen bat izan dezakeen arren, betegarria, marjinak, lerroaren altuera eta letra-tamaina desberdinak izan daitezke posta-bezero bakoitzeko. Ondorioz, HTMLa moztu eta elementu bakoitza modu ezberdinean kodetu behar duzu (ikus beheko adibidea) - eta maiz posta elektronikoko bezeroaren espezifikoak diren salbuespenak idatzi - mezu elektroniko bat koherentziaz errendatzeko. Ez dago bloke mota sinplerik, duela hogeita hamar urte sarerako eraikitzearen baliokide diren taulak gidatutako diseinuak egin behar dituzu. Horregatik, diseinu berri guztiek garapena eta posta elektroniko bidezko bezero eta gailu probak behar dituzte. Zure sarrera-ontzian ikusten duzuna guztiz desberdina izan daiteke nire sarrera-ontzian ikusten dudana. Horregatik errendatzeko tresnak Posta elektronikoa Acid On or Litmus ezinbestekoak dira zure diseinu berriak posta elektronikoko bezero guztietan funtzionatzeko. Hona hemen posta elektronikoko bezero ezagunen eta haien errendatze-motorren zerrenda labur bat:
    • Apple Mail, Outlook Mac, Android Mail eta iOS Mail erabilera WebKit.
    • Outlook 2000, 2002 eta 2003 erabilera Internet Explorer.
    • Outlook 2007, 2010 eta 2013 erabilera Microsoft Word (bai, Hitza!).
    • Webmaileko bezeroek beren arakatzailearen motorra erabiltzen dute (adibidez, Safari-k WebKit erabiltzen du eta Chrome-k Blink).

HTML-ren adibide bat Web Vs. Posta elektronikoa

Posta elektronikoan diseinuaren konplexutasuna erakusten duen adibide bat nahi baduzu, hona hemen Mailbakery-ren artikuluko adibide ezin hobea. 19 Posta elektronikoaren eta Web HTMLren arteko alde handiak:

HTML posta elektronikoa

Botoia behar bezala kokatzeko eta posta-bezeroetan itxura ona duela ziurtatzeko beharrezkoak diren lerro-estilo guztiak dituen taula sorta bat eraiki behar dugu. Honekin batera estilo-etiketa bat ere egongo da mezu elektroniko honen goialdean klaseak sartzeko.

<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 HTMLa

Kanpoko estilo-orri bat erabil dezakegu klaseekin, botoi gisa agertzen den aingura-etiketa baten kasua, lerrokatzea, kolorea eta tamaina definitzeko.

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

Nola saihestu posta elektronikoaren diseinu-arazoak

Posta elektronikoaren diseinu-arazoak ekidin daitezke prozesu duin bat jarraituz:

  1. Txantiloiaren proba - Harpidedunek erabiltzen dituzten posta-bezeroak ulertzea eta zure HTML posta elektronikoa mugikorrean eta mahaigainean guztiz probatuta dagoela ziurtatzea funtsezkoa da edozein txantiloi zabaldu aurretik. Posta elektronikoa literalki diseina dezakegu Photoshop diseinu batetik... baina mahaian oinarritutako gurutzatutako posta elektronikoko bezero batean zatitzea eta zatitzea ezinbestekoa da posta elektronikoaren diseinu optimoak eta koherenteak zabaltzeko.
  2. Barne Probak – Zure txantiloia diseinatu eta probatu ondoren, erakundearen barne-hazi-zerrenda batera bidali beharko litzateke berrikusteko eta onartzeko. Baliteke pertsona batzuen azpimultzo oso mugatu batekin hasi nahi izatea, lehenik eta behin mezu elektronikoa barnean errendatzearekin lotutako suebaki edo segurtasun-arazorik ez dagoela ziurtatzeko. Hau posta elektronikoko zerbitzu-hornitzaile berri batean instantzia bat eraikitzen ari bada, baliteke iragazketa- edo blokeo-arazo batzuk aurkitzea zure mezu elektronikoa sarrera-ontzira sartzearekin ere.
  3. Txantiloien bertsioa – Ez aldatu diseinuak edo diseinuak diseinatu, behar bezala probatu eta zabaldu daitekeen txantiloiaren bertsio berri batean landu gabe. Enpresa askok kanpaina bakoitzerako diseinu bakarrak maite dituzte... baina horretarako mezu elektroniko guztiak kanpaina bakoitzerako diseinatu, garatu eta zabaldu behar dira. Horrek denbora asko gehitzen dio posta elektroniko bidezko marketin-prozesuari. Eta, zure posta elektronikoko zer elementuk ondo funtzionatzen duten ez ulertzeko arriskua duzu. Koherentzia ez da prozesua errazteko modu bat soilik, zure harpidedunen jokabiderako ere garrantzitsua da.
  4. Posta elektronikoko zerbitzu hornitzaileen salbuespenak - Ia posta elektronikoko zerbitzu-hornitzaile guztiek dute posta elektronikoaren sortzaileak aurkezten dituen arazoei aurre egiteko modua. Sarritan CSS gordina gehitu diezaiokegu kontu bati, edo mezu elektroniko guztietan sartu behar den eduki-bloke bat ere izan, enpresak integratutako posta-editorea erabiltzeko eta zure posta elektronikoaren diseinua hautsi ez dezan. Jakina, horrek trebakuntza eta prozesuen kontrol bat eskatzen du urrats horiek betetzen direla ziurtatzeko. Edo - literalki zure posta elektronikoaren diseinua bezero eta gailuetan funtzionatzen duela frogatuta dagoen soluzio batean garatu nahi duzu eta, ondoren, itsatsi berriro posta elektronikoko zerbitzu-hornitzailean.

Posta elektronikoa diseinatzeko plataformak

Posta elektronikoko zerbitzu-plataformek lan eskasa egin dutenez bezeroen eta gailuen artean etengabe prestatutako eraikitzaileak eraikitzen eta mantentzen, hainbat plataforma bikain atera dira merkatura. Asko erabili dugun bat da Stripo.

Stripo ez da posta elektronikoaren sortzailea soilik, erraz inporta daitezkeen 900 txantiloi baino gehiagoko liburutegia ere badute. Posta elektronikoa diseinatzen duzunean, 60+ ESP eta posta-bezeroetara bidali ditzakezu, barne Intuit Mailchimp, HubSpot, Kanpaina Monitor, AWeber, eSputnik, Outlook, eta Gmail. Stripo txantiloi guztien onena posta elektronikoa errendatzeko probak barne hartzen ditu, 40 posta elektronikoko bezero baino gehiagotan probatu eta etengabe funtziona dezazun ziurtatzeko.

Hasi saioa Stripo Editor Demo-n

Douglas Karr

Douglas Karr -ren CMO da OpenINSIGHTS eta ren sortzailea Martech Zone. Douglasek MarTech startup arrakastatsu batzuei lagundu die, Martech-en erosketetan eta inbertsioetan 5 milioi dolar baino gehiagoko diligentzian lagundu du eta enpresei laguntzen jarraitzen du salmenta eta marketin estrategiak ezartzen eta automatizatzen. Douglas nazioartean ezaguna den eraldaketa digitala eta MarTech aditua eta hizlaria da. Douglas Dummie's gidaren eta negozioen lidergoaren liburu baten egilea ere bada.

Gaiarekin lotutako artikuluak

Itzuli gora botoia
Itxi

Adblokea hauteman da

Martech Zone eduki hau kosturik gabe eskaintzeko gai da, gure webgunea iragarkien diru-sarreren, kideen esteken eta babesen bidez dirua irabazten dugulako. Eskertuko genuke gure gunea ikusten duzun bitartean iragarkien blokeatzailea kentzea.