E-mailmarketing
Design

Nyhedsbrev-skabeloner: gratis downloads, designtips og bedste eksempler (2026)

Få gratis nyhedsbrev-skabeloner og designinspiration. Inkluderer responsive HTML-skabeloner, design-best practices og eksempler for enhver branche.

Set Noa
Set Noa
Opdateret
0 besøg · 7 dage
newsletter templates
Nyhedsbrev-skabeloner?

Få gratis nyhedsbrev-skabeloner og designtips. Brevo har responsive, tilpassede skabeloner med i den gratis plan, uden kode.

Læs mere

TL;DR: En god nyhedsbrev-skabelon er mobilresponsiv, enkeltspaltet, on-brand og bygget omkring én tydelig CTA. Brevo har 40+ gratis responsive skabeloner i sin drag-and-drop-editor uden kode. Canva, Stripo og BEEFree er solide alternativer til designfiler.

En stærk nyhedsbrev-skabelon løfter hovedparten af arbejdet i din e-mailmarketing. Den får dit indhold til at se professionelt ud, guider læseren til din CTA og fungerer perfekt på alle enheder og i alle e-mailklienter.

Denne guide dækker alt om nyhedsbrev-skabeloner: hvor du får dem gratis, hvordan du designer effektive skabeloner, og eksempler fra hver branche.

Hvad der gør en god nyhedsbrev-skabelon

Vigtige elementer

  1. Mobilresponsivt design, 60+ % af e-mails åbnes på mobil
  2. Klart visuelt hierarki, før øjet fra overskrift til CTA
  3. Brandkonsistens, farver, fonte og logoplacering
  4. Enkeltspaltet layout, bedste læsbarhed på tværs af enheder
  5. Tydelig CTA, én klar handling per e-mail
  6. Preheader-tekst, forlæng din emnelinje i indbakken
  7. Afmeldingslink, lovkrav (CAN-SPAM, GDPR)

Skabelonens 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-skabeloner

Fire layouts i drift

Hvert panel nedenfor er skabelonens ægte e-mail-HTML i en ramme med rigtig bredde. Træk bredden ned til 375 px og se kolonnerne lægge sig under hinanden.

Følger dit tema — skift det i toppen for at se det andet.

Læs HTML for The Letter 6 KB, uden byggetrin 
<!DOCTYPE html>
<html lang="dk" 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;">Det citat, du gemmer i din note-app, arbejder hårdere end din indholdskalender.</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-hoved: koncentriske blå buer krydset af 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 uger siden ledte jeg efter en tekst, jeg skrev i 2019, og fandt den ikke. Ikke på sitet, ikke i eksporten, ikke i platformens egen søgning. Tolv hundrede numre, og det eneste fungerende register var min hukommelse.</p>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Det er den del, ingen fortæller dig om seks år med nyhedsbrev. At sende er nemt. At bevare er 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, hvad du udgiver, er et indskud. Hævningen bygger næsten 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å i denne uge byggede jeg de gamle numre om til et rigtigt arkiv med tags, fritekstsøgning og permanente adresser. Det tog ni dage. Antallet af abonnenter rørte sig ikke. Tiden på sitet blev tredoblet.</p>
        <p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Det hele står nedenfor, også de dele der ikke virkede.</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;">Læs 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 i hånden hver torsdag. Svar, så læser 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;">Afmeld</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vis i browser</a></p>
      </td></tr>

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

Kilder til gratis nyhedsbrev-skabeloner

1. Brevo (anbefalet)

Brevos gratis plan indeholder 40+ responsive nyhedsbrev-skabeloner indbygget i drag-and-drop-editoren. Kategorier:

  • Velkomstmails
  • Produktannonceringer
  • Ugentlige digests
  • Eventinvitationer
  • Sæsonkampagner

Fordele: gratis, responsiv, let at tilpasse, ingen HTML krævet Kom i gang: Opret gratis Brevo-konto

2. Canva

Canva tilbyder e-mailvenlige skabeloner, du kan tilpasse med deres designværktøj.

3. Stripo

Stripo tilbyder 1.100+ gratis responsive e-mailskabeloner, der eksporteres til ethvert ESP.

4. BEEFree

BEE tilbyder en gratis skabeloneditor med professionelle designs.

Sammenligning af gratis skabelonkilder

KildeGratis skabelonerNo-code-editorEksport til ethvert ESPBedst til
Brevo40+ responsiveJaNative (indbygget)At sende kampagner end-to-end
CanvaMange designsJaManuel eksportVisuelt orienterede marketingfolk
Stripo1.100+JaJaVariation og ESP-fleksibilitet
BEEFreeStort bibliotekJaJaStandalone skabelondesign

Vil du designe, personalisere og sende ét sted, er Brevo den mest direkte vej. Hvis du kun har brug for designfiler at lægge i et andet værktøj, har Stripo og BEEFree de bredeste biblioteker.

Best practices for nyhedsbrev-skabeloner

