E-postmarkedsføring
Design

Nyhetsbrev-maler: gratis nedlastinger, designtips og beste eksempler (2026)

Få gratis nyhetsbrev-maler og designinspirasjon. Inkluderer responsive HTML-maler, beste praksis for design og eksempler for alle bransjer.

Set Noa
Set Noa
Oppdatert
0 besøk · 7 d
newsletter templates
Nyhetsbrev-maler?

Få gratis nyhetsbrev-maler og designtips. Brevo har responsive, tilpassbare maler i gratisplanen, uten kode.

Les mer

TL;DR: En god nyhetsbrev-mal er mobilresponsiv, enkeltspaltet, on-brand og bygd rundt én tydelig CTA. Brevo har 40+ gratis responsive maler i drag-and-drop-redigereren uten kode. Canva, Stripo og BEEFree er solide alternativer for designfiler.

En sterk nyhetsbrev-mal gjør tungarbeidet i e-postmarkedsføringen din. Den får innholdet ditt til å se proft ut, leder leseren til CTA-en din og fungerer perfekt på alle enheter og i alle e-postklienter.

Denne guiden dekker alt om nyhetsbrev-maler: hvor du får dem gratis, hvordan du designer effektive, og eksempler fra alle bransjer.

Hva som gjør en god nyhetsbrev-mal

Viktige elementer

  1. Mobilresponsivt design, 60+ % av e-poster åpnes på mobil
  2. Tydelig visuelt hierarki, før øyet fra overskrift til CTA
  3. Merkekonsistens, farger, skrifter og logoplassering
  4. Enkeltspaltet layout, best lesbarhet på tvers av enheter
  5. Tydelig CTA, én klar handling per e-post
  6. Preheader-tekst, forleng emnefeltet i innboksen
  7. Avmeldingslenke, lovkrav (CAN-SPAM, GDPR)

Malens anatomi

┌─────────────────────────┐
│  Logo / Brand Header    │
├─────────────────────────┤
│  Hero Image             │
├─────────────────────────┤
│  Headline               │
│  Body Text (2-3 lines)  │
│  [CTA Button]           │
├─────────────────────────┤
│  Content Section 2      │
│  [Secondary CTA]        │
├─────────────────────────┤
│  Footer / Social Links  │
│  Unsubscribe Link       │
└─────────────────────────┘
Tajo-maler

Fire oppsett i drift

Hvert panel nedenfor er malens ekte e-post-HTML i en ramme med reell bredde. Dra bredden ned til 375 px og se kolonnene legge seg under hverandre.

Følger temaet ditt — bytt det i toppen for å se det andre.

Les HTML-en til The Letter 6 KB, uten byggesteg 
<!DOCTYPE html>
<html lang="no" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Letter</title>
<style>
  body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
  table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
  img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
  a { text-decoration:underline; }
  @media only screen and (max-width:620px) {
    .wrap { width:100% !important; }
    .stack { display:block !important; width:100% !important; max-width:100% !important; }
    .gutter { padding-left:20px !important; padding-right:20px !important; }
    .cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
    .h1 { font-size:26px !important; line-height:32px !important; }
    .thumb { width:100% !important; height:auto !important; max-width:100% !important; }
    /* A digest row is the one two-column layout that should NOT stack: the
       thumbnail shrinks and stays beside the headline, because a roundup is
       read by scanning and a full-width decorative image per story destroys
       that. */
    .row-thumb { width:80px !important; }
    .row-thumb img { width:80px !important; height:80px !important; }
    .hide-sm { display:none !important; }
  }
