E-poštno trženje
Oblikovanje

Predloge za newsletter: brezplačni prenosi, nasveti za oblikovanje in najboljši primeri (2026)

Pridobite brezplačne predloge za newsletter in navdih za oblikovanje. Vključuje odzivne HTML predloge, najboljše prakse oblikovanja in primere za vsako panogo.

Set Noa
Set Noa
Posodobljeno
0 obiski · 7 dni
newsletter templates
Predloge za newsletter?

Pridobite brezplačne predloge za newsletter in nasvete za oblikovanje. Brevo vključuje odzivne, prilagodljive predloge v svojem brezplačnem paketu, brez kode.

Izvedite več

TL;DR: Dobra predloga za newsletter je mobilno odzivna, enostolpčna, skladna z blagovno znamko in zgrajena okrog ene jasne CTA. Brevo vključuje več kot 40 brezplačnih odzivnih predlog v svojem urejevalniku povleci in spusti brez kodiranja; Canva, Stripo in BEEFree so solidne alternative za oblikovalske datoteke.

Odlična predloga za newsletter opravi težko delo za vaš e-poštni marketing: poskrbi, da vaša vsebina izgleda profesionalno, vodi bralce do vaše CTA in deluje brezhibno na vsaki napravi in v vsakem e-poštnem odjemalcu.

Ta vodnik pokriva vse o predlogah za newsletter: kje jih dobiti brezplačno, kako oblikovati učinkovite in primere iz vsake panoge.

Kaj naredi odlično predlogo za newsletter

Bistveni elementi

  1. Mobilno odzivno oblikovanje, več kot 60 % e-pošte se odpre na mobilnih napravah
  2. Jasna vizualna hierarhija, vodite oko od naslova do CTA
  3. Doslednost blagovne znamke, barve, pisave in postavitev logotipa
  4. Enostolpčna postavitev, najboljša berljivost na vseh napravah
  5. Vidna CTA, eno jasno dejanje na e-poštno sporočilo
  6. Besedilo predhladnice, razširi vašo zadevo v poštnem predalu
  7. Povezava za odjavo, zakonsko zahtevana (CAN-SPAM, GDPR)

Anatomija predloge

┌─────────────────────────┐
│  Logo / Glava znamke    │
├─────────────────────────┤
│  Glavna slika           │
├─────────────────────────┤
│  Naslov                 │
│  Telo (2-3 vrstice)     │
│  [Gumb CTA]             │
├─────────────────────────┤
│  Vsebina sekcije 2      │
│  [Sekundarna CTA]       │
├─────────────────────────┤
│  Noga / Družbeni mediji │
│  Povezava za odjavo     │
└─────────────────────────┘
Predloge Tajo

Štiri postavitve v pogonu

Vsaka plošča spodaj je resnični e-poštni HTML predloge v okvirju z resnično širino. Zmanjšajte širino na 375 px in opazujte, kako se stolpci zložijo drug pod drugega.

Sledi vaši temi — preklopite jo v glavi, da vidite drugo.

Preberi HTML predloge The Letter 6 KB, brez gradnje 
<!DOCTYPE html>
<html lang="sl" 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;">Citat, ki ga hranite v aplikaciji za zapiske, opravi več dela kot vaš vsebinski koledar.</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="Glava Meridian Press: koncentrični modri loki, prečkani z diagonalnim pasom" 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 · Številka 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;">Arhiv je izdelek</h1>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Pred tremi tedni sem iskal besedilo, ki sem ga napisal leta 2019, in ga nisem našel. Ne na spletni strani, ne v izvozu, ne v iskalniku same platforme. Tisoč dvesto številk in edini delujoči kazalo je bil moj spomin.</p>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">To je del, ki vam ga o šestih letih e-novic nihče ne pove. Pošiljati je enostavno. Hraniti ni.</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;">Vse, kar objavite, je vloga. Dvig gradi skoraj nihče.</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;">Ta teden sem zato stare številke prezidal v pravi arhiv, z oznakami, celotnim iskanjem po besedilu in trajnimi naslovi. Vzelo je devet dni. Število naročnikov se ni premaknilo. Čas na strani se je potrojil.</p>
        <p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Vse je spodaj, tudi deli, ki niso delovali.</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;">Preberi celotno številko &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;">Napisano na roko vsak četrtek. Odgovorite in preberem.</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;">Odjava</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Ogled v brskalniku</a></p>
      </td></tr>

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

