På denna sida
- Varför använda mallar för e-postmarknadsföring
- Typer av mallar för e-postmarknadsföring
- Bästa praxis för att anpassa mallar
- Mobiloptimering
- Var du hittar gratis mallar för e-postmarknadsföring
- Testning och kvalitetssäkring av mallar
- Optimering av mallarnas resultat
- Bygga ett mallbibliotek
- Vanliga mallmisstag att undvika
- Var Tajo passar in
Mallar för e-postmarknadsföring tar bort problemet med det tomma papperet. I stället för att designa varje kampanj från grunden ger mallarna dig en beprövad struktur som du anpassar med ditt varumärke, ditt innehåll och dina erbjudanden. Resultatet: proffsiga e-postmeddelanden på några minuter i stället för timmar.
Men alla mallar är inte lika bra. En mall som ser vacker ut i förhandsvisningen kan gå sönder på mobilen, laddas långsamt eller gömma din uppmaning till handling under vecket. Den här guiden visar hur du väljer, anpassar och optimerar mallar för e-postmarknadsföring till kampanjer som både ser bra ut och konverterar.
Varför använda mallar för e-postmarknadsföring
Tid och pengar att spara
Att bygga ett e-postmeddelande från grunden tar 2-4 timmar när du räknar in design, kodning och testning. Mallar minskar det till 15-30 minuter. För företag som skickar 3-5 kampanjer i veckan blir det 8-15 sparade timmar varje vecka.
Konsekvens och varumärke
Mallar ger visuell enhetlighet i all din kommunikation. När varje mejl använder samma sidhuvud, sidfot, typografi och färgschema känner prenumeranterna igen ditt varumärke direkt i inkorgen.
Beprövade designmönster
Professionella mallar bygger på testade designprinciper: visuell hierarki, lättskummade layouter och mobilanpassning. Du drar nytta av designexpertis utan att behöva en egen designer.
Färre fel
Färdiga mallar innehåller korrekt HTML och CSS som visas rätt i olika e-postklienter. Att bygga från grunden riskerar visningsproblem i Outlook, Gmail, Apple Mail och dussintals andra klienter som alla tolkar HTML på sitt eget sätt.
Typer av mallar för e-postmarknadsföring
Kampanjmallar
Utformade för rea, erbjudanden och produktnyheter.
Viktiga element:
- Huvudbild eller banner med erbjudandets rubrik
- Tydlig rabatt eller tydligt värdeerbjudande ovanför vecket
- Produktrutnät (2-4 utvalda produkter med bilder och priser)
- En enda framträdande CTA-knapp
- Sidfot med avregistrering och juridisk information
Passar bäst för: kampanjmejl, blixtreor, säsongskampanjer, produktlanseringar
Nyhetsbrevsmallar
Byggda för regelbundna innehållsuppdateringar och engagemang kring varumärket.
Viktiga element:
- Sidhuvud med nyhetsbrevets profil
- Utvald artikel eller berättelse
- Innehållsrutnät för flera artiklar eller ämnen
- Sidofält eller sekundär innehållsyta
- Konsekvent numrering eller datering av utskicken
Passar bäst för: veckovisa eller månatliga nyhetsbrev, innehållssammanfattningar, företagsnyheter. För designvägledning, se vår guide till design av nyhetsbrev.
Mallar för välkomstmejl
Optimerade för första intrycket och engagemang hos nya prenumeranter.
Viktiga element:
- Varm hälsning med varumärkets personlighet
- Värdeerbjudande eller varumärkesberättelse
- Leverans av incitament (rabattkod, gratis resurs)
- Navigering eller rekommendationer bland produktkategorier
- Länkar till sociala medier
Passar bäst för: välkomstmejl och välkomstserier
Transaktionsmallar
Funktionella mallar för orderrelaterad kommunikation.
Viktiga element:
- Ordersammanfattning med produktuppgifter och priser
- Information om frakt och leverans
- Kontaktuppgifter till kundtjänst
- Rekommendationer av relaterade produkter
- Tydlig profil utan tungt säljinnehåll
Passar bäst för: orderbekräftelser, leveransaviseringar, transaktionsmejl
Meddelandemallar
Utformade för viktiga uppdateringar och varumärkesnyheter.
Viktiga element:
- Kraftfull rubrik
- Stödjande berättelse eller förklaring
- Viktiga detaljer eller punktlistor
- CTA för nästa steg
- Minimalt med designelement så att uppmärksamheten hamnar på innehållet
Passar bäst för: produktuppdateringar, milstolpar i företaget, policyändringar, inbjudningar till evenemang
Vad är mejlet till för?
-
Rea, erbjudanden, produktlanseringar
Kampanjmall
-
Regelbundna innehållsuppdateringar
Nyhetsbrevsmall
-
En ny prenumerant
Välkomstmall
-
En order
Transaktionsmall
Bekräftelser och leveransaviseringar.
-
Viktiga uppdateringar eller varumärkesnyheter
Meddelandemall
Bästa praxis för att anpassa mallar
Anpassning till varumärket
Varje mall ska kännas omisskännligt din. Anpassa de här varumärkeselementen:
| Element | Anpassning | Effekt |
|---|---|---|
| Färger | Använd din varumärkespalett på rubriker, knappar och bakgrunder | Igenkänning |
| Typografi | Använd webbsäkra typsnitt som matchar dina varumärkestypsnitt | Visuell enhetlighet |
| Logotyp | Placera den i sidhuvudet i lagom storlek (inte för stor) | Förtroende och igenkänning |
| Bilder | Byt ut stockfoton mot produktbilder eller egna profilbilder | Äkthet |
| Tonläge | Skriv om platshållartexten med ditt varumärkes röst | Personlighet |
| Sidfot | Uppdatera med dina kontaktuppgifter, sociala länkar och juridiska krav | Regelefterlevnad och förtroende |
Optimering av layouten
En kolumn eller flera kolumner: Layouter med en kolumn fungerar bäst på mobilen och rekommenderas för de flesta kampanjer. Layouter med flera kolumner fungerar för innehållstunga nyhetsbrev men måste staplas korrekt på små skärmar.
Innehållshierarki:
- Sidhuvud med logotyp och navigering
- Huvudsektion (bild eller text) med det primära budskapet
- Stödjande innehållssektioner
- Uppmaning till handling
- Sekundärt innehåll (valfritt)
- Sidfot
Luft: fyll inte varje pixel. Generöst avstånd mellan sektionerna förbättrar läsbarheten och får mejlet att kännas exklusivt i stället för plottrigt.
Bästa praxis för bilder
- Storlek: håll mejlets totala storlek under 100 KB för snabb laddning
- Format: använd JPEG för foton och PNG för grafik med transparens
- Alt-text: lägg alltid till beskrivande alt-text för tillgänglighet och för klienter som blockerar bilder
- Bredd: designa bilder 600 px breda (standardbredd för e-post) med retinaversioner på 1200 px
- Bakgrundsbilder: undvik dem som primära designelement, eftersom många e-postklienter inte stöder dem
Design av uppmaningen till handling
CTA-knappen är det viktigaste elementet i varje marknadsföringsmejl:
- Storlek: minst 44x44 pixlar så att det går att trycka på mobilen
- Färg: hög kontrast mot bakgrunden (din primära varumärkesfärg fungerar bra)
- Text: handlingsinriktad (”Handla nu”, ”Kom igång”, ”Hämta erbjudandet”)
- Placering: ovanför vecket i kampanjmejl, efter innehållet i nyhetsbrev
- Antal: en primär CTA per mejl. Sekundära länkar går bra, men en CTA ska dominera.
Mobiloptimering
Över 60 % av alla mejlöppningar sker på mobila enheter. Varje mall måste fungera felfritt på små skärmar.
Checklista för mobildesign
| Element | Dator | Mobil |
|---|---|---|
| Layout | Kan ha flera kolumner | Måste staplas till en kolumn |
| Teckenstorlek | Brödtext: 14-16 px, rubriker: 22-28 px | Brödtext: minst 16 px, rubriker: minst 22 px |
| CTA-knapp | Minst 44 px hög | Full bredd, 48 px hög |
| Bilder | Full bredd eller anpassad storlek | Skalas till behållarens bredd |
| Utfyllnad | 20-40 px | 15-20 px |
| Förhandstext | Synlig | Avgörande (mer framträdande på mobilen) |
Tekniker för responsiv design
Mediefrågor: använd CSS-mediefrågor för att justera layouten vid skärmbredder under 600 px. Stapla kolumner, öka teckenstorleken och gör knapparna fullbreda.
Flytande layouter: använd procentbaserade bredder i stället för fasta pixlar så att elementen skalas naturligt på olika skärmstorlekar.
Progressiv förbättring: börja med en enkel mobillayout som fungerar överallt och lägg sedan till datorspecifika förbättringar för klienter som stöder dem.
Var du hittar gratis mallar för e-postmarknadsföring
Mallar som ingår i plattformarna
De flesta plattformar för e-postmarknadsföring har mallbibliotek:
| Plattform | Gratis mallar | Mallkvalitet | Anpassning |
|---|---|---|---|
| Brevo | 40+ mallar | Professionella, moderna | Dra-och-släpp-redigerare |
| Mailchimp | 100+ mallar | Bra variation | Flexibel redigerare |
| HubSpot | 45+ mallar | Affärsinriktade | Dra-och-släpp |
| Constant Contact | 200+ mallar | Brett urval | Enkel redigerare |
Brevos mallbibliotek sticker ut för e-handelsföretag, med mallar som är särskilt utformade för kampanjutskick, produktnyheter och transaktionsmeddelanden.
Mallar med öppen källkod och från communityn
- MJML: e-postramverk med öppen källkod och gratis responsiva mallar
- Foundation for Emails: responsiva e-postmallar från Zurb
- Litmus Community: gratis mallar från e-postdesigners
- Really Good Emails: kurerat galleri med e-postdesigner för inspiration
Utveckling av egna mallar
För varumärken som behöver unika mallar, överväg att:
- Utgå från en plattformsmall och anpassa den grundligt
- Använda en HTML-e-postbyggare för egna designer utan kodning
- Anlita en malldesigner för helt egna mallar i din profil
- Koda egna mallar med MJML eller Foundation för maximal kontroll
Testning och kvalitetssäkring av mallar
Checklista för test före utskick
Innan du använder en mall i en skarp kampanj:
- Visningstest: förhandsgranska i Gmail, Outlook, Apple Mail, Yahoo och mobila klienter
- Länkkontroll: kontrollera att varje länk pekar på rätt URL
- Bildladdning: bekräfta att alla bilder laddas och har alt-text
- Personalisering: testa sammanslagningsfält med exempeldata
- Mobilförhandsvisning: kontrollera layouten på iOS- och Android-enheter
- Mörkt läge: kontrollera läsbarheten i e-postklienter med mörkt läge
- Tillgänglighet: kompatibilitet med skärmläsare och tillräcklig färgkontrast
- Laddningstid: se till att den totala filstorleken stannar under 100 KB
- Spamkontroll: kör ett spamtest för att hitta innehåll som triggar filter
Löpande underhåll av mallar
Mallar är inte något du ställer in och glömmer:
- Kvartalsvis genomgång: leta efter föråldrade bilder, trasiga länkar och inaktuellt innehåll
- Uppdateringar av e-postklienter: testa mallarna när stora e-postklienter släpper uppdateringar
- Resultatanalys: jämför mallarnas resultat och pensionera de som presterar sämst
- Varumärkesuppdateringar: fräscha upp mallarna när varumärkesriktlinjerna ändras
- Säsongsuppdateringar: skapa säsongsvarianter för helgkampanjer
Optimering av mallarnas resultat
A/B-testning av mallelement
Testa de här mallelementen för att förbättra resultaten:
| Element att testa | Testvariant | Förväntad effekt |
|---|---|---|
| Huvudbild eller ingen bild | Bilddriven eller textdriven design | Öppningsgrad och engagemang |
| CTA-knappens färg | Varumärkesfärg eller kontrastfärg | Klickfrekvens |
| Layoutstruktur | En kolumn eller två kolumner | Engagemang på mobilen |
| Produktrutnätets storlek | 2 produkter eller 4 produkter | Fördelning av klick |
| Mejlets längd | Kort (1 sektion) eller långt (3+ sektioner) | Klickfrekvens |
| Personalisering | Dynamiska eller statiska innehållsblock | Konverteringsgrad |
Läs vår heltäckande guide om metodik för A/B-testning.
Mallanalys
Följ resultatmått per mall:
- Öppningsgrad per malltyp: vilka mallformat får flest öppningar?
- Klickfrekvens per layout: ger vissa layouter fler klick?
- Konverteringsgrad per mall: vilka mallar leder till köp?
- Avregistreringsgrad per mall: orsakar vissa designer listtrötthet?
- Resultat per enhet: hur presterar varje mall på mobil jämfört med dator?
Bygga ett mallbibliotek
Organisera efter kampanjtyp
Skapa ett strukturerat mallbibliotek:
Basmallar (alltid tillgängliga):
- Standardmejl för kampanjer
- Veckovist/månatligt nyhetsbrev
- Produktnyhet
- Välkomstmejl
Automatiserade mallar:
- Återvinning av övergivna varukorgar (3 varianter)
- Tack efter köp
- Begäran om recension
- Återvinningskampanj
Säsongsmallar:
- Helgkampanj
- Säsongsvariant av nyhetsbrevet
- Årssammanfattning
Evenemangsmallar:
- Nedräkning till blixtrea
- Lanseringsmeddelande
- Inbjudan till webbinarium eller evenemang
Malldokumentation
Dokumentera för varje mall:
- Mallens namn och syfte
- Rekommenderade riktlinjer för innehåll
- Bildmått och specifikationer
- Anpassningsbara och låsta element
- Riktmärken för resultat och historiska resultat
Vanliga mallmisstag att undvika
Överdesign: komplexa designer med flera typsnitt, färger och layoutbyten förvirrar läsarna. Enkla mallar presterar bättre än avancerade.
Att ignorera tillgänglighet: använd tillräcklig färgkontrast (minst 4,5:1), lägg alt-text på alla bilder och använd en semantisk rubrikhierarki.
Att bara förlita sig på bilder: vissa e-postklienter blockerar bilder som standard. Mallen måste förmedla sitt kärnbudskap även utan att bilderna laddas.
Att glömma förhandstexten: förhandstexten syns i inkorgen innan mejlet öppnas. Behandla den som en andra ämnesrad, inte som överbliven malltext.
Att inte testa mörkt läge: mörkt läge kan invertera färger, dölja logotyper och förstöra designen. Testa dina mallar i mörkt läge och ange reservstilar.
Mallar för e-postmarknadsföring är en kraftförstärkare för din strategi för e-postmarknadsföring. Välj mallar som passar dina kampanjtyper, anpassa dem grundligt efter ditt varumärke, optimera för mobilen och testa outtröttligt. Investeringen i ett gediget mallbibliotek betalar sig vid varje kampanj du skickar.
Var Tajo passar in
Tajo är den agentiska integrationsbyggaren. Behåll dina leverantörer. Agenter kopplar ihop allt annat, och du godkänner varje synkronisering. Tajo är i tidig åtkomst. Ansök om tidig åtkomst
Vanliga Frågor
Var kan jag hitta gratis e-postmarknadsföringsmallar?
De flesta e-postmarknadsföringsplattformar som Brevo, Mailchimp och HubSpot erbjuder gratis mallbibliotek. Brevo tillhandahåller 40+ professionellt utformade mallar i sin gratisnivå. Du kan också hitta gratis mallar från designmarknadsplatser och open source-bibliotek.
Hur anpassar jag en e-postmarknadsföringsmall?
Börja med en mall som matchar din kampanjtyp. Ersätt platshållarbilder med dina egna, uppdatera färger för att matcha ditt varumärke, redigera texten för ditt budskap och justera layouten för ditt innehåll. De flesta plattformar erbjuder dra-och-släpp-redigerare som inte kräver kodning.
Vad gör en bra e-postmarknadsföringsmall?
En bra e-postmarknadsföringsmall är mobilanpassad, laddar snabbt, följer tillgänglighetsstandarder och har en tydlig visuell hierarki. Den bör inkludera en framträdande rubrik, skannbara innehållssektioner, övertygande bilder och en enda tydlig uppmaning.