Nyhetsbrev

Gratis nyhetsbrevsmallar: 25 professionella design du kan använda i dag

Komplett guide till gratis nyhetsbrevsmallar. Lär dig strategier, best practices och hur du använder Brevo och Tajo för att uppnå resultat.

Set Noa
Set Noa
Uppdaterad
0 besök · 7 d
free newsletter templates
Gratis nyhetsbrevsmallar?

Komplett guide till gratis nyhetsbrevsmallar. Lär dig strategier, best practices och hur du använder Brevo och Tajo för att uppnå resultat.

Läs mer

Att starta ett nyhetsbrev från ett tomt blad är skrämmande. Du stirrar på den tomma redigeraren och undrar hur du ska strukturera innehållet, vilken layout du ska välja och hur du får det att se professionellt ut utan att lägga timmar på design.

Nyhetsbrevsmallar löser det här problemet. De ger en beprövad struktur och en professionell design som du kan anpassa med eget innehåll, varumärke och bilder. De bästa mallarna är mobilanpassade, fungerar i alla e-postklienter och är utformade med konvertering i åtanke.

Den här guiden tar upp 15 gratis nyhetsbrevsmallar sorterade efter bransch och användningsområde. För varje malltyp förklarar vi designprinciperna, rekommenderad innehållsstruktur och tips på anpassningar.

Vad gör en nyhetsbrevsmall effektiv

Innan vi går in på specifika mallar är det viktigt att förstå vad som skiljer en bra mall från en riktigt bra.

Tekniska krav

KravVarför det spelar roll
MobilanpassadÖver 60 % av all e-post öppnas på mobila enheter
Kompatibilitet mellan klienterVisas korrekt i Gmail, Outlook, Apple Mail med flera
Snabb laddningBilder under 1 MB totalt, mall under 100 KB
Stöd för mörkt lägeAllt fler e-postklienter använder det
TillgänglighetSkärmläsarkompatibel och tillräcklig kontrast
Webbsäkra typsnittKonsekvent visning på alla plattformar

Designprinciper

Visuell hierarki. Det viktigaste innehållet ska synas mest. Använd storlek, färg och placering för att leda läsarens öga från topp till botten.

Skannbar layout. De flesta läser e-post genom att skumma snarare än läsa noga. Använd rubriker, punktlistor, korta stycken och tydliga avsnittsbrytningar för att göra innehållet lättsmält.

Konsekvent varumärke. Ditt nyhetsbrev ska kännas igen direkt. Använd samma färger, logotyp och typografi i varje utskick.

En kolumn på mobilen. Layouter med flera kolumner kan brytas på mobilen. Välj en enkolumnslayout eller säkerställ att flerkolumnssektioner staplas snyggt på mindre skärmar.

Tajo-mallar

Fyra layouter i drift

Varje panel nedan är mallens riktiga e-post-HTML, i en ram med verklig bredd. Dra ned bredden till 375 px och se kolumnerna lägga sig under varandra.

Följer ditt tema — byt det i sidhuvudet för att se det andra.

Läs HTML för The Letter 6 kB, utan byggsteg 
<!DOCTYPE html>
<html lang="se" 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;">Citatet du sparar i din anteckningsapp arbetar hårdare än din innehållskalender.</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-huvud: koncentriska blå bågar korsade av ett diagonalt 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;">Arkivet är produkten</h1>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">För tre veckor sedan letade jag efter en text jag skrev 2019 och hittade den inte. Inte på webbplatsen, inte i exporten, inte i plattformens egen sökning. Tolvhundra nummer, och det enda register som fungerade var mitt minne.</p>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Det är den delen ingen berättar om sex år med nyhetsbrev. Att skicka är lätt. Att bevara är det inte.</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;">Allt du publicerar är en insättning. Uttaget bygger nästan 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å den här veckan byggde jag om de gamla numren till ett riktigt arkiv, med etiketter, fritextsökning och permanenta adresser. Det tog nio dagar. Antalet prenumeranter rörde sig inte. Tiden på webbplatsen tredubblades.</p>
        <p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Allt står nedan, även de delar som inte fungerade.</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 hela numret &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;">Skrivet för hand varje torsdag. Svara, så läser jag 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;">Avprenumerera</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Visa i webbläsare</a></p>
      </td></tr>

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

