Jekk tiftaħ sistema ta 'ġestjoni tal-kontenut biex tibni paġni tal-web, huwa proċess pjuttost sempliċi. Web browsers moderni jappoġġjaw HTML, CSS, u JavaScript għal a stretta sett ta' standards tal-web. U, huma verament ftit brawżers li d-disinjaturi jridu joqogħdu jinkwetaw dwarhom. Hemm eċċezzjonijiet, ovvjament... u xi soluzzjonijiet sempliċi jew funzjonijiet speċifiċi għal dawk il-browsers.
Minħabba l-istandards ġenerali, huwa verament faċli li tiżviluppa l-bennejja tal-paġna f'sistemi ta 'ġestjoni tal-kontenut. Il-browsers jikkonformaw ma' HTML5, CSS, u JavaScript... u l-iżviluppaturi jistgħu jibnu soluzzjonijiet oerhört robusti biex jibnu paġni tal-web li jirrispondu għall-apparati u konsistenti madwar il-brawżers. Għoxrin sena ilu, prattikament kull disinjatur tal-web kien qed juża softwer tad-desktop biex jiżviluppa paġni tal-web. Issa, huwa pjuttost mhux komuni għal disinjatur tal-web li jiżviluppa paġna tal-web - aktar spiss milli le, qed jiżviluppaw mudelli u jużaw edituri fis-sistemi tal-kontenut biex jimlew il-kontenut. L-edituri tal-websajt huma meraviljużi.
Iżda l-edituri tal-email huma sfortunatament lura. Hawn għaliex...
Id-Disinn ta' Emails HTML Huwa ferm Aktar Kumpless milli Għal Websajt
Jekk il-kumpanija tiegħek trid email HTML sabiħa ddisinjata, il-proċess huwa esponenzjali aktar kumpless mill-bini ta 'paġna web għal numru ta' raġunijiet:
- L-ebda Standards – M'hemm l-EBDA aderenza stretta ma 'kwalunkwe web istandards minn klijenti email li juru email HTML. Fil-fatt, virtwalment kull klijent email u kull verżjoni ta 'kull klijent email jaġixxi b'mod differenti. Xi wħud se jonoraw CSS, fonts esterni, u HTML modern. Oħrajn jonoraw xi stil inline, se juru biss kollezzjoni ta 'fonts, u jinjoraw kollox ħlief strutturi mmexxija mill-mejda. Fil-fatt huwa pjuttost redikoli f'dan il-punt li ħadd mhu qed jaħdem fuq din il-kwistjoni. Bħala riżultat, it-tfassil ta 'mudelli li jirrendu bejn il-klijenti u l-apparati b'mod konsistenti sar negozju kbir u jista' jkun pjuttost għoli.
- Email Klijent Sigurtà – Din il-ġimgħa biss, Apple Mail aġġornat biex jimblokka l-immaġini kollha fl-emails HTML awtomatikament li mhumiex inkorporati fl-email. Int jew tagħti permess biex tgħabbihom email kull darba, jew trid tippermetti s-settings biex tiddiżattiva dan is-setting. Flimkien mas-settings tas-sigurtà tal-klijent tal-email, hemm ukoll settings korporattivi.
- Sigurtà tal-IT – It-tim tal-IT tiegħek jista' juża settijiet ta' regoli stretti dwar liema oġġetti jistgħu fil-fatt jingħataw f'email. Jekk l-immaġini tiegħek, pereżempju, ġejjin minn dominju speċifiku li mhuwiex whitelisted f'firewall korporattiv, immaġini sempliċement ma jidhrux fl-email tiegħek. Xi drabi, kellna niżviluppaw emails u nospitaw l-immaġini kollha fuq is-server tal-korporazzjoni sabiex l-impjegati tagħhom stess ikunu jistgħu jaraw l-immaġini.
- Fornituri tas-Servizz tal-Email – Biex tgħaxxaq, il-bennejja tal-email li l-fornituri tas-servizz tal-email (ESPs) fil-fatt jintroduċu problemi aktar milli jillimitawhom. Filwaqt li jippromwovu editur tagħhom huwa Dak Li Tara Huwa Dak Li Tikseb (WYSIWYG), l-oppost huwa spiss minnu bid-disinn tal-email. Int ser tipprevedi l-email fil-pjattaforma tagħhom, imbagħad ir-riċevitur tal-email jara kull tip ta 'problemi ta' disinn. Kumpaniji ħafna drabi mingħajr ma jafu jagħżlu editur b'ħafna karatteristiċi minflok editur imsakkar billi jaħsbu li wieħed għandu aktar karatteristiċi mill-ieħor. L-oppost huwa minnu... jekk trid emails li jirrendu b'mod konsistenti mal-klijenti kollha tal-email, iktar ikun sempliċi l-aħjar għax inqas jistgħu jmorru ħażin.
- Email Klijent Rendering – Hemm mijiet ta’ klijenti tal-email, kull wieħed jirrendi HTML b’mod differenti bejn il-klijenti tad-desktop, tal-apps, tal-mowbajl u tal-webmail. Filwaqt li l-editur tat-test nifty tiegħek fuq il-fornitur tas-servizz tal-email tiegħek jista 'jkollu setting biex ipoġġi intestatura fl-email tiegħek... l-ikkuttunar, il-marġini, l-għoli tal-linja, u d-daqs tat-tipa jistgħu jvarjaw fuq kull klijent tal-email wieħed. Bħala riżultat, trid tneħħi l-HTML u tikkodifika kull element wieħed b'mod differenti (ara l-eżempju hawn taħt) - u ħafna drabi tikteb f'eċċezzjonijiet li huma speċifiċi għall-klijent tal-email - biex tikseb email biex tirrendi b'mod konsistenti. M'hemm l-ebda tip ta 'blokki sempliċi, trid tagħmel layouts immexxija mill-mejda li huma l-ekwivalenti ta' bini għall-web tletin sena ilu. Huwa għalhekk li kwalunkwe tqassim ġdid jeħtieġ kemm l-iżvilupp kif ukoll l-ittestjar tal-klijenti u tal-apparat cross-email. Dak li tara fl-inbox tiegħek jista' jkun totalment differenti dak li nara fl-inbox tiegħi. Huwa għalhekk li tirrendi għodod simili Email Fuq Aċidu or Litmus huma essenzjali biex tiżgura li d-disinji l-ġodda tiegħek jaħdmu mal-klijenti kollha tal-email. Hawnhekk hawn lista qasira ta' klijenti tal-email popolari u l-magni tar-rendiment tagħhom:
- Apple Mail, Outlook għal Mac, Android Mail u iOS Mail użu WebKit.
- Outlook 2000, 2002 u 2003 użu Internet Explorer.
- Outlook 2007, 2010 u 2013 użu Microsoft Word (iva, Kelma!).
- Il-klijenti tal-Webmail jużaw il-magna rispettiva tal-brawżer tagħhom (pereżempju, Safari juża WebKit u Chrome juża Blink).
Eżempju ta' HTML għall-Web vs. Email
Jekk trid eżempju li juri l-kumplessità tad-disinn fl-email kontra l-web, hawn eżempju perfett mill-artiklu ta 'Mailbakery 19 Differenzi Kbar Bejn Email u Web HTML:
Irridu nibnu serje ta 'tabelli li jinkorporaw l-istil inline kollu meħtieġ biex il-buttuna titqiegħed sew u niżguraw li tidher tajba mal-klijenti tal-email. Se jkun hemm ukoll tikketta tal-istil ta' akkumpanjament fin-naħa ta' fuq ta' din l-email biex tinkorpora l-klassijiet.
<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
Nistgħu nutilizzaw stylesheet esterna bi klassijiet biex niddefinixxu l-każ, l-allinjament, il-kulur u d-daqs ta 'tikketta ta' ankra li tidher bħala buttuna.
<div class="center">
<a href="#" class="button">Find Out More</a>
</div>Kif Tevita Kwistjonijiet tad-Disinn tal-Email
Il-kwistjonijiet tad-disinn tal-email jistgħu jiġu evitati billi ssegwi proċess deċenti:
- Disinn tal-Mudell – Ibni mudell b'taqsim differenti u blokki ta' kontenut li jħaddnu kull stil li qatt tixtieq tipproduċi fid-disinji tal-email tiegħek. Meta nimplimentaw klijent, aħna dejjem nimbuttawh iddisinja email għall-futur – mhux biss il-kampanja tal-email li jmiss li tintbagħat. B'dan il-mod, nistgħu niddisinjaw, niżviluppaw, nittestjaw u nimplimentaw bis-sħiħ il-soluzzjonijiet meħtieġa qabel huma qatt jibagħtu dik l-ewwel email.
- Template Testing – Il-fehim tal-klijenti tal-email li qed jużaw l-abbonati tiegħek u li tiżgura li l-email HTML tiegħek tkun ittestjata bis-sħiħ fuq il-mowbajl u fuq id-desktop huwa kritiku qabel ma tuża kwalunkwe mudell. Nistgħu nfasslu email litteralment minn tqassim ta' photoshop... iżda t-tqattigħ u t-tqattigħ fi klijenti mmexxi minn mejda, cross-email huwa essenzjali biex jiġu skjerati disinji tal-email li huma ottimali u konsistenti.
- Ittestjar Intern – Ladarba l-mudell tiegħek jiġi ddisinjat u ttestjat, għandu jintbagħat lil lista interna taż-żerriegħa fi ħdan l-organizzazzjoni biex tirrevedi u tapprova. Tista 'saħansitra trid tibda b'sottogrupp limitat ħafna ta' individwi biex l-ewwel tiżgura li ma jkunx hemm firewall jew kwistjonijiet ta 'sigurtà assoċjati mal-għoti tal-email internament. Jekk dan qed jibni eżempju fuq fornitur ġdid tas-servizz tal-email, tista 'saħansitra ssib xi kwistjonijiet ta' filtrazzjoni jew imblukkar assoċjati mal-wasla tal-email tiegħek fl-inbox.
- Verżjoni ta' Template – Tibdilx it-tqassim jew id-disinji tiegħek mingħajr ma taħdem fuq verżjoni ġdida tal-mudell tiegħek li tista' tiġi ddisinjata, ttestjata kif suppost, u skjerata. Ħafna negozji jħobbu disinni ta’ darba għal kull kampanja... iżda dan jeħtieġ li kull email tkun iddisinjata, żviluppata u skjerata għal kull kampanja. Dan iżid ton ta 'żmien għall-proċess intern tal-marketing tal-email. U, tirriskja li ma tifhimx liema elementi fl-email tiegħek qed jaħdmu tajjeb fuq liema elementi mhumiex. Il-konsistenza mhix biss mod kif tagħmel il-proċess aktar faċli, hija wkoll importanti għall-imġieba tal-abbonati tiegħek.
- Eċċezzjonijiet tal-Fornitur tas-Servizz tal-Email – Prattikament kull fornitur tas-servizz tal-email għandu mezz biex jaħdem madwar il-kwistjonijiet li jintroduċi l-bennej tal-email tagħhom. Ħafna drabi nistgħu nżidu CSS mhux ipproċessat f'kont - jew saħansitra jkollna blokk tal-kontenut li jrid jiġi inkluż f'kull email - sabiex il-kumpanija tuża l-editur tal-email inkorporat u ma jkollhiex tkisser id-disinn tal-email tiegħek. Naturalment, dan jista 'jeħtieġ xi taħriġ u kontroll tal-proċess biex jiġu skjerati dawk il-passi biex jiġi żgurat li jkunu mħarsa. Jew – tista’ litteralment trid tiżviluppa d-disinn tal-email tiegħek f’soluzzjoni li hija ppruvata li taħdem fuq klijenti u apparati, imbagħad waħħalha lura fil-fornitur tas-servizz tal-email tiegħek.
Pjattaformi tad-Disinn tal-Email
Minħabba li l-pjattaformi tas-servizz tal-email għamlu xogħol fqir fil-bini u ż-żamma ta 'bennejja bejn il-klijenti u bejn l-apparati mogħtija b'mod konsistenti, għadd ta' pjattaformi kbar daħlu fis-suq. Wieħed li użajna b'mod estensiv huwa Stripo.
Stripo mhuwiex biss bennej tal-email, għandhom ukoll librerija ta 'aktar minn 900 mudell li jistgħu jiġu importati faċilment. Ladarba tiddisinja l-email, tista 'l-email lil 60+ ESPs, u lill-klijenti tal-email, inklużi MailChimp, HubSpot, Campaign Monitor, AWeber, eSputnik, Outlook, u Gmail. L-aħjar fost il-mudelli Stripo jiġu inklużi t-testijiet tal-għoti tal-email sabiex tkun tista' tiżgura li jkunu ġew ittestjati u jaħdmu b'mod konsistenti fuq aktar minn 40 klijent tal-email.
Idħol Għad-Demo tal-Editur Stripo
Żvelar: Qiegħed ngħaqqad ma' tiegħi ditta ta 'konsulenza tal-kummerċ li jiddisinja u juża emails bejn il-klijenti għal ditti ewlenin fi kważi kull fornitur tas-servizz tal-email. Jien ukoll affiljat ta Stripo u qed nuża l-link tiegħi f'dan l-artikolu.
