Slik bruker du e-postmaler for kampanjeovervåkning

Mens e-postbyggere innen tjenester som Campaign Monitor og MailChimp blir stadig sterkere, er det fortsatt gode grunner til å bruke en HTML-e-postmal som er unik for merkevaren din.

I denne snille opplæringen beskriver vi hvordan du skal begynne å bruke en HTML-e-postmal i Kampanjeovervåking, for e-postkampanjer og automatiserte arbeidsflyter. Avhengig av hvor mye du vil tilpasse malen, kan det ta alt fra fem minutter til å importere og begynne å sende, til ganske mange timers koding og testing for mer tilpasset designarbeid.

Når du har funnet (og til og med tilpasset) en mal du elsker, vil du kunne bruke den gjentatte ganger - og med Campaign Monitors design- og spamprøveverktøy, være sikker på at e-postmeldingene dine ser bra ut til mottakere overalt.

Hva er en HTML Email Template?

Kort sagt, en HTML-e-postmal (som vi bare skal kalle en "mal" fra nå av), er et HTML-dokument og tilhørende bildefiler som er designet for å bli importert til en e-postplattform som Campaign Monitor eller MailChimp. Når det er importert, kan maler brukes til tid og tid for å opprette e-postmarkedsmeldinger, som kan sendes til en liste over abonnenter (dvs. e-postmottakere). Disse kan ta form av nyhetsbrev, ukentlige blogginnholdsoppsummeringer, arrangement invitasjoner og mer.

Kampanjeovervåkningsmalletiketter

En e-postmal skal leveres med redigerbare tekst- og bildeområder - enten frittstående eller innen gjentatte "layouts" som definert av Campaign Monitors malmerkpråk. Dette allsidige språket kan brukes til å tilpasse nedlastede HTML-e-postmaler, konvertere eksisterende HTML-nyhetsbrev til maler, eller lage egne maler fra grunnen av.

Eksempler på kampanjeovervåkingsmal-tagsproget, demo-er ved Evo-malen
  • er en innholdsblokk som kan gjentas et uendelig antall ganger.
  • inneholder flere separate design i et repeterende element.
  •  utdataer HTML du kan endre ved hjelp av WYSIWYG-editoren for kampanjeovervåkning.

Når en mal er riktig kodet med koder, kan du importere den, og deretter bruke Kampanje Monitors e-postredigerer til å opprette e-postkampanjer og automatiserte arbeidsflyter..

Hvorfor bruke en mal?

Hvis bedriften din (eller den som har klienten din) har spesifikke merkevareretningslinjer, er det sannsynlig at nyhetsbrevene du arbeider med allerede har en etablert look-and-feel. Alternativt, hvis du lager en første forgang til e-postmarkedsføring, vil du kanskje gjøre alle dine meldinger se en bestemt måte; en som ikke kan oppnås ved hjelp av e-postbyggeren.

I begge tilfeller kan å ha en mall tillate deg å opprettholde varemerket ditt, pluss redusere design-for-send-omstillingstiden dramatisk i forhold til å si at en HTML-e-post er kodet fra grunnen av.

Hvis du har funnet en mal som har nøyaktig oppsettet og det estetiske du er ute etter, bra gjort! Du kan hoppe over neste del, importere den til Kampanjeovervåkning og begynne å lage e-postkampanjer. Men hvis du trenger å gjøre endringer, kan følgende komme til nytte.

Ferdigheter du trenger å redigere en mal

Tilbake på dagen, hvis du ønsket å lage en nettside, ville du skyte opp Notisblokk for å lage en HTML-fil, lage en mappe for bildene (vanligvis kalt, vel, /Bilder), og etter noen timer med å legge til innhold og testing i nettleseren din, laster du opp mye til en offentlig mappe på nettet.

Alle disse årene er det ikke så forskjellig å arbeide med malfiler, men i stedet for å laste opp, importerer vi malen til Kampanje Monitor. For å nå dette trinnet trenger du:

  • Grunnleggende HTML / CSS koding ferdigheter
  • Kampanjemonitorens mal-tagsprog
  • Guide til CSS-støtte i HTML-e-post
  • En kodeditor som TextMate, Sublime Text eller Brackets

