E-mailmarketing
Design

Nieuwsbrief-templates: gratis downloads, designtips en beste voorbeelden (2026)

Krijg gratis nieuwsbrief-templates en designinspiratie. Inclusief responsive HTML-templates, design-best-practices en voorbeelden voor elke branche.

Set Noa
Set Noa
Bijgewerkt
0 bezoeken · 7 d
newsletter templates
Nieuwsbrief-templates?

Krijg gratis nieuwsbrief-templates en designtips. Brevo bevat responsive, aanpasbare templates in het gratis abonnement, zonder code.

Meer informatie

TL;DR: Een goede nieuwsbrief-template is mobielresponsief, één kolom, on-brand en gebouwd rond één duidelijke CTA. Brevo bevat 40+ gratis responsive templates in zijn drag-and-drop-editor zonder code. Canva, Stripo en BEEFree zijn solide alternatieven voor designbestanden.

Een sterke nieuwsbrief-template doet het zware werk van je e-mailmarketing. Het laat je content er professioneel uitzien, leidt lezers naar je CTA en werkt foutloos op elk apparaat en in elke e-mailclient.

Deze gids behandelt alles over nieuwsbrief-templates: waar je ze gratis krijgt, hoe je effectieve ontwerpt, en voorbeelden uit elke branche.

Wat een goede nieuwsbrief-template maakt

Essentiële elementen

  1. Mobielresponsief design, 60+% van e-mails wordt mobiel geopend
  2. Heldere visuele hiërarchie, leid het oog van de headline naar de CTA
  3. Merkconsistentie, kleuren, lettertypes en logoplaatsing
  4. Layout in één kolom, beste leesbaarheid op alle apparaten
  5. Prominente CTA, één duidelijke actie per e-mail
  6. Preheader-tekst, verleng je onderwerpregel in de inbox
  7. Uitschrijflink, wettelijk verplicht (CAN-SPAM, AVG)

Template-anatomie

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

Vier layouts, in bedrijf

Elk paneel hieronder is de echte e-mail-HTML van het sjabloon, in een kader met een echte breedte. Sleep de breedte naar 375 px en kijk hoe de kolommen stapelen.

Volgt jouw thema — wissel het in de kop om het andere te zien.

De HTML van The Letter lezen 6 kB, zonder build 
<!DOCTYPE html>
<html lang="nl" 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;">Het citaat dat je in je notitie-app bewaart werkt harder dan je contentkalender.</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="Kop van Meridian Press: concentrische blauwe bogen doorkruist door een diagonale band" 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;">Het archief is het product</h1>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Drie weken geleden zocht ik iets dat ik in 2019 schreef en ik kon het niet vinden. Niet op de site, niet in de export, niet in de zoekfunctie van het platform zelf. Twaalfhonderd nummers, en de enige werkende index was mijn geheugen.</p>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Dat is het deel dat niemand je vertelt over zes jaar nieuwsbrief. Versturen is makkelijk. Bewaren niet.</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;">Alles wat je publiceert is een storting. Bijna niemand bouwt de opname.</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;">Deze week heb ik de oude jaargangen daarom herbouwd als een echt archief, met tags, volledige tekstzoekfunctie en permanente URL's. Het kostte negen dagen. Het aantal abonnees bewoog niet. De tijd op de site verdrievoudigde.</p>
        <p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Het hele verhaal staat hieronder, inclusief de delen die niet werkten.</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;">Het hele nummer lezen &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;">Elke donderdag met de hand geschreven. Antwoord, dan lees ik het.</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;">Afmelden</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">In browser bekijken</a></p>
      </td></tr>

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

Bronnen voor gratis nieuwsbrief-templates

1. Brevo (aanbevolen)

Het gratis abonnement van Brevo bevat 40+ responsive nieuwsbrief-templates ingebouwd in de drag-and-drop-editor. Categorieën:

  • Welkomstmails
  • Productaankondigingen
  • Wekelijkse digests
  • Eventuitnodigingen
  • Seizoenscampagnes

Voordelen: gratis, responsive, eenvoudig aan te passen, geen HTML nodig Begin: Maak gratis Brevo-account

2. Canva

Canva biedt e-mailvriendelijke templates die je met de designtool aanpast.

3. Stripo

Stripo biedt 1.100+ gratis responsive e-mailtemplates die exporteren naar elk ESP.

4. BEEFree

BEE biedt een gratis template-editor met professionele designs.

Vergelijking gratis templatebronnen

BronGratis templatesNo-code-editorExporteert naar elk ESPBeste voor
Brevo40+ responsiveJaNative (ingebouwd)Campagnes end-to-end versturen
CanvaVeel designsJaHandmatige exportVisueel ingestelde marketeers
Stripo1.100+JaJaVariatie en ESP-flexibiliteit
BEEFreeGrote bibliotheekJaJaStandalone templateontwerp

Wil je op één plek ontwerpen, personaliseren en versturen, dan is Brevo de meest directe route. Heb je alleen designbestanden nodig om in een ander tool te plaatsen, dan hebben Stripo en BEEFree de grootste bibliotheken.

Best practices voor nieuwsbrief-templates