15 gratis nyhetsbrevsmallar

1. Den klassiska företagsuppdateringen

Bäst för: B2B-företag, byråer, professionella tjänster

Den här mallen följer en rak och tydlig struktur:

  • Företagslogotyp och sidhuvud
  • Kort redaktionell inledning (2-3 meningar)
  • 3-4 innehållsblock med rubriker, korta beskrivningar och CTA:er
  • Sidfot med sociala länkar och avprenumerationslänk

Designtips: Ren och professionell layout med gott om vit yta. Använd varumärkets primärfärg för rubriker och CTA-knappar. Begränsa bilderna till en hjältebild och små miniatyrer för innehållsblocken.

Innehållsstruktur:

  1. Personlig hälsning från en teammedlem
  2. Utvald artikel eller nyhet
  3. 2-3 sekundära innehållspunkter
  4. Avsnitt med snabblänkar eller resurser
  5. Sidfot med kontaktuppgifter

2. Produktexponeringen för e-handel

Bäst för: Nätbutiker, detaljhandelsvarumärken, DTC-företag

Produktfokuserad layout som driver försäljning:

  • Hjältebanner med utvald produkt eller kampanj
  • Produktrutnät (2x2 eller 3x1) med bilder, namn, priser och köpknappar
  • Avsnitt med kundrecension eller kundutlåtande
  • Sekundär kampanj eller nyheter

Designtips: Stora och högkvalitativa produktbilder är avgörande. Använd ett rutnät som staplas till en kolumn på mobilen. Pris och CTA-knappar ska synas direkt.

För e-handelsvarumärken som använder Tajo med Brevo kan dessa mallar fyllas dynamiskt med personliga produktrekommendationer baserade på varje prenumerants surf- och köphistorik. Läs vår guide om e-postmarknadsföring för e-handel för personaliseringsstrategier.

3. Innehållssammanfattningen

Bäst för: Mediebolag, innehållsskapare, publikationer

En innehållstung mall som lyfter flera artiklar:

  • Utvald artikel med stor bild och utdrag
  • Lista med 5-8 ytterligare artiklar med titel och en rads sammanfattning
  • Kategorimärken för varje artikel
  • Utmärkelser som “Mest populärt” eller “Redaktörens val”

Designtips: Prioritera läsbarhet med ren typografi och generöst radavstånd. Använd samma formatering för varje artikelpost så att läsarna snabbt kan skanna sammanfattningen.

4. Det personliga nyhetsbrevet

Bäst för: Soloföretagare, tankeledare, konsulter

En minimal och textfokuserad mall som känns som ett personligt brev:

  • Författarens foto och namn
  • Längre brödtext (500-800 ord)
  • Få bilder och designelement
  • Enkla textlänkar i stället för stylade knappar
  • Personlig avslutning

Designtips: Den här mallen lyckas tack vare enkelheten. Använd en kolumn, standardtypsnitt och minimal styling. Målet är att det ska kännas som ett personligt mejl snarare än ett marknadsföringsutskick.

5. SaaS-produktuppdateringen

Bäst för: Mjukvaruföretag, techstartups, utvecklarverktyg

Funktionsfokuserad layout för att kommunicera produktuppdateringar:

  • Versionsnummer eller uppdateringstitel i sidhuvudet
  • Funktionshöjdpunkt med skärmdump eller GIF
  • Punktlista med förbättringar och buggfixar
  • Förhandstitt på “Vad som kommer härnäst”
  • CTA för att testa nya funktioner