Hvis du kan trygt redigere og teste HTML-dokumenter (husk at CSS-støtte i e-postklienter som Gmail, Outlook og andre er fabelaktig quirky), så kan du redigere e-postmaler til ditt hjertes glede.

Slik importerer du en mal i kampanjeovervåkning

For å klargjøre malen din for import, trenger du:

  • HTML-filen.
  • Alle andre filer som HTML-referansene dine (for eksempel bilder og CSS) inneholder i en enkelt mappe og komprimert til ZIP-format.

Når du er klar, kan du importere malen til maler delen av kampanjekontrollkontoen din:

  1. Klikk på profilbildet ditt og gå til maler.
  2. Gå til Importere.
  3. Tilordne den nye malen et navn, for eksempel "Min nyhetsbrev."
  4. Klikk Velg Fil (under HTML-side) for å velge HTML-filen fra datamaskinen.
  5. Klikk deretter Velg Fil (under Alle andre bilde- og CSS-filer) for å velge ZIP-filen (hvis du har en) fra datamaskinen.
  6. Klikk Legg til mal å laste opp filene.

Er malen jobber?

Hvis du har vært i stand til å importere malen, gratulerer! Du bør se det under Mine maler når du oppretter en ny e-postkampanje eller arbeidsflyt. Når du er valgt, kan du begynne å legge til innhold i e-postredigeringsprogrammet for kampanjeovervåkning.

Når du oppretter en kampanje, kan du automatisk teste den over 20 + store e-postklienter, for eksempel Mail for iPhone og iPad, Gmail, Outlook og mer, ved hjelp av kampanjeovervåkningens design og spam-tester. Alternativt kan du teste kampanjen manuelt ved å sende en test-e-post til e-postkontoene dine på ulike enheter.

Hva kan muligens gå galt?

Det kan alltid være hikke underveis, fra det øyeblikket du prøver å importere en mal, gjennom til testfasen. Så, her er en rask titt på noen klassiske problemer og løsninger:

Malen vil ikke importere til Kampanje Monitor

Kontroller at HTML-koden (inkludert maltekoder) er godt utformet.

Pass på at du ikke ved et uhell forsøker å importere store og unødvendige filer, for eksempel Photoshop-ressurser og video.

Min kampanje ser ikke bra ut på mobile enheter

Kontroller at HTML-e-postdokumentet er "responsivt", dvs. inneholder gyldige medieforespørsler i CSS-stilarket. Vær oppmerksom på at ikke alle e-postklienter støtter medieforespørsler, inkludert Gmail på iOS / Android.

E-postmeldinger ser annerledes ut i en rekke innboks 

Du kan for eksempel finne ut at resultatene i Gmail virker annerledes enn si, Apple Mail. Sjekk om HTML-e-posten inneholder CSS3-egenskaper, webfonter - og gir fallbacks der det er mulig. Ikke alle e-postklienter gir omfattende CSS-støtte, men det er ofte mulig å sikre at meldingen fortsatt er lesbar og degraderer grasiøst, selv under mindre enn perfekte omstendigheter.

Oppsummert

En god e-postmal vil gjøre kampanjene dine både flotte på både mobil-, web- og desktop-enheter - mens det kan være forskjell på hvordan det ser ut i en nettleser og i innboksen, bør meldingen alltid leses og enkelt navigeres.

Hvis du imidlertid har importert HTML-e-post manuelt til dette punktet, vil du sannsynligvis finne at ved å bruke en god e-postmall, redder du og teamet ditt utallige timer ved å lage, importere og teste e-postmeldinger. Du vil lure på hvordan du overlevde uten det!

Jeg håper du likte denne opplæringen og føler deg trygg på å velge en mal, forberede den til kampanjeovervåkning, og deretter importere og bruke den til e-postkampanjer og automatiserte arbeidsflyter. For inspirasjon anbefaler jeg at du besøker Campaign Monitors e-postdesigngalleri - og deretter bruker du mal-know-how for å lage din egen unike design!

Nyttige ressurser

  • Kampanje Monitor maler på Envato Market
  • Kampanje Monitor e-postdesign galleri, for inspirasjon
  • Opprette en fremtidssvarlig responsiv e-post uten medieforespørsler
  • Komme i gang med e-postmarkedsføring