Web orriak eraikitzeko edukiak kudeatzeko sistema bat irekitzen baduzu, nahiko prozesu erraza da. Web arakatzaile modernoek HTML, CSS eta JavaScript onartzen dituzte zorrotz web estandar multzoa. Eta, benetan, 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, oso 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 eraikitzeko. 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 sortzea baino konplexuagoa da hainbat arrazoirengatik:
- Estandarrik ez – Ez dago inolako atxikimendu zorrotzik estandarrak HTML posta elektronikoa erakusten duten posta elektronikoko bezeroek. Izan ere, birtualki posta-bezero bakoitza eta posta-bezero bakoitzaren bertsio bakoitza ezberdin jokatzen du. Batzuek CSS, kanpoko letra-tipoak eta HTML modernoa ohoratuko dituzte. Beste batzuek lerroko estilo batzuk errespetatzen dituzte, letra-tipoen bilduma bat bakarrik bistaratuko dute eta taulak gidatutako egiturak izan ezik dena alde batera utziko dute. Egia esan, nahiko barregarria da momentu honetan 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 – Aste honetan bertan, Apple Mail eguneratu da mezu elektronikoan txertatuta ez dauden HTML mezu elektronikoetako irudi guztiak blokeatzeko. Mezu elektroniko bat kargatzeko baimena ematen diezu aldi berean, edo ezarpenak gaitu behar dituzu ezarpen hau desgaitzeko. 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 sustatzen duten bitartean da Ikusten duzuna da lortzen duzuna (WYSIWYG), askotan kontrakoa gertatzen da posta elektronikoaren diseinuarekin. Posta elektronikoaren aurrebista egingo duzu bere plataforman, eta gero posta elektronikoaren hartzaileak diseinu-arazo mota guztiak ikusten ditu. Enpresek, askotan, jakin gabe, funtzionalitate aberatseko editore bat aukeratzen dute blokeatutako editore baten ordez, batek besteak baino ezaugarri gehiago dituelakoan. Alderantziz gertatzen da... posta elektronikoko bezero guztietan modu koherentean errendatzen diren mezu elektronikoak nahi badituzu, orduan eta errazago hobe, gutxiago oker egon daitekeelako.
- Posta elektronikoko bezeroen errendatzea – Ehunka posta-bezero daude, bakoitzak HTML modu ezberdinean errendatzen du mahaigainean, aplikazioetan, mugikorretan eta web-posta bezeroetan. Zure posta elektronikoko zerbitzu-hornitzaileko zure testu-editore dotoreak zure posta elektronikoan goiburu bat jartzeko ezarpen bat izan dezakeen arren... betegarria, marjinak, lerro-altuera eta letra-tamaina desberdinak izan daitezke posta-bezero bakoitzean. Ondorioz, HTMLa moztu eta elementu bakoitza modu ezberdinean kodetu behar duzu (ikus beheko adibidea) - eta askotan idatzi posta elektronikoko bezero espezifikoak diren salbuespenak - mezu elektroniko bat modu koherentean errendatzeko. Ez dago bloke mota sinplerik, duela hogeita hamar urte sarerako eraikitzearen baliokide diren taulak gidatutako diseinuak egin behar dituzu. Horregatik, diseinu berriek 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 bezalakoak 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:
Emaila
Botoia behar bezala kokatzeko eta posta-bezeroetan itxura ona duela ziurtatzeko beharrezkoak diren lerro-estilo guztiak biltzen dituzten taula sorta bat eraiki behar dugu. Mezu elektroniko honen goialdean estilo-etiketa bat ere egongo da 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
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:
- Txantiloiaren diseinua – Eraiki txantiloi bat zure posta elektronikoko diseinuetan ekoitzi nahi dituzun estilo guztiak biltzen dituen diseinu eta eduki bloke ezberdinekin. Bezero bat ezartzen dugunean, beti bultzatzen dugu diseinatu e-posta etorkizunerako – ez bakarrik bidaltzen den posta elektronikoko hurrengo kanpaina. Horrela, beharrezko konponbideak guztiz diseinatu, garatu, probatu eta inplementatu ditzakegu aurretik inoiz bidaltzen dute lehen mezu elektroniko hori.
- Txantiloiaren proba – Zure 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 elektroniko bat diseina dezakegu literalki photoshop diseinu batetik... baina mahaian oinarritutako posta elektronikoko bezero gurutzatuan zatitzea eta zatitzea ezinbestekoa da posta elektronikoko diseinu optimoak eta koherenteak zabaltzeko.
- 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.
- 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.
- 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 MailChimp, HubSpot, Campaign 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 koherentziaz funtziona dezazun ziurtatzeko.
Hasi saioa Stripo Editor Demo-n
Dibulgazioa: nire esteka ari naiz marketineko aholkularitza enpresa bezeroen arteko mezu elektronikoak diseinatzen eta zabaltzen dituena marka nagusientzat ia edozein posta-zerbitzu-hornitzailetan. Ni ere afiliatua naiz Stripo eta artikulu honetan nire esteka erabiltzen ari naiz.