Designtips: Inkludera produktskärmdumpar eller gränssnittsbilder för att visa snarare än berätta. Använd en ren och modern design som speglar mjukvarans estetik.

6. Eventinbjudan

Bäst för: Eventarrangörer, konferenser, webbinarvärdar

En målinriktad mall som driver registreringar:

  • Eventnamn och visuell identitet
  • Datum, tid och plats (eller virtuell plattform)
  • Talarprofiler med foton och korta bios
  • Översikt över programmet
  • Tydlig CTA för registrering
  • Tidigt-bird-pris eller känsla av att platserna är begränsade

Designtips: CTA-knappen bör finnas minst två gånger, en gång ovanför vikten och en gång efter detaljerna. Använd nedräkningselement eller brådskande språk när det passar.

7. Veckosammanfattningen

Bäst för: Branschnyhetsbrev, kuraterade innehållspubliceringar

En strukturerad mall för att kuratera innehåll från webben:

  • Redaktörens kommentar (2-3 meningar)
  • 5-10 kuraterade länkar med källa, titel och kort kommentar
  • Numrerade eller kategoriserade avsnitt
  • Avsnitt för “sponsor” eller “utvalt” om brevet är monetariserat
  • Läsarundersökning eller feedbackuppmaning

Designtips: Tydlig numrering och konsekvent formatering för varje post hjälper läsarna att navigera. Använd subtila ramar eller bakgrundsfärger för att skilja avsnitt åt.

8. Effektrapporten för ideella organisationer

Bäst för: Välgörenhetsorganisationer, NGO:er, sociala företag

En mall som delar effekthistorier och driver donationer:

  • Effektrubrik med statistik (“Vi hjälpte 1 000 familjer den här månaden”)
  • Berättelse med foto (en mottagare eller ett projekt)
  • Förloppsindikator mot ett kampanjmål
  • Möjligheter till volontärarbete eller event
  • CTA-knapp för donation

Designtips: Inled med känslomässig effekt genom fotografier och verkliga berättelser. Visualisera data (förloppsindikatorer, statistik) för att visa konkreta resultat.

9. Säsongskampanjen

Bäst för: Detaljhandel, restaurang och hotell, säsongsföretag

En visuellt rik mall byggd för helg- och säsongskampanjer:

  • Säsongsanpassad hjältebild i full bredd
  • Erbjudande med tydliga villkor
  • Kuraterat produkturval eller presentguide
  • Deadline eller nedräkning
  • Flera CTA:er genom hela utskicket

Designtips: Djärva färger och säsongsbetonade bilder skapar brådska. Säkerställ att erbjudandet syns direkt utan att behöva skrolla. Testa mallen noggrant, eftersom bildtunga mejl kan ha visningsproblem i vissa klienter.

10. Den pedagogiska serien

Bäst för: Onlinekurser, coachingverksamheter, utbildningsinstitutioner

En strukturerad mall för att leverera utbildningsinnehåll:

  • Lektionsnummer och seriens titel
  • Viktigaste insikten eller lärandemålet
  • Huvudinnehåll med tydliga avsnitt
  • Övning eller handlingspunkt
  • Förloppsindikator (Lektion 3 av 8)
  • CTA till nästa lektion eller relaterad resurs

Designtips: Använd en konsekvent struktur för alla lektioner i serien så att prenumeranterna vet vad de kan förvänta sig. Inkludera en förloppsindikator för att motivera dem att slutföra.

11. Bostadsannonsen

Bäst för: Mäklare, fastighetsförvaltare

En fastighetsfokuserad mall med rikt visuellt innehåll:

  • Utvald annons med stort bildgalleri
  • Bostadsuppgifter (pris, antal sovrum, badrum, kvadratmeter)
  • 3-4 ytterligare annonser i rutnätsformat
  • Marknadsuppdatering eller områdesreportage
  • Mäklarens kontaktuppgifter med foto

