Så här använder du e-postmallar för kampanjövervakning

Medan e-postbyggare inom tjänster som Campaign Monitor och MailChimp blir allt starkare, finns det fortfarande stora skäl att använda en HTML-e-postmall som är unik för ditt varumärke.

I den här snygga handledningen beskriver vi hur du börjar använda en HTML-mall för e-post i Kampanjövervakning, för dina e-postkampanjer och automatiserade arbetsflöden. Beroende på hur mycket du vill anpassa mallen kan det ta var som helst från fem minuter att importera och börja skicka, till några timmar av kodning och testning för mer anpassat designarbete.

När du har hittat (och till och med anpassad) en mall som du älskar kan du använda den flera gånger. Med Campaign Monitors verktyg för design och skräppost kan du vara säker på att dina e-postmeddelanden ser bra ut till mottagare överallt.

Vad är en HTML-e-postmall?

Kort sagt, en HTML-mall för e-post (som vi helt enkelt kallar en "mall" från och med nu) är ett HTML-dokument och medföljande bildfiler som är avsedda att importeras till en e-postplattform som Kampanjövervakare eller MailChimp. När du har importerat kan mallar användas gång på gång för att skapa e-postmarknadsmeddelanden som kan skickas till en lista över abonnenter (dvs. e-postmottagare). Dessa kan ha formen av nyhetsbrev, veckovisa blogginnehållsöversikter, evenemangsinbjudningar och mer.

Kampanjövervakningsmalliketter

En e-postmall ska komma med redigerbara text- och bildområden - antingen fristående eller inom repeterbara "layouter" som definieras av Campaign Monitors mallmärkningsspråk. Detta mångsidiga språk kan användas för att personifiera nedladdade HTML-e-postmallar, konvertera befintliga HTML-nyhetsbrev till mallar eller skapa egna mallar från början.

Prover av kampanjmonitorns malltagningsspråk, demo med Evo-mallen
  • är ett innehållsblock som kan upprepas ett oändligt antal gånger.
  • innehåller flera separata mönster inuti ett upprepande element.
  •  utmatar HTML som du kan modifiera med hjälp av WYSIWYG-editoren för kampanjövervakning.

När en mall har kodats korrekt med taggar kan du importera den och sedan använda Campaign Monitors e-postredigerare för att skapa e-postkampanjer och automatiserade arbetsflöden.

Varför använda en mall?

Om ditt företag (eller din kunds) har särskilda varumärkesriktlinjer, är det troligt att e-nyhetsbreven du arbetar med redan har en etablerad look-and-feel. Om du gör en första fördjupning i e-postmarknadsföring kanske du vill göra alla dina meddelanden ser ut på ett visst sätt. en som inte kan uppnås med hjälp av e-postbyggaren.

I båda fallen kan ha en mall tillåta dig att behålla ditt varumärke, plus minska design-to-send-omslagstiden dramatiskt jämfört med att säga att du kodar en HTML-e-post från början.

Om du har hittat en mall som har exakt layouten och det estetiska du är ute efter, bra gjort! Du kan hoppa över nästa avsnitt, importera det till Kampanjövervakning och börja skapa e-postkampanjer. Men om du behöver göra ändringar kan följande komma till nytta.

Färdigheter du behöver redigera en mall

Tillbaka om dagen, om du vill skapa en webbsida, skulle du släcka anteckningsblocket för att skapa en HTML-fil, skapa en mapp för bilderna (vanligtvis kallad, bra, /bilder), sedan efter några timmar att lägga till innehåll och testning i din webbläsare, skulle du ladda upp hela partiet till en allmän mapp på webben.

Alla dessa år senare är det inte så annorlunda att arbeta med mallfiler, men istället för att ladda upp, importerar vi mallen till kampanjövervakning. För att nå detta steg behöver du:

  • Grundläggande HTML / CSS kodning färdigheter
  • Kampanjmonitorens mallmärkningsspråk
  • Guide till CSS-support i HTML-e-post
  • En kodredigerare som TextMate, Sublime Text eller Brackets

