E-postmarketing en automatisearringFideo's foar marketing en ferkeap

De útdagings (en frustraasjes) fan HTML-e-postûntwerp begripe

As jo ​​​​in ynhâldbehearsysteem iepenje om websiden te bouwen, is it in frij ienfâldich proses. Moderne webbrowsers stipe HTML, CSS, en JavaScript oan strange webnoarmen. En se binne mar in hantsjefol browsers dêr't ûntwerpers har soargen oer moatte meitsje. D'r binne fansels útsûnderingen ... en wat ienfâldige oplossingen as funksjes spesifyk foar dy browsers.

Fanwegen de algemiene noarmen is it ienfâldich om sidebouwers te ûntwikkeljen yn ynhâldbehearsystemen. Browsers foldogge oan HTML5, CSS, en JavaScript ... en ûntwikkelders kinne ongelooflijk robúste oplossingen bouwe om websiden te meitsjen dy't reagearje op apparaten en konsekwint oer browsers. Twa desennia lyn brûkte praktysk elke webûntwerper buroblêdsoftware om websiden te ûntwikkeljen. No is it frij ûngewoan foar in webûntwerper om in webside te ûntwikkeljen - faker as net, se ûntwikkelje sjabloanen en brûke redakteuren yn ynhâldsystemen om de ynhâld yn te foljen. Webbewurkers binne fantastysk.

Mar e-postredaksjes binne jammerdearlik efter. Hjir is wêrom…

It ûntwerpen fan HTML-e-postberjochten is folle komplekser dan foar in webside

As jo ​​​​bedriuw in prachtige HTML-e-post ûntworpen wol, is it proses eksponentiell komplekser dan it bouwen fan in webside om ferskate redenen:

  • Gjin noarmen - D'r is GEEN strikte neilibjen fan webnoarmen troch e-postkliïnten dy't HTML-e-post werjaan. Hast elke e-postkliïnt en elke ferzje fan elke e-postkliïnt hannelet oars. Guon sille CSS, eksterne lettertypen en moderne HTML earje. Oaren earje wat inline-styling, litte allinich in samling lettertypen sjen en negearje alles behalve tabel-oandreaune struktueren. It is hiel bespotlik dat gjinien wurket oan dit probleem. As resultaat is it ûntwerpen fan sjabloanen dy't konsekwint oer kliïnten en apparaten werjaan, grut bedriuw wurden en kin frij djoer wêze.
  • Email Client Security - Koartlyn is Apple Mail bywurke om standert alle ôfbyldings yn HTML-e-post te blokkearjen dy't net yn 'e e-post binne ynbêde. Jo jouwe tastimming om se tagelyk in e-post te laden of moatte de ynstellings ynskeakelje om dizze ynstelling út te skeakeljen. Tegearre mei e-postkliïntfeiligensynstellingen binne d'r ek bedriuwynstellingen.
  • IT Feiligens - Jo IT-team kin strikte regelsets ynsette oer hokker objekten eins kinne wurde werjûn yn in e-post. As jo ​​ôfbyldings bygelyks fan in spesifyk domein komme dat net op 'e whitelist is yn in bedriuwsfirewall, sille ôfbyldings gewoan net yn jo e-post ferskine. Soms moasten wy e-mails ûntwikkelje en alle ôfbyldings op 'e server fan 'e korporaasje hostje, sadat har eigen meiwurkers de ôfbyldings koene sjen.
  • Oanbieders fan e-posttsjinsten - Om de saken slimmer te meitsjen, de e-postbouwers dy't tsjinstferlieners e-post (ESPs) eins problemen yntrodusearje ynstee fan har te beheinen. Wylst se har bewurker befoarderje is Wat jo sjogge is wat jo krije (WYSIWYG), it tsjinoerstelde is faaks wier mei e-postûntwerp. Jo sille de e-post besjen op har platfoarm, en de ûntfanger sil alle ûntwerpproblemen sjen. Bedriuwen kieze faaks ûnbewust foar in funksje-rike bewurker yn stee fan in opsletten ien, tinke dat ien mear funksjes hat. It tsjinoerstelde is wier ... as jo e-mails wolle dy't konsekwint oer alle e-postkliïnten werjaan, hoe ienfâldiger, hoe better, om't minder ferkeard kin gean.
  • Email Client Rendering - Hûnderten e-postkliïnten werjaan HTML oars op buroblêden, apps, mobile apparaten en webmailkliïnten. Wylst jo handige tekstbewurker op jo e-posttsjinstprovider in ynstelling kin hawwe om in kop yn jo e-post te pleatsen, kinne de padding, marzjes, linehichte en lettergrutte ferskille foar elke e-postclient. As resultaat moatte jo de HTML ferneatigje en elk elemint oars koade (sjoch it foarbyld hjirûnder) - en faak skriuwe yn útsûnderingen dy't spesifyk foar e-postkliïnt binne - om in e-post te krijen om konsekwint te werjaan. D'r binne gjin ienfâldige bloktypen, jo moatte tabel-oandreaune yndielings dwaan dy't tritich jier lyn it lykweardich binne fan bouwen foar it web. Dêrom fereasket elke nije yndieling sawol ûntwikkeling as cross-e-postkliïnt- en apparaattesten. Wat jo sjogge yn jo postfak kin folslein oars wêze wat ik sjoch yn myn postfak. Dat is wêrom rendering ark lykas E-post op Acid or Litmus binne in must om te soargjen dat jo nije ûntwerpen wurkje oer alle e-postkliïnten. Hjir is in koarte list mei populêre e-postkliïnten en har renderingmotors:
    • Apple Mail, Outlook foar Mac, Android Mail en iOS Mail brûke WebKit.
    • Outlook 2000, 2002 en 2003 brûke Internet Explorer.
    • Outlook 2007, 2010 en 2013 brûke Microsoft Word (ja, Wurd!).
    • Webmail-kliïnten brûke de respektivelike motor fan har browser (Safari brûkt bygelyks WebKit en Chrome brûkt Blink).