Viri brezplačnih predlog za newsletter

1. Brevo (priporočeno)

Brezplačni paket Brevo vključuje več kot 40 odzivnih predlog za newsletter, vgrajenih v urejevalnik povleci in spusti. Kategorije vključujejo:

  • Pozdravna e-poštna sporočila
  • Najave izdelkov
  • Tedenska poročila
  • Vabila na dogodke
  • Sezonske kampanje

Prednosti: brezplačno, odzivno, enostavno za prilagajanje, brez HTML Začnite: Ustvarite brezplačen račun Brevo

2. Canva

Canva ponuja e-pošti prijazne predloge, ki jih prilagodite z njihovim oblikovalskim orodjem.

3. Stripo

Stripo zagotavlja več kot 1.100 brezplačnih odzivnih e-poštnih predlog, ki se izvozijo v katerikoli ESP.

4. BEEFree

BEE ponuja brezplačen urejevalnik predlog s profesionalnimi oblikami.

Primerjava virov brezplačnih predlog

VirBrezplačne predlogeUrejevalnik brez kodeIzvoz v katerikoli ESPNajprimernejši za
Brevoveč kot 40 odzivnihDaDomorodno (vgrajeno)Pošiljanje kampanj od začetka do konca
Canvaveliko oblikDaRočni izvozVizualno usmerjene tržnike
Stripoveč kot 1.100DaDaRaznolikost in prilagodljivost ESP
BEEFreevelika knjižnicaDaDaSamostojno oblikovanje predlog

Če želite eno mesto za oblikovanje, personalizacijo in pošiljanje, je Brevo najbolj neposredna pot. Če potrebujete samo oblikovalske datoteke za vnos v drugo orodje, imata Stripo in BEEFree najširše knjižnice.

Najboljše prakse predlog za newsletter

Oblikovanje

  • Uporabite največ 600 px širine za združljivost z e-poštnimi odjemalci
  • Ohranite velikost pisave 14-16 px za telo besedila
  • Uporabite gumbe CTA, ne besedilnih povezav (najmanjši cilj dotika 44x44 px)
  • Omejite na 2-3 barve iz palete vaše blagovne znamke
  • Uporabite spletno varne pisave (Arial, Georgia, Verdana) z nadomestki

Postavitev vsebine

  • Obrnjena piramida: najpomembnejša vsebina na začetku
  • F-vzorec branja: ključne informacije na levi
  • Prazen prostor: ne nabirajte vsebine, pustite ji dihati
  • Razmerje slika/besedilo: 40 % slik, 60 % besedila (zaradi dostavljivosti)

Tehnično

  • Vedno dodajte alt besedilo k slikam
  • Testirajte v različnih odjemalcih: Gmail, Outlook, Apple Mail, Yahoo
  • Skupno velikost e-pošte ohranite pod 100 KB za hitro nalaganje
  • Uporabite inline CSS za dosleden prikaz

Predloge za newsletter po vrsti

1. Predloga pozdravnega newsletterja

Namen: narediti odličen prvi vtis Ključni elementi: predstavitev znamke, ponudba vrednosti, kaj pričakovati, hitra CTA

2. Predloga tedenskega poročila

Namen: redno pregledovanje vsebin Ključni elementi: kuratorske sekcije, kratki povzetki, povezave „beri več”

3. Predloga najave izdelka

Namen: uvedba novih izdelkov/funkcij Ključni elementi: slika izdelka, ključne koristi, cena, CTA „kupi”

4. Promocijska predloga

Namen: spodbujanje prodaje s ponudbami Ključni elementi: koda za popust, slike izdelkov, element nujnosti, CTA „nakupuj”