@media (prefers-color-scheme: dark) {

    .d-bg { background-color:#151515 !important; }
    .d-card { background-color:#1c1c1c !important; }
    .d-ink { color:#f2f2f2 !important; }
    .d-mute { color:#a8a8a8 !important; }
    .d-rule { border-color:#3a3a3a !important; }
  }
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f0efec;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">Sitatet du tar vare på i notatappen din, jobber hardere enn innholdskalenderen din.</span><span style="display:none;font-size:1px;color:#fefefe;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f0efec;">
  <tr><td align="center" style="padding:32px 12px;">
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">

      <tr><td style="padding:0;">
        <img src="/_astro/letter-masthead.BcPkHvz4.png" width="600" height="250" alt="Meridian Press-hode: konsentriske blå buer krysset av et diagonalt bånd" style="width:100%;height:auto;max-width:600px;">
      </td></tr>

      <tr><td class="gutter" style="padding:36px 88px 0 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
        <p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;">Meridian Press · Nummer 47</p>
      </td></tr>

      <tr><td class="gutter" style="padding:0 88px;font-family:Georgia,'Times New Roman',Times,serif;">
        <h1 class="h1 d-ink" style="margin:0 0 20px 0;font-size:34px;line-height:42px;font-weight:400;color:#141414;">Arkivet er produktet</h1>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">For tre uker siden lette jeg etter en tekst jeg skrev i 2019, og fant den ikke. Ikke på nettstedet, ikke i eksporten, ikke i plattformens eget søk. Tolv hundre numre, og den eneste fungerende registeret var hukommelsen min.</p>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Det er den delen ingen forteller deg om seks år med nyhetsbrev. Å sende er lett. Å bevare er det ikke.</p>
      </td></tr>

      <tr><td class="gutter" style="padding:8px 88px 28px 88px;">
        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
          <tr><td class="quote" style="border-left:3px solid #0084d1;padding:4px 0 4px 0;padding-left:20px;font-family:Georgia,'Times New Roman',Times,serif;">
            <p class="d-ink" style="margin:0;font-size:19px;line-height:30px;font-style:italic;color:#141414;">Alt du publiserer er et innskudd. Uttaket bygger nesten ingen.</p>
          </td></tr>
        </table>
      </td></tr>

      <tr><td class="gutter" style="padding:0 88px;font-family:Georgia,'Times New Roman',Times,serif;">
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Så denne uken bygde jeg de gamle numrene om til et ekte arkiv, med etiketter, fritekstsøk og permanente adresser. Det tok ni dager. Antallet abonnenter rørte seg ikke. Tiden på nettstedet ble tredoblet.</p>
        <p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Alt står nedenfor, også delene som ikke fungerte.</p>
      </td></tr>

      <tr><td class="gutter" style="padding:0 88px 36px 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
        <a href="https://example.com" style="font-size:17px;line-height:24px;font-weight:600;color:#0084d1;text-decoration:underline;">Les hele nummeret &rarr;</a>
      </td></tr>

      <tr><td class="gutter d-rule" style="padding:0 88px;border-top:1px solid #e4e2de;"></td></tr>

      <tr><td class="gutter" style="padding:24px 88px 40px 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
        <p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:22px;color:#6b6b6b;">Skrevet for hånd hver torsdag. Svar, så leser jeg det.</p>
        <p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Meridian Press, 14 Harbour Lane, Bristol BS1 4TT<br>
        <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Meld av</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vis i nettleser</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

Kilder til gratis nyhetsbrev-maler

1. Brevo (anbefalt)

Brevos gratisplan inkluderer 40+ responsive nyhetsbrev-maler innebygd i drag-and-drop-redigereren. Kategorier:

  • Velkomstmeldinger
  • Produktlanseringer
  • Ukentlige digester
  • Eventinvitasjoner
  • Sesongkampanjer

Fordeler: gratis, responsivt, enkelt å tilpasse, ingen HTML nødvendig Kom i gang: Opprett gratis Brevo-konto

2. Canva

Canva tilbyr e-postvennlige maler du kan tilpasse i designverktøyet deres.

3. Stripo

Stripo tilbyr 1.100+ gratis responsive e-postmaler som eksporteres til hvilken som helst ESP.

4. BEEFree

BEE tilbyr en gratis maleditor med profesjonelle design.

Sammenligning av gratis malkilder

KildeGratis malerNo-code-editorEksport til hvilken som helst ESPBest for
Brevo40+ responsiveJaNative (innebygd)Å sende kampanjer fra start til mål
CanvaMange designJaManuell eksportVisuelt orienterte markedsførere
Stripo1.100+JaJaVariasjon og ESP-fleksibilitet
BEEFreeStort bibliotekJaJaFrittstående maldesign

Vil du designe, personalisere og sende på ett sted, er Brevo den mest direkte veien. Trenger du bare designfiler å legge inn i et annet verktøy, har Stripo og BEEFree de bredeste bibliotekene.

Beste praksis for nyhetsbrev-maler

Design

  • Bruk maks 600 px bredde for kompatibilitet med e-postklienter
  • Hold skriftstørrelse 14-16 px for brødtekst
  • Bruk knapp-CTA-er i stedet for tekstlenker (minst tap-target 44x44 px)
  • Begrens til 2-3 farger fra merkepaletten din
  • Bruk websikre skrifter (Arial, Georgia, Verdana) med fallback

Innholdslayout

  • Omvendt pyramide: viktigste innhold først
  • F-pattern-skanning: nøkkelinformasjon til venstre
  • Hvitrom: ikke overlast innholdet, la det puste
  • Forhold mellom bilde og tekst: 40 % bilder, 60 % tekst (for levering)

Teknisk

  • Legg alltid til alt-tekst for bilder
  • Test på tvers av klienter: Gmail, Outlook, Apple Mail, Yahoo
  • Hold total e-poststørrelse under 100 KB for rask lasting
  • Bruk inline CSS for konsistent rendering

Nyhetsbrev-maler etter type

1. Mal for velkomst-nyhetsbrev

Formål: gi et godt førsteinntrykk Nøkkelelementer: merkeintro, verdiforslag, hva man kan forvente, quick-win-CTA

2. Mal for ukentlig digest

Formål: regelmessig innholdsoppsummering Nøkkelelementer: kuraterte seksjoner, korte sammendrag, les-mer-lenker

3. Mal for produktlansering

Formål: lansere nye produkter eller funksjoner Nøkkelelementer: produktbilde, kjernefordeler, pris, kjøp-CTA

4. Mal for kampanje

Formål: drive salg med tilbud Nøkkelelementer: rabattkode, produktbilder, urgency-element, shop-CTA

5. Mal for opplæring

Formål: levere verdi og bygge tillit Nøkkelelementer: tips eller how-to-innhold, ryddig layout, diskret CTA

Lag nyhetsbrevet ditt i Brevo

  1. Registrer deg for Brevos gratisplan
  2. Velg en mal fra biblioteket eller start fra null
  3. Tilpass med drag-and-drop: legg til logo, farger, innholdsblokker
  4. Forhåndsvis på desktop og mobil
  5. Test ved å sende til deg selv og kolleger
  6. Planlegg eller send med en gang

Brevos editor lagrer dine tilpassede maler for gjenbruk, og du kan opprette merkede malbibliotek for teamet ditt.

Tips for høyere engasjement

  • Personaliser hilsenen og innholdet basert på segmenter
  • A/B-test ulike layouter for å finne ut hva som virker (A/B-testguide)
  • Hold det skannbart, lesere bruker i snitt 11 sekunder per e-post
  • Én primær CTA, ikke gi leseren for mange valg
  • Konsekvent plan, lær leseren å forvente og åpne e-postene dine

Koble maler til kundedata

En polert mal er bare så god som publikumet den når. Teamene som får mest ut av nyhetsbrev, kobler butikkdataene sine til e-postverktøyet sitt så hver utsending blir målrettet i stedet for generisk. Tajo synkroniserer Shopify-kunde-, produkt- og ordredata til Brevo, så den samme malen kan personaliseres per segment: en velkomstlayout for nye abonnenter, en produktlansering for tidligere kjøpere i den kategorien, eller et win-back-tilbud for kunder som har falt fra. Malen forblir konsistent, innholdet og målgruppen tilpasser seg automatisk.

Neste skritt

  1. Start med Brevos gratisplan og utforsk malbiblioteket
  2. Les vår designguide for nyhetsbrev for avanserte tips
  3. Sjekk ut nyhetsbrev-eksempler for inspirasjon
  4. Sett opp din første e-postkampanje

Ofte Stilte Spørsmål

Hvor får jeg gratis nyhetsbrev-maler?
Brevo har dusinvis av gratis, responsive nyhetsbrev-maler i sin drag-and-drop-e-postredigerer, uten at du trenger designkunnskap. Du finner også gratis maler på plattformer som Canva, Stripo og BEEFree.
Hva kjennetegner en god nyhetsbrev-mal?
En god nyhetsbrev-mal er mobilresponsiv, har et tydelig visuelt hierarki, bruker merkefargene dine, inneholder en tydelig CTA, lastes raskt og fungerer i alle e-postklienter (Gmail, Outlook, Apple Mail).
Trenger jeg HTML-kunnskap for å lage nyhetsbrev-maler?
Nei. Moderne e-postplattformer som Brevo tilbyr drag-and-drop-redigerere som lager pene, responsive maler uten kode. Du tilpasser farger, layouter, bilder og skrifter visuelt.
Hvor ofte bør jeg sende nyhetsbrev?
Velg en kadens du klarer å holde over tid. En forutsigbar ukentlig eller månedlig plan lærer leseren å forvente og åpne e-postene dine, og det betyr mer enn ren frekvens.
Del denne artikkelen:
Tilbake til alle artikler

Be om tidlig tilgang

Skriv inn fornavnet ditt og en e-postadresse eller et telefonnummer. Vi kontakter deg med informasjon om tilgang til Tajo.

automatisk gjenkjenning
Skaff Brevo