Design

  • Gebruik max. 600 px breedte voor compatibiliteit met e-mailclients
  • Houd lettergrootte 14-16 px voor de body-tekst
  • Gebruik knop-CTA’s in plaats van tekstlinks (minimaal tap-target 44x44 px)
  • Beperk tot 2-3 kleuren uit je merkpalet
  • Gebruik websafe lettertypes (Arial, Georgia, Verdana) met fallbacks

Contentlayout

  • Omgekeerde piramide: belangrijkste content eerst
  • F-pattern-scannen: sleutelinformatie links
  • Witruimte: propt je content niet vol, laat het ademen
  • Beeld-tekst-verhouding: 40 % beeld, 60 % tekst (voor deliverability)

Technisch

  • Voeg altijd alt-tekst toe aan beelden
  • Test in clients: Gmail, Outlook, Apple Mail, Yahoo
  • Houd totale e-mailgrootte onder 100 KB voor snel laden
  • Gebruik inline CSS voor consistente rendering

Nieuwsbrief-templates per type

1. Welkomst-nieuwsbrief-template

Doel: een sterke eerste indruk maken Sleutelelementen: merkintro, value proposition, wat je kunt verwachten, quick-win-CTA

2. Wekelijkse digest-template

Doel: regelmatige content-roundup Sleutelelementen: gecureerde secties, korte samenvattingen, lees-meer-links

3. Productaankondiging-template

Doel: nieuwe producten of features lanceren Sleutelelementen: productbeeld, kernvoordelen, prijs, koop-CTA

4. Promotie-template

Doel: verkoop stimuleren met aanbiedingen Sleutelelementen: kortingscode, productbeelden, urgentie-element, shop-CTA

5. Educatieve template

Doel: waarde leveren en vertrouwen bouwen Sleutelelementen: tips of how-to-content, schone layout, subtiele CTA

Je nieuwsbrief maken in Brevo

  1. Meld je aan voor het gratis abonnement van Brevo
  2. Kies een template uit de bibliotheek of begin vanaf nul
  3. Pas aan met drag-and-drop: logo, kleuren en contentblokken toevoegen
  4. Preview op desktop en mobiel
  5. Test door naar jezelf en collega’s te versturen
  6. Plan of verstuur direct

De editor van Brevo bewaart je aangepaste templates voor hergebruik, en je maakt merkconforme templatebibliotheken voor je team.

Tips voor hogere engagement

  • Personaliseer de aanhef en content op basis van segmenten
  • A/B-test verschillende layouts om te ontdekken wat werkt (A/B-testgids)
  • Houd het scanbaar, lezers besteden gemiddeld 11 seconden per e-mail
  • Eén primaire CTA, geef lezers niet te veel keuzes
  • Consistent schema, train lezers om je e-mails te verwachten en te openen

Templates koppelen aan klantdata

Een gepolijste template is alleen zo goed als het publiek dat het bereikt. De teams die het meeste uit nieuwsbrieven halen, koppelen hun winkeldata aan hun e-mailtool zodat elke verzending gericht is in plaats van generiek. Tajo synchroniseert Shopify-klant-, product- en orderdata naar Brevo, zodat dezelfde template per segment kan worden gepersonaliseerd: een welkomstlayout voor nieuwe abonnees, een productaankondiging voor eerdere kopers in die categorie, of een win-back-aanbieding voor afgehaakte klanten. De template blijft consistent, de content en het publiek passen zich automatisch aan.

Volgende stappen

  1. Start met het gratis abonnement van Brevo en verken de templatebibliotheek
  2. Lees onze nieuwsbrief-designgids voor gevorderde tips
  3. Bekijk nieuwsbriefvoorbeelden ter inspiratie
  4. Zet je eerste e-mailcampagne op

Veelgestelde vragen

Waar krijg ik gratis nieuwsbrief-templates?
Brevo bevat tientallen gratis, responsive nieuwsbrief-templates in zijn drag-and-drop-e-mail-editor, zonder designvaardigheden. Je vindt ook gratis templates op platforms zoals Canva, Stripo en BEEFree.
Wat maakt een goede nieuwsbrief-template?
Een goede nieuwsbrief-template is mobielresponsief, heeft een heldere visuele hiërarchie, gebruikt je merkkleuren, bevat een prominente CTA, laadt snel en werkt in alle e-mailclients (Gmail, Outlook, Apple Mail).
Heb ik HTML-kennis nodig om nieuwsbrief-templates te maken?
Nee. Moderne e-mailplatforms zoals Brevo bieden drag-and-drop-editors die mooie, responsive templates maken zonder code. Je past kleuren, layouts, beelden en lettertypes visueel aan.
Hoe vaak moet ik een nieuwsbrief versturen?
Kies een ritme dat je consistent kunt volhouden. Een voorspelbaar wekelijks of maandelijks schema traint lezers om je e-mails te verwachten en te openen, en dat telt meer dan puur frequentie.
Deel dit artikel:
Terug naar alle artikelen

Vraag vroegtijdige toegang aan

Vul je voornaam en een e-mailadres of telefoonnummer in. We nemen daarna contact met je op en leggen uit hoe je toegang krijgt tot Tajo.

automatische herkenning
Verkrijg Brevo