På denne siden
E-postmarkedsføringsmaler eliminerer problemet med den tomme siden. I stedet for å designe hver kampanje fra bunnen av gir maler deg en velprøvd struktur som du tilpasser med merkevaren, innholdet og tilbudene dine. Resultatet: profesjonelt utseende e-poster på minutter i stedet for timer.
Men ikke alle maler er like gode. En mal som ser vakker ut i en forhåndsvisning kan knekke på mobilenheter, laste sakte eller begrave handlingsoppfordringen din under folden. Denne guiden dekker hvordan du velger, tilpasser og optimaliserer e-postmarkedsføringsmaler for kampanjer som ser flotte ut og konverterer.
Hvorfor bruke e-postmarkedsføringsmaler
Tids- og kostnadsbesparelser
Å bygge en e-post fra bunnen av tar 2-4 timer når du regner inn design, koding og testing. Maler reduserer dette til 15-30 minutter. For bedrifter som sender 3-5 kampanjer per uke betyr det 8-15 timer spart ukentlig.
Konsistens og merkevarebygging
Maler håndhever visuell konsistens på tvers av all kommunikasjonen din. Når alle e-poster bruker samme topptekst, bunntekst, typografi og fargeskjema, gjenkjenner abonnenter merkevaren din umiddelbart i innboksen.
Velprøvde designmønstre
Profesjonelle maler er bygd på testede designprinsipper: visuelt hierarki, skannbare oppsett og mobilresponsivitet. Du drar nytte av designekspertise uten å trenge en designer på staben.
Færre feil
Forhåndsbygde maler inkluderer riktig HTML og CSS som gjengis korrekt på tvers av e-postklienter. Å bygge fra bunnen av risikerer gjengivelsesproblemer i Outlook, Gmail, Apple Mail og dusinvis av andre klienter som alle tolker HTML forskjellig.
Typer e-postmarkedsføringsmaler
Kampanjemaler
Designet for salg, tilbud og produktlanseringer.
Nøkkelelementer:
- Heltesbilde eller banner med tilbudsoverskrift
- Tydelig rabatt eller verdiforslag over folden
- Produktrutenett (2-4 utvalgte produkter med bilder og priser)
- Én fremtredende CTA-knapp
- Bunntekst med avmelding og juridisk informasjon
Best brukt for: Kampanje-e-poster, lynkampanjer, sesongkampanjer, produktlanseringer
Nyhetsbrevmaler
Bygd for regelmessige innholdsoppdateringer og merkeengasjement.
Nøkkelelementer:
- Masthead med nyhetsbrevmerking
- Utvalgt artikkel eller historieseksjon
- Innholdsrutenett for flere artikler eller emner
- Sidefelt eller sekundært innholdsområde
- Konsekvent nummering eller datering av utgaver
Best brukt for: Ukentlige eller månedlige nyhetsbrev, innholdssammendrag, firmanytt. For designspesifikk veiledning, se vår guide til e-postnyhetsbrevsdesign.
Velkomste-postmaler
Optimalisert for førsteinntrykk og nytt abonnentengasjement.
Nøkkelelementer:
- Varm hilsen med merkepersonlighet
- Verdiforslag eller merkehistorie
- Levering av insentiv (rabattkode, gratis ressurs)
- Navigasjon for produktkategorier eller anbefaling
- Lenker til sosiale medier
Best brukt for: Velkomste-poster og velkomstserier
Transaksjonsmaler
Funksjonelle maler for bestillingsrelatert kommunikasjon.
Nøkkelelementer:
- Bestillingssammendrag med produktdetaljer og priser
- Frakts- og leveringsinformasjon
- Kundestøttekontakt
- Relaterte produktanbefalinger
- Tydelig merkevare uten tungt kampanjeinnhold
Best brukt for: Ordrebekreftelser, fraktvarsler, transaksjonse-poster
Kunngjøringsmaler
Designet for viktige oppdateringer og merkenytt.
Nøkkelelementer:
- Fet overskrift
- Støttende narrativ eller forklaring
- Nøkkeldetaljer eller punktlister
- CTA for neste trinn
- Minimale designelementer for å fokusere oppmerksomheten på innholdet
Best brukt for: Produktoppdateringer, firmamilepæler, policyendringer, arrangementsinvitasjoner
Beste praksis for maltilpasning
Merkevaretilpasning
Hver mal bør føles utvilsomt som din. Tilpass disse merkevareelementer:
| Element | Tilpasning | Effekt |
|---|---|---|
| Farger | Bruk merkepaletten på topptekster, knapper, bakgrunner | Merkegjenkjenning |
| Typografi | Bruk websikre skrifter som matcher merkevareskriftene | Visuell konsistens |
| Logo | Plasser i topptekst, riktig størrelse (ikke for stor) | Tillit og gjenkjenning |
| Bilder | Erstatt stockbilder med produktbilder eller merkevarefotografi | Autentisitet |
| Stemme | Omskriv plassholderinnhold i merkevarens stemme | Personlighet |
| Bunntekst | Oppdater med kontaktinfo, sosiale lenker, juridiske krav | Samsvar og tillit |
Oppsettoptimalisering
Enkeltkolonne vs. flerkolonne: Enkeltkolonneoppsett presterer best på mobil og anbefales for de fleste kampanjer. Flerkolonneoppsett fungerer for innholdstunge nyhetsbrev, men må stappe seg riktig på små skjermer.
Innholdshierarki:
- Topptekst med logo og navigasjon
- Heltesseksjon (bilde eller tekst) med primærbudskap
- Støttende innholdseksjoner
- Handlingsoppfordring
- Sekundært innhold (valgfritt)
- Bunntekst
Hvitt rom: Ikke fyll hvert piksel. Sjenerøs utfylling mellom seksjoner forbedrer lesbarhet og gjør e-posten din mer eksklusiv fremfor overfylt.
Beste praksis for bilder
- Størrelse: Hold total e-poststørrelse under 100 KB for rask lasting
- Format: Bruk JPEG for bilder, PNG for grafikk med gjennomsiktighet
- Alternativtekst: Inkluder alltid beskrivende alternativtekst for tilgjengelighet og klienter som blokkerer bilder
- Bredde: Design bilder 600px bredt (standard e-postbredde) med retina-versjoner på 1200px
- Bakgrunnsbilder: Unngå som primære designelementer. Mange e-postklienter støtter dem ikke.
Design av handlingsoppfordring
CTA-knappen er det viktigste elementet i enhver markedsføringse-post:
- Størrelse: Minimum 44x44 piksler for mobiltrykk
- Farge: Høy kontrast mot bakgrunn (den primære merkefargen fungerer bra)
- Tekst: Handlingsorientert (“Handle nå”, “Kom i gang”, “Krev tilbudet ditt”)
- Plassering: Over folden for kampanje-e-poster, etter innhold for nyhetsbrev
- Antall: Én primær CTA per e-post. Sekundære lenker er fine, men én CTA bør dominere.
Mobiloptimalisering
Over 60 % av e-postene åpnes på mobilenheter. Alle maler må fungere feilfritt på små skjermer.
Sjekkliste for mobildesign
| Element | Desktop | Mobil |
|---|---|---|
| Oppsett | Kan være flerkolonne | Må stappe til enkeltkolonne |
| Skriftstørrelse | Brødtekst: 14-16px, Overskrifter: 22-28px | Brødtekst: min. 16px, Overskrifter: min. 22px |
| CTA-knapp | Minimum 44px høyde | Full bredde, 48px høyde |
| Bilder | Full bredde eller størrelsessatt | Skaler til beholdere |
| Utfylling | 20-40px | 15-20px |
| Forhåndsvisningstekst | Synlig | Kritisk (mer fremtredende på mobil) |
Responsivt designteknikker
Mediespørringer: Bruk CSS-mediespørringer for å justere oppsettet ved skjermbredder under 600px. Stapp kolonner, øk skriftstørrelser og gjør knapper full bredde.
Flytende oppsett: Bruk prosentbaserte bredder i stedet for faste piksler slik at elementer skalerer naturlig på tvers av skjermstørrelser.
Progressiv forbedring: Start med et enkelt mobiloppsett som fungerer overalt, og legg til desktopspesifikke forbedringer for klienter som støtter dem.
Hvor du finner gratis e-postmarkedsføringsmaler
Plattforminkluderte maler
De fleste e-postmarkedsføringsplattformer inkluderer malbiblioteker:
| Plattform | Gratis maler | Malkvalitet | Tilpasning |
|---|---|---|---|
| Brevo | 40+ maler | Profesjonell, moderne | Dra-og-slipp-redigerer |
| Mailchimp | 100+ maler | God variasjon | Fleksibel redigerer |
| HubSpot | 45+ maler | Forretningsfokusert | Dra-og-slipp |
| Constant Contact | 200+ maler | Bredt utvalg | Enkel redigerer |
Brevos malbibliotek utmerker seg for e-handelsbedrifter, med maler spesielt designet for kampanjer, produktlanseringer og transaksjonssmeldinger.
Åpen kildekode og fellesskapsmaler
- MJML: Åpen kildekode e-postrammeverk med gratis responsive maler
- Foundation for Emails: Responsive e-postmaler fra Zurb
- Litmus Community: Gratis maler fra e-postdesignere
- Really Good Emails: Kuratert galleri med e-postdesign for inspirasjon
Egendefinert malutvikling
For merkevarer som trenger unike maler, vurder:
- Start med en plattformmal og tilpass den grundig
- Bruk en HTML-e-postbygger for egendefinert design uten koding
- Ansett en maldesigner for fullt egendefinerte merkemaler
- Kod egendefinerte maler med MJML eller Foundation for maksimal kontroll
Maltesting og kvalitetssikring
Sjekkliste for testing før utsendelse
Før du bruker en mal i en live kampanje:
- Gjengivelsestesting: Forhåndsvis i Gmail, Outlook, Apple Mail, Yahoo og mobilklienter
- Lenkesjekk: Bekreft at alle lenker peker til riktig URL
- Bildeinlasting: Bekreft at alle bilder laster og har alternativtekst
- Personalisering: Test flettetagger med eksempeldata
- Mobilforhåndsvisning: Sjekk oppsettet på iOS- og Android-enheter
- Mørk modus: Bekreft lesbarhet i e-postklienter med mørk modus
- Tilgjengelighet: Kompatibilitet med skjermlesere, tilstrekkelig fargekontrast
- Lastetid: Sikre at total filstørrelse holder seg under 100 KB
- Spamsjekk: Kjør gjennom en spamtest for å sjekke innholdsutløsere
Løpende malvedlikehold
Maler er ikke sett-og-glem-ressurser:
- Kvartalsvis gjennomgang: Sjekk for utdaterte bilder, ødelagte lenker og gammelt innhold
- E-postklientoppdateringer: Test maler når store e-postklienter slipper oppdateringer
- Ytelsesanalyse: Sammenlign malytelse og trekk tilbake underpresterende
- Merkevareoppdateringer: Oppdater maler når merkevareveiledning endres
- Sesongoppdateringer: Lag sesongmessige varianter for feriekampanjer
Optimalisering av malytelse
A/B-testing av malelementer
Test disse malelementene for å forbedre ytelsen:
| Element å teste | Testvariant | Forventet effekt |
|---|---|---|
| Heltesbilde vs. ingen bilde | Bildebasert vs. tekstbasert design | Åpningsrate og engasjement |
| CTA-knappfarge | Merkefarge vs. kontrastfarge | Klikkfrekvens |
| Oppsettstruktur | Enkeltkolonne vs. tokolonne | Mobilengasjement |
| Produktrutenettsstørrelse | 2 produkter vs. 4 produkter | Klikkfordeling |
| E-postlengde | Kort (1 seksjon) vs. lang (3+ seksjoner) | Klikkfrekvens |
| Personalisering | Dynamisk vs. statiske innholdsblokker | Konverteringsrate |
For A/B-testmetodologi, se vår komplette guide.
Malanalyse
Spor ytelsesmålinger per mal:
- Åpningsrate etter maltype: Hvilke malformater gir flest åpninger?
- Klikkfrekvens etter oppsett: Driver visse oppsett mer klikk?
- Konverteringsrate etter mal: Hvilke maler fører til kjøp?
- Avmeldingsrate etter mal: Forårsaker visse design listetretthet?
- Enhetsytelse: Hvordan presterer hver mal på mobil vs. desktop?
Bygge et malbibliotek
Organiser etter kampanjetype
Lag et strukturert malbibliotek:
Kjernemaler (alltid tilgjengelig):
- Standard kampanje-e-post
- Ukentlig/månedlig nyhetsbrev
- Produktkunngjøring
- Velkomste-post
Automatiserte maler:
- Gjenvinning av forlatt handlekurv (3 varianter)
- Takkebrev etter kjøp
- Forespørsel om anmeldelse
- Gjenvinn-kampanje
Sesongmaler:
- Ferie-kampanje
- Sesongmessig nyhetsbrevvariant
- Årsoppsummering
Arrangementssmaler:
- Nedbetjening for lynkampanje
- Lanserings-kunngjøring
- Webinar eller arrangementsinvitasjon
Maldokumentasjon
For hver mal, dokumenter:
- Malnavn og formål
- Anbefalte innholdsveiledninger
- Bildemål og spesifikasjoner
- Tilpassbare vs. låste elementer
- Ytelsesreferanser og historiske resultater
Vanlige malfeil å unngå
Overdesign: Komplekse design med flere skrifter, farger og oppsettendringer forvirrer lesere. Enkle maler overgår utarbeidede maler.
Ignorere tilgjengelighet: Bruk tilstrekkelig fargekontrast (minimum 4,5:1-forhold), inkluder alternativtekst på alle bilder og bruk semantisk overskriftshierarki.
Stole på bilder alene: Noen e-postklienter blokkerer bilder som standard. Malen din må kommunisere kjernebudskapet selv uten at bilder laster.
Glemme forhåndsvisningsteksten: Forhåndsvisningsteksten er synlig i innboksen før åpning. Behandle det som en andre emnelinje, ikke resterende maltekst.
Ikke teste mørk modus: Mørk modus kan invertere farger, skjule logoer og knekke design. Test malene dine i mørk modus og gi reserve-stiler.
E-postmarkedsføringsmaler er en kraftmultiplikator for e-postmarkedsføringsstrategien din. Velg maler som passer kampanjetypene dine, tilpass dem grundig for merkevaren din, optimaliser for mobil og test iherdig. Investeringen i å bygge et solid malbibliotek gir utbytte på alle kampanjene du sender.
Hvor Tajo passer inn
Tajo er den agentiske integrasjonsbyggeren. Behold leverandørene dine. Agenter kobler til alt annet, og du godkjenner hver synkronisering. Tajo er i tidlig tilgang. Be om tidlig tilgang
Ofte Stilte Spørsmål
Hvor finner jeg gratis e-postmarkedsføringsmaler?
De fleste e-postmarkedsføringsplattformer som Brevo, Mailchimp og HubSpot tilbyr gratis malbiblioteker. Brevo gir 40+ profesjonelt designede maler på gratisnivået. Du kan også finne gratis maler fra designmarkedsplasser og åpen kildekode-biblioteker.
Hvordan tilpasser jeg en e-postmarkedsføringsmal?
Start med en mal som passer kampanjetypen din. Erstatt plassholderbider med dine egne, oppdater farger for å matche merkevaren din, rediger teksten for budskapet ditt og juster oppsettet for innholdet ditt. De fleste plattformer tilbyr dra-og-slipp-redigerere som ikke krever koding.
Hva gjør en god e-postmarkedsføringsmal?
En god e-postmarkedsføringsmal er mobilresponsiv, laster raskt, følger tilgjengelighetsstandarder og har et tydelig visuelt hierarki. Den bør inkludere en fremtredende overskrift, skannbare innholdseksjoner, overbevisende bilder og én tydelig handlingsoppfordring.