In foarbyld fan HTML foar web vs. Email

As jo ​​​​in foarbyld wolle dat de kompleksiteit fan ûntwerpen yn e-post fersus it web yllustrearret, hjir is in perfekt foarbyld út it artikel fan Mailbakery 19 Grutte ferskillen tusken e-post en web HTML:

E-post HTML

Wy moatte in searje tabellen bouwe mei alle ynline-styling dy't nedich is om de knop goed te pleatsen en te soargjen dat it goed sjocht oer e-postkliïnten. In begeliedende styltag sil ek boppe oan dizze e-post stean om de klassen op te nimmen.

<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

Wy kinne in ekstern stylblêd mei klassen brûke om de saak, ôfstimming, kleur en grutte te definiearjen fan in ankertag dy't ferskynt as in knop.

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

Hoe kinne jo problemen mei e-postûntwerp foarkomme

E-postûntwerpproblemen kinne wurde foarkommen troch in fatsoenlik proses te folgjen:

  1. Template Testing - Begripe fan 'e e-postkliïnten dy't jo abonnees brûke en derfoar soargje dat jo HTML-e-post folslein testen is op mobyl en buroblêd is kritysk foardat jo in sjabloan ynsette. Wy kinne in e-post letterlik ûntwerpe út in Photoshop-yndieling ... mar it snijden en snijden yn in tabel-oandreaune, cross-e-postkliïnt is essensjeel foar it ynsetten fan e-postûntwerpen dy't optimaal en konsekwint binne.
  2. Ynterne testen - Sadree't jo sjabloan is ûntwurpen en hifke, it moat wurde stjoerd nei in ynterne sied list binnen de organisaasje te besjen en goedkarre. Jo kinne sels begjinne mei in heul beheinde subset fan partikulieren om earst te soargjen dat d'r gjin firewall- of feiligensproblemen binne ferbûn mei it yntern werjaan fan de e-post. As dit in eksimplaar opbouwt op in nije e-posttsjinstprovider, kinne jo sels wat filter- of blokkearjende problemen fine dy't ferbûn binne mei it krijen fan jo e-post yn it postfak.
  3. Template ferzje - Feroarje jo opmaak of ûntwerpen net sûnder te wurkjen oan in nije ferzje fan jo sjabloan dy't kin wurde ûntwurpen, goed hifke en ynset. In protte bedriuwen hâlde fan ienmalige ûntwerpen foar elke kampanje ... mar dat fereasket dat elke e-post wurdt ûntwurpen, ûntwikkele en ynset foar elke kampanje. Dit foeget in ton fan tiid ta oan it ynterne e-postmarketingproses. En jo riskearje net te begripen hokker eleminten yn jo e-post goed prestearje oer hokker eleminten net binne. Konsistinsje is net allinich in manier om it proses makliker te meitsjen, it is ek wichtich foar it gedrach fan jo abonnees.
  4. E-posttsjinstferlieners útsûnderings - Hast elke provider fan e-posttsjinsten hat in middel om de problemen om te wurkjen dy't har e-postbouwer yntrodusearret. Wy kinne faaks rau CSS tafoegje oan in akkount - of sels in ynhâldblok hawwe dat yn elke e-post opnommen wurde moat - om it bedriuw de ynboude e-postbewurker te brûken en it ûntwerp fan jo e-post net te brekken. Fansels kin dat wat training en proseskontrôle fereaskje om dy stappen yn te setten om te garandearjen dat se wurde neilibbe. Of - jo kinne letterlik gewoan jo e-postûntwerp ûntwikkelje yn in oplossing dy't bewiisd is te wurkjen oer kliïnten en apparaten, plak it dan werom yn jo e-posttsjinstprovider.