5. Izobraževalna predloga

Namen: zagotavljati vrednost in graditi zaupanje Ključni elementi: nasveti ali vsebina kako, čista postavitev, subtilna CTA

Ustvarjanje newsletterja v Brevu

  1. Prijavite se za brezplačni paket Brevo
  2. Izberite predlogo iz knjižnice ali začnite iz nič
  3. Prilagodite z metodo povleci in spusti: dodajte logo, barve, vsebinske bloke
  4. Predogled na namizju in mobilni napravi
  5. Testirajte s pošiljanjem sebi in sodelavcem
  6. Načrtujte ali pošljite takoj

Urejevalnik Brevo shrani vaše predloge po meri za ponovno uporabo, lahko pa tudi ustvarite blagovno-znamčne knjižnice predlog za vašo ekipo.

Nasveti za večje vključevanje

  • Personalizirajte pozdrav in vsebino na podlagi segmentov
  • A/B testirajte različne postavitve, da najdete, kaj deluje (vodnik po A/B testiranju)
  • Ohranite skenljivost, bralci v povprečju porabijo 11 sekund na e-poštno sporočilo
  • Ena glavna CTA, ne dajajte bralcem preveč izbir
  • Dosleden urnik, naučite bralce pričakovati in odpirati vaša e-poštna sporočila

Povezovanje predlog s podatki o strankah

Izpiljena predloga je toliko dobra, kolikor občinstvo, ki ga doseže. Ekipe, ki iz newsletterjev iztisnejo največ, povežejo podatke svoje trgovine z e-poštnim orodjem, tako da je vsak izrezek ciljan, ne generičen. Tajo sinhronizira podatke o strankah, izdelkih in naročilih iz Shopify v Brevo, tako da je lahko ista predloga personalizirana po segmentu: pozdravna postavitev za nove naročnike, najava izdelka za pretekle kupce te kategorije ali ponudba win-back za odšle stranke. Predloga ostaja dosledna; vsebina in občinstvo se prilagajata samodejno.

Naslednji koraki

  1. Začnite z brezplačnim paketom Brevo in raziščite njihovo knjižnico predlog
  2. Preberite naš vodnik po oblikovanju newsletterja za napredne nasvete
  3. Oglejte si primere newsletterjev za navdih
  4. Nastavite svojo prvo e-poštno kampanjo

Pogosto Zastavljena Vprašanja

Kje lahko pridobim brezplačne predloge za newsletter?
Brevo vključuje na desetine brezplačnih odzivnih predlog za newsletter v svojem e-poštnem urejevalniku z metodo povleci in spusti, brez potrebe po oblikovalskih znanjih. Brezplačne predloge najdete tudi na platformah, kot so Canva, Stripo in BEEFree.
Kaj naredi dobro predlogo za newsletter?
Dobra predloga za newsletter je mobilno odzivna, ima jasno vizualno hierarhijo, uporablja barve vaše blagovne znamke, vključuje vidno CTA, se hitro naloži in deluje v vseh e-poštnih odjemalcih (Gmail, Outlook, Apple Mail).
Ali potrebujem HTML znanje za ustvarjanje predlog za newsletter?
Ne. Sodobne e-poštne platforme, kot je Brevo, ponujajo urejevalnike povleci in spusti, ki ustvarjajo lepe odzivne predloge brez kakršne koli kode. Barve, postavitve, slike in pisave prilagodite vizualno.
Kako pogosto naj pošiljam newsletter?
Izberite ritem, ki ga lahko vzdržujete dosledno. Predvidljiv tedenski ali mesečni urnik nauči bralce pričakovati in odpirati vaša e-poštna sporočila, kar šteje več kot sama pogostost.
Deli ta članek:
Nazaj na vse članke

Zaprosite za zgodnji dostop

Vnesite ime ter e-poštni naslov ali telefonsko številko. Poslali vam bomo podrobnosti o dostopu do platforme Tajo.

samodejno prepoznavanje
Pridobite Brevo