---
title: "Nyhetsbrev-maler: gratis nedlastinger, designtips og beste eksempler (2026)"
description: "Få gratis nyhetsbrev-maler og designinspirasjon. Inkluderer responsive HTML-maler, beste praksis for design og eksempler for alle bransjer."
url: https://tajo.io/no/blog/newsletter-templates-guide/
markdown: https://tajo.io/no/blog/newsletter-templates-guide.md
lang: no-NO
author: "Set Noa"
author_url: https://tajo.io/no/set-noa/
published: 2026-03-25
updated: 2026-05-12
alternates: {en-US: /blog/newsletter-templates-guide.md, bg-BG: /bg/blog/newsletter-templates-guide.md, cs-CZ: /cz/blog/newsletter-templates-guide.md, de-DE: /de/blog/newsletter-templates-guide.md, da-DK: /dk/blog/newsletter-templates-guide.md, es-ES: /es/blog/newsletter-templates-guide.md, fr-FR: /fr/blog/newsletter-templates-guide.md, el-GR: /gr/blog/newsletter-templates-guide.md, hi-IN: /hi/blog/newsletter-templates-guide.md, id-ID: /in/blog/newsletter-templates-guide.md, hr-HR: /hr/blog/newsletter-templates-guide.md, hu-HU: /hu/blog/newsletter-templates-guide.md, it-IT: /it/blog/newsletter-templates-guide.md, ja-JP: /jp/blog/newsletter-templates-guide.md, ko-KR: /kr/blog/newsletter-templates-guide.md, ar-SA: /ar/blog/newsletter-templates-guide.md, nl-NL: /nl/blog/newsletter-templates-guide.md, pl-PL: /pl/blog/newsletter-templates-guide.md, pt-BR: /pt/blog/newsletter-templates-guide.md, ro-RO: /ro/blog/newsletter-templates-guide.md, ru-RU: /ru/blog/newsletter-templates-guide.md, sv-SE: /se/blog/newsletter-templates-guide.md, zh-CN: /zh-cn/blog/newsletter-templates-guide.md, sl-SI: /sl/blog/newsletter-templates-guide.md, sr-Latn-RS: /sr/blog/newsletter-templates-guide.md, th-TH: /th/blog/newsletter-templates-guide.md, tr-TR: /tr/blog/newsletter-templates-guide.md, ur-PK: /ur/blog/newsletter-templates-guide.md, vi-VN: /vi/blog/newsletter-templates-guide.md, sk-SK: /sk/blog/newsletter-templates-guide.md}
---

[E-post](https://tajo.io/no/blog/?category=email)

# 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.

newsletter templates

Hvor får jeg gratis nyhetsbrev-maler?

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

[Les mer](https://tajo.io/no/blog/newsletter-templates-guide/#hva-som-gj%C3%B8r-en-god-nyhetsbrev-mal)

**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](https://tajo.io/no/blog/brevo-free-plan-guide/)

### 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

| Kilde | Gratis maler | No-code-editor | Eksport til hvilken som helst ESP | Best for |
| --- | --- | --- | --- | --- |
| Brevo | 40+ responsive | Ja | Native (innebygd) | Å sende kampanjer fra start til mål |
| Canva | Mange design | Ja | Manuell eksport | Visuelt orienterte markedsførere |
| Stripo | 1.100+ | Ja | Ja | Variasjon og ESP-fleksibilitet |
| BEEFree | Stort bibliotek | Ja | Ja | Frittstå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](https://tajo.io/no/blog/brevo-free-plan-guide/)
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](https://tajo.io/no/blog/email-segmentation-guide/)
- **A/B-test** ulike layouter for å finne ut hva som virker ([A/B-testguide](https://tajo.io/no/blog/ab-testing-guide/))
- **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. Malen forblir konsistent, innholdet og målgruppen tilpasser seg automatisk.

## Neste skritt

1. [Be om tidlig tilgang](https://tajo.io/no/#early-access) og utforsk malbiblioteket
2. Les vår [designguide for nyhetsbrev](https://tajo.io/no/blog/email-newsletter-design-guide/) for avanserte tips
3. Sjekk ut [nyhetsbrev-eksempler](https://tajo.io/no/blog/newsletter-examples/) for inspirasjon
4. Sett opp din første [e-postkampanje](https://tajo.io/no/blog/email-marketing-campaigns-guide/)

## 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](https://tajo.io/no/#early-access)

## 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.

## Relaterte artikler

### [Gratis nyhetsbrev-maler: 25 profesjonelle design du kan bruke i dag](https://tajo.io/no/blog/free-newsletter-templates/)

26\. mars 2026 · 8 min lesetid

7 seksjoner

### [E-postmaler: 50+ gratis maler og designbeste praksis \[2025\]](https://tajo.io/no/blog/email-templates-guide/)

8\. mars 2025 · 7 min lesetid

13 seksjoner

### [Den komplette guiden til HTML-e-postbyggere: Beste verktøy, funksjoner og beste praksis](https://tajo.io/no/blog/html-email-builder-guide/)

8\. mars 2026 · 11 min lesetid

10 seksjoner