E-postûntwerpplatfoarms

Om't platfoarms foar e-posttsjinsten in min wurk dien hawwe by it opbouwen en ûnderhâlden fan cross-client en cross-device konsekwint werjûn bouwers, binne in oantal geweldige platfoarms op 'e merk kommen. Ien dy't wy wiidweidich hawwe brûkt is Stripo.

Stripo is net allinich in e-postbouwer, se hawwe ek in bibleteek fan mear dan 900 sjabloanen dy't maklik kinne wurde ymporteare. Sadree't jo de e-post ûntwerpe, kinne jo de e-post nei 60+ ESP's, en e-postkliïnten, ynklusyf Intuit Mailchimp, HubSpot, Campaign Monitor, AWebereSputnik, Outlook, en gmail. Bêste fan alle Stripo-sjabloanen komme mei de e-postrenderingtests ynbegrepen, sadat jo kinne soargje dat se binne hifke en konsekwint wurkje oer mear dan 40 e-postkliïnten.

Oanmelde by de Stripo Editor Demo

Douglas Karr

Douglas Karr is CMO fan OpenINSIGHTS en de oprjochter fan de Martech Zone. Douglas hat holpen tsientallen suksesfolle MarTech startups, hat holpen yn 'e due diligence fan mear as $ 5 miljard yn Martech oanwinsten en ynvestearrings, en bliuwt te helpen bedriuwen by it útfieren en automatisearjen fan harren ferkeap en marketing strategyen. Douglas is in ynternasjonaal erkend digitale transformaasje en MarTech-ekspert en sprekker. Douglas is ek in publisearre skriuwer fan in Dummie's gids en in boek foar bedriuwsliederskip.

Related Articles

Werom nei topknop
Slute

Adblock ûntdutsen

Martech Zone is yn steat om jo dizze ynhâld sûnder kosten te leverjen, om't wy ús side monetearje fia advertinsje-ynkomsten, affiliate keppelings en sponsoring. Wy soene it wurdearje as jo jo advertinsjeblokkerer fuortsmite as jo ús side besjen.