Designtips: Högkvalitativa bostadsbilder är avgörande. Visa nyckeluppgifter (pris, storlek, läge) direkt utan att läsaren behöver klicka vidare.

12. Restaurang- eller livsmedelsverksamheten

Bäst för: Restauranger, matleverans, cateringföretag

En visuellt aptitlig mall:

  • Hjältebild av en utvald rätt eller meny
  • Veckans erbjudanden eller nya menyrätter
  • CTA för bokning eller beställning
  • Citat ur en kundrecension
  • Information om plats och öppettider

Designtips: Matfotografering ska vara professionell och aptitlig. Använd varma färger och generösa marginaler. Den primära CTA:n (beställ, boka, besök) ska vara omöjlig att missa.

13. Träning och välmående

Bäst för: Gym, personliga tränare, hälsovarumärken

En energifylld mall som fokuserar på motivation och handling:

  • Motiverande hjältebild
  • Veckans pass eller hälsotips
  • Schema över klasser eller kommande event
  • Medlemsporträtt eller transformationshistoria
  • CTA för bokning eller medlemskap

Designtips: Använd handlingsorienterad fotografering och djärv typografi. Håll tonen motiverande utan att bli påträngande.

14. Byråportföljens visningsfönster

Bäst för: Kreativa byråer, frilansare, designstudior

En portföljmall för att lyfta senaste arbetena:

  • Utvalt projekt med stora bilder och kort case-studie
  • 2-3 ytterligare projekt i ett rutnät
  • Kundutlåtande
  • Uppdateringar om teamet eller rekryteringar
  • CTA för kontakt med potentiella kunder

Designtips: Låt arbetet tala för sig självt med stora och högkvalitativa bilder. Håll texten kort och fokusera på resultat snarare än processbeskrivningar.

15. Communitynyhetsbrevet

Bäst för: Medlemsorganisationer, onlinecommunities, lokala företag

En communityfokuserad mall som uppmuntrar engagemang:

  • Nyheter och meddelanden från communityt
  • Medlemsporträtt eller intervju
  • Kalender med kommande event
  • Diskussionsfrågor eller omröstningar
  • Avsnitt med användargenererat innehåll
  • CTA för att gå med eller engagera sig

Designtips: Visa medlemsporträtt och namn (med tillstånd) för att bygga gemenskap. Använd en varm och inkluderande ton och uppmuntra svar och deltagande.

Var du hittar gratis nyhetsbrevsmallar

Plattformar för e-postmarknadsföring

De flesta plattformar för e-postmarknadsföring inkluderar gratis mallar i sina abonnemang:

PlattformGratis mallarAnpassningsnivåGratisplan tillgänglig
Brevo60+Drag-och-släpp-redigerareJa
Mailchimp100+Drag-och-släpp-redigerareJa (begränsad)
HubSpot45+Drag-och-släpp-redigerareJa
MailerLite80+Drag-och-släpp-redigerareJa
Constant Contact200+Drag-och-släpp-redigerareNej

Brevos mallbibliotek passar särskilt bra för e-handelsföretag, med mallar designade för produktnyheter, orderbekräftelser och kampanjer som integreras med din butiksdata via Tajo.

Tredjepartskällor för mallar

  • Litmus Community: Gratis och testade mallar med data om kompatibilitet mellan e-postklienter
  • Really Good Emails: Kuraterat galleri med riktiga nyhetsbrevsexempel för inspiration
  • Stripo: Gratis e-postmallbyggare med över 1 500 designs
  • BeeFree: Drag-och-släpp-redigerare med över 200 gratis responsiva mallar
  • MJML: Open source-ramverk för att bygga responsiva e-postmallar med kod

Anpassa mallar för ditt varumärke

Nödvändiga anpassningar