Design

  • Brug maks. 600 px bredde for kompatibilitet med e-mailklienter
  • Hold fontstørrelse 14-16 px for brødtekst
  • Brug knap-CTA’er i stedet for tekstlinks (mindst tap-target 44x44 px)
  • Begræns til 2-3 farver fra din brandpalette
  • Brug web-sikre fonte (Arial, Georgia, Verdana) med fallbacks

Indholdslayout

  • Omvendt pyramide: vigtigste indhold først
  • F-pattern-scanning: nøgleinfo til venstre
  • Hvidt rum: prop ikke indhold sammen, lad det ånde
  • Forhold mellem billede og tekst: 40 % billeder, 60 % tekst (for leveringsrate)

Teknisk

  • Tilføj altid alt-tekst til billeder
  • Test på tværs af klienter: Gmail, Outlook, Apple Mail, Yahoo
  • Hold den samlede e-mailstørrelse under 100 KB for hurtig indlæsning
  • Brug inline CSS for konsistent rendering

Nyhedsbrev-skabeloner efter type

1. Velkomst-nyhedsbrev-skabelon

Formål: gør et godt førstehåndsindtryk Nøgleelementer: brandintro, value proposition, hvad man kan forvente, quick-win-CTA

2. Ugentlig digest-skabelon

Formål: regelmæssig indholdssamling Nøgleelementer: kuraterede sektioner, korte resuméer, læs-mere-links

3. Produktannoncering-skabelon

Formål: lancér nye produkter eller funktioner Nøgleelementer: produktbillede, kernefordele, pris, køb-CTA

4. Kampagne-skabelon

Formål: drive salg med tilbud Nøgleelementer: rabatkode, produktbilleder, urgency-element, shop-CTA

5. Undervisnings-skabelon

Formål: levér værdi og opbyg tillid Nøgleelementer: tips eller how-to-indhold, rent layout, diskret CTA

Opret dit nyhedsbrev i Brevo

  1. Tilmeld dig Brevos gratis plan
  2. Vælg en skabelon fra biblioteket, eller start fra bunden
  3. Tilpas med drag-and-drop: tilføj logo, farver, indholdsblokke
  4. Preview på desktop og mobil
  5. Test ved at sende til dig selv og kolleger
  6. Planlæg eller send med det samme

Brevos editor gemmer dine tilpassede skabeloner til genbrug, og du kan oprette brandede skabelonbiblioteker til dit team.

Tips til højere engagement

  • Personalisér hilsenen og indholdet ud fra segmenter
  • A/B-test forskellige layouts for at finde det, der virker (A/B-test-guide)
  • Hold det scannbart, læsere bruger i gennemsnit 11 sekunder per e-mail
  • Én primær CTA, giv ikke læseren for mange valg
  • Konsistent kadence, træn læseren i at forvente og åbne dine e-mails

Forbind skabeloner med kundedata

En polished skabelon er kun så god som det publikum, den når. De teams, der får mest ud af nyhedsbreve, kobler deres butiksdata på deres e-mailværktøj, så hver afsendelse rammer målrettet i stedet for generisk. Tajo synkroniserer Shopify-kunde-, produkt- og ordredata til Brevo, så den samme skabelon kan personaliseres per segment: et velkomst-layout til nye tilmeldte, en produktannoncering til tidligere købere i den kategori, eller et win-back-tilbud til kunder, der er faldet fra. Skabelonen forbliver konsistent, indhold og målgruppe tilpasser sig automatisk.

Næste skridt

  1. Start med Brevos gratis plan og udforsk deres skabelonbibliotek
  2. Læs vores nyhedsbrev-designguide for avancerede tips
  3. Se nyhedsbrev-eksempler til inspiration
  4. Sæt din første e-mailkampagne op

Ofte Stillede Spørgsmål

Hvor får jeg gratis nyhedsbrev-skabeloner?
Brevo har snesevis af gratis, responsive nyhedsbrev-skabeloner i sin drag-and-drop-e-mail-editor, uden designkompetencer. Du kan også finde gratis skabeloner på platforme som Canva, Stripo og BEEFree.
Hvad gør en god nyhedsbrev-skabelon?
En god nyhedsbrev-skabelon er mobilresponsiv, har et klart visuelt hierarki, bruger dine brandfarver, indeholder en tydelig CTA, loader hurtigt og fungerer i alle e-mailklienter (Gmail, Outlook, Apple Mail).
Skal jeg kunne HTML for at lave nyhedsbrev-skabeloner?
Nej. Moderne e-mailplatforme som Brevo tilbyder drag-and-drop-editorer, der skaber flotte, responsive skabeloner uden kode. Du tilpasser farver, layouts, billeder og fonte visuelt.
Hvor ofte skal jeg sende et nyhedsbrev?
Vælg en kadence, du kan holde fast i. En forudsigelig ugentlig eller månedlig plan træner læseren i at forvente og åbne dine e-mails, og det tæller mere end ren frekvens.
Del denne artikel:
Tilbage til alle artikler

Bed om tidlig adgang til Tajo

Indtast dit fornavn og en e-mailadresse eller et telefonnummer. Vi kontakter dig med oplysninger om adgang til Tajo.

automatisk genkendelse
Få Brevo