Om du kan konfidentiellt redigera och testa HTML-dokument (med tanke på att CSS-stöd i e-postklienter som Gmail, Outlook och andra är fantastiskt), kan du redigera e-postmallar till ditt hjärtas glädje.

Så här importerar du en mall till kampanjövervakningen

För att förbereda din mall för import behöver du:

  • HTML-filen.
  • Alla andra filer som HTML-referenser (t.ex. bilder och CSS) innehåller i en enda mapp och komprimerad till ZIP-format.

När du är klar kan du importera mallen till mallar delen av ditt kampanjövervakningskonto:

  1. Klicka på din profilbild och gå till mallar.
  2. Gå till Importera.
  3. Tilldela din nya mall ett namn, till exempel "Min nyhetsbrev."
  4. Klick Välj FIL (Nedan HTML-sida) för att välja HTML-filen från din dator.
  5. Klicka sedan Välj FIL (Nedan Alla andra bild- och CSS-filer) för att välja ZIP-filen (om du har en) från din dator.
  6. Klick Lägg till mall att ladda upp filerna.

Är mallen fungerar?

Om du har kunnat importera mallen, grattis! Du borde se den under Mina mallar när du skapar en ny e-postkampanj eller arbetsflöde. När du väl valt, kan du börja lägga till innehåll i e-postredigeraren för kampanjövervakning.

När du har skapat en kampanj kan du automatiskt testa den på 20 + större e-postklienter som Mail för iPhone och iPad, Gmail, Outlook och mer, med hjälp av kampanjmonitorens design och skräppost. Alternativt kan du manuellt testa kampanjen genom att skicka ett testmeddelande till dina e-postkonton på olika enheter.

Vad kan eventuellt gå fel?

Det kan alltid vara hicka på vägen, från det ögonblick du försöker importera en mall, till teststeget. Så, här är en snabb titt på några klassiska problem och lösningar:

Mallen kommer inte att importeras till kampanjövervakning

Kontrollera att HTML-koden (inklusive malltaggar) är välformad.

Se till att du inte av misstag försöker importera stora och onödiga filer, till exempel Photoshop-tillgångar och video.

Min kampanj ser inte bra ut på mobila enheter

Se till att HTML-e-postdokumentet är "responsivt", dvs. innehåller giltiga mediafrågor i CSS-stilarket. Observera att inte alla e-postklienter stöder mediefrågor, inklusive Gmail på iOS / Android.

E-postmeddelanden ser annorlunda ut i en mängd inkorgar 

Du kan till exempel finna att resultaten i Gmail verkar annorlunda än Apple Mail. Kontrollera om HTML-e-postmeddelandet innehåller CSS3-egenskaper, webbfonter - och ger fallbacks där det är möjligt. Inte alla e-postklienter ger omfattande CSS-support, men det är ofta möjligt att säkerställa att meddelandet fortfarande är läsligt och försämras graciöst, även under mindre än perfekta omständigheter.

Sammanfattningsvis

En bra e-postmall gör att dina kampanjer ser bra ut både på mobil-, webb- och skrivbordsenheter - medan det kan finnas en variation mellan hur det ser ut i en webbläsare och i inkorgen, ska meddelandet alltid läsas och enkelt kunna navigera.

Men om du manuellt har importerat HTML-e-postmeddelanden till den här punkten kommer du troligen att upptäcka att det med en bra e-postmall kommer att spara dig och ditt team otaliga timmar att skapa, importera och testa e-postmeddelanden. Du undrar hur du någonsin överlevde utan det!

Jag hoppas att du njöt av denna handledning och nu känner dig säker på att du väljer en mall, förbereder den för kampanjövervakning, sedan importerar och använder den för dina e-postkampanjer och automatiserade arbetsflöden. För inspiration rekommenderar jag att du besöker Campaign Monitors e-postdesigngalleri. Använd sedan din mallkunnighet för att skapa din egen unika design!

Användbara resurser

  • Kampanjövervakningsmallar på Envato Market
  • Kampanjmonitor email design gallery, för inspiration
  • Skapa en Future-Proof Responsive Email utan mediefrågor
  • Komma igång med e-postmarknadsföring