Varje mall behöver dessa ändringar innan användning:

  1. Logotyp och varumärkesfärger: Ersätt standardvarumärket med ditt eget
  2. Typografi: Använd dina varumärkestypsnitt (med webbsäkra alternativ)
  3. Sidfotsinformation: Uppdatera med dina företagsuppgifter och juridiska krav
  4. Sociala medier-länkar: Lägg till dina faktiska profiler
  5. Avprenumerationslänk: Lagstadgad i varje marknadsföringsmejl

Avancerade anpassningar

När du känner dig bekväm med en mall kan du lägga till dessa förbättringar:

  • Dynamiska innehållsblock: Visa olika innehåll till olika prenumerantsegment
  • Personaliseringstaggar: Infoga prenumerantens namn, plats eller preferenser
  • Villkorade avsnitt: Visa eller dölj avsnitt baserat på prenumerantens egenskaper
  • Interaktiva element: Lägg till omröstningar, enkäter eller AMP-driven interaktivitet

Best practices för nyhetsbrevsmallar

Testa innan du skickar. Skicka testmejl till åtminstone Gmail, Outlook, Apple Mail och Yahoo. Använd ett verktyg som Litmus eller Email on Acid för fullständiga tester över olika klienter.

Optimera bilder. Komprimera alla bilder för kortare laddningstid. Lägg till alt-text för varje bild om bilden blockeras av e-postklienten.

Håll filstorleken nere. Den totala mejlstorleken (HTML + bilder) bör hållas under 100 KB för HTML-koden och under 1 MB för det totala innehållet. Större mejl riskerar att klippas av Gmail eller blockeras av spamfilter.

Var konsekvent. Använd samma mallstruktur för varje utskick. Prenumeranter utvecklar läsvanor kring välbekanta layouter, och konsekvens bygger förtroende.

Inkludera ren text. Erbjud alltid ett textalternativ för e-postklienter som inte renderar HTML. De flesta plattformar genererar detta automatiskt, men granska det för att säkerställa läsbarhet.

Testa din e-postleveransbarhet regelbundet. En vacker mall är värdelös om den hamnar i skräpposten. Bevaka avsändarrykte och autentisering (SPF, DKIM, DMARC) parallellt med designarbetet.

Kom igång

Välj en mall som matchar din bransch och innehållsstil. Börja med minimala anpassningar, som varumärkesfärger, logotyp och sidfot, och skicka ditt första utskick. När du lär dig vad som engagerar din publik genom öppningsfrekvens och klickdata kan du iterera på design och innehållsstruktur.

Den bästa nyhetsbrevsmallen är inte den visuellt mest imponerande. Det är den som din publik läser konsekvent, klickar på regelbundet och ser fram emot att få.

Vanliga Frågor

Var hittar jag gratis nyhetsbrevsmallar?
Gratis nyhetsbrevsmallar finns via e-postmarknadsföringsplattformar som Brevo, Mailchimp och HubSpot, samt mallmarknadsplatser som Litmus Community, Email on Acid och Really Good Emails. De flesta plattformar erbjuder 50+ gratismallar som du kan anpassa.
Vad gör en nyhetsbrevsmall bra?
En bra nyhetsbrevsmall är mobilanpassad, renderas korrekt i olika e-postklienter, har en tydlig visuell hierarki, använder webbsäkra typsnitt och innehåller välstrukturerade sektioner för innehåll. Den ska laddas snabbt med optimerade bilder och stödja mörkt läge.
Får jag använda gratis nyhetsbrevsmallar för kommersiella ändamål?
Ja, de flesta gratis nyhetsbrevsmallar från e-postmarknadsföringsplattformar är licensierade för kommersiellt bruk. Mallar från tredjepartssajter kan ha varierande licenser, så kontrollera villkoren innan du använder dem för affärskommunikation.
Dela denna artikel:
Tillbaka till alla artiklar

Ansök om tidig åtkomst

Fyll i ditt förnamn och en e-postadress eller ett telefonnummer. Vi hör av oss med information om hur du får åtkomst till Tajo.

automatisk identifiering
Skaffa Brevo