Newsletter gestalten: 3 Vorlagen, die sofort funktionieren

· Aktualisiert: · 11 Min. Lesezeit · Verfasst von Simon Haenel

So nutzt du die Vorlage, ohne dich im Design zu verlieren

Newsletter gestalten heißt in der Praxis: Du brauchst ein Layout, das sofort lesbar ist, auf dem Smartphone nicht zerfällt und den nächsten Klick sichtbar macht. Starte deshalb nicht mit Farben. Starte mit der Frage: Welche eine Aufgabe hat diese E-Mail?

Wähle eine der drei Vorlagen oben:

  • Verein / Info: zwei kurze Neuigkeiten, ein Termin, ein ruhiger Footer.
  • Coach / Verkauf: ein Problem, ein hilfreicher Tipp, ein klarer Termin- oder Angebotsbutton.
  • Shop / Produkt: ein Produkt, ein Nutzen, ein Bild, ein Button.

Danach ersetzt du nur noch Logo, Betreff, Text und Button. Die Vorlagen sind bewusst als kopierbare Struktur gedacht, nicht als fertige HTML-Datei und nicht als Versandcode. Wenn du mehr als einen Hauptbutton brauchst, ist der Newsletter wahrscheinlich zu voll. Teile ihn lieber in zwei Ausgaben.

Das Grundlayout für fast jeden Newsletter

Das stabilste Newsletter-Layout ist einspaltig. Es funktioniert in Outlook, Gmail und Apple Mail besser als verspielte Mehrspalten-Layouts und ist auf dem Smartphone leichter zu prüfen.

Baue den Newsletter in dieser Reihenfolge:

  1. Absender und Logo: Der Leser muss sofort erkennen, von wem die E-Mail kommt.
  2. Betreff im Inhalt wieder aufnehmen: Die erste sichtbare Überschrift bestätigt, warum die Mail geöffnet wurde.
  3. Ein kurzer Nutzensatz: Ein bis zwei Sätze reichen. Kein langer Vorspann.
  4. Ein Hauptblock: News, Tipp, Produkt oder Einladung. Nicht alles gleichzeitig.
  5. Ein Button: Der Button sagt exakt, was als Nächstes passiert.
  6. Footer: Impressum, Abmeldelink und optional Archiv oder Kontakt.

Die Breite bleibt bei maximal 600px. Das ist keine magische SEO-Zahl, sondern eine robuste E-Mail-Grenze: breit genug für Desktop, schmal genug für viele Clients und leicht auf Mobile skalierbar.

Vorlage 1: Vereins- oder Info-Newsletter

Diese Vorlage passt, wenn der Newsletter informieren soll und der Leser nicht kaufen muss. Typische Fälle: Verein, Schule, lokaler Anbieter, Community, Praxis, Kanzlei oder internes Team.

Aufbau zum Kopieren:

  1. Logo und Absendername.
  2. Kurze Begrüßung mit Anlass der Ausgabe.
  3. Zwei Neuigkeiten, jede mit einem Satz und optionalem Link.
  4. Ein Button zu Terminen, Anmeldung oder Archiv.
  5. Footer mit Impressum und Abmeldelink.

Beispiel-Text:

Betreff: Was im Mai wichtig ist

Einstieg: Hallo zusammen, hier kommen die drei Dinge, die ihr diese Woche wissen müsst.

Button: Termine ansehen

Halte diese Vorlage ruhig. Keine großen Bilder, keine fünf Farben, keine langen Vorstandsgrüße. Der Nutzen liegt in schneller Orientierung.

Affiliate-Hinweis zu den folgenden Tool-Empfehlungen

Die Tool-Buttons in den nächsten Abschnitten sind Affiliate-Links. Der Seitenbetreiber erhält eine Provision, wenn du darüber buchst — der Preis bleibt für dich gleich. Die Empfehlung folgt dem Layout-Job: einfache Design-Newsletter eher Rapidmail oder CleverReach, tagbasierte Verkaufsstrecken eher KlickTipp.

Nächster Schritt

Einfachen Newsletter-Editor nutzen

Rapidmail passt, wenn du einen klassischen Design-Newsletter mit Drag-and-Drop-Editor, deutschen Servern und einfachen Vorlagen bauen willst.

Tags statt Chaos-Listen Begrüßung vorbereiten Nächster Schritt klar
Rapidmail-Vorlagen ansehen

* Affiliate-Link – für dich entstehen keine Mehrkosten.

Vorlage 2: Coach-, Webinar- oder Angebots-Newsletter

Diese Vorlage passt, wenn die E-Mail zu einem Gespräch, Workshop, Webinar oder Angebot führen soll. Der Fehler auf vielen Seiten: Sie beginnen mit „Ich wollte mich mal melden“. Das ist zu weich. Beginne mit einem konkreten Problem.

Aufbau zum Kopieren:

  1. Eine Frage, die der Leser wiedererkennt.
  2. Ein kurzer Problemkontext in zwei Sätzen.
  3. Eine konkrete Empfehlung oder Mini-Lektion.
  4. Ein Button zu Termin, Workshop oder Angebot.
  5. Ein P.S. mit einem echten Zusatznutzen, nicht mit Druck.

Beispiel-Text:

Betreff: Warum deine Anfrage nach dem Erstgespräch einschläft

Einstieg: Wenn ein Interessent nach dem Gespräch nicht antwortet, fehlt oft nicht Interesse, sondern der nächste klare Schritt.

Button: Termin sichern

Diese Vorlage braucht weniger Design und mehr Führung. Schrift, Abstand und Button müssen den Gedanken tragen. Ein überladenes Template macht die E-Mail nicht überzeugender.

Nächster Schritt

Wenn aus Newsletter später Automation wird

KlickTipp ist sinnvoll, wenn der Newsletter nicht nur schön aussehen soll, sondern später mit Tags, Sequenzen, Käuferstatus und Follow-ups arbeiten muss.

KlickTipp ansehen

* Affiliate-Link – für dich entstehen keine Mehrkosten.

Vorlage 3: Shop- oder Produkt-Newsletter

Diese Vorlage passt, wenn ein Produkt, eine Empfehlung oder ein saisonales Angebot im Mittelpunkt steht. Der Newsletter darf visuell sein, aber nur ein Produkt bekommt die Hauptbühne.

Aufbau zum Kopieren:

  1. Logo und kurzer Anlass.
  2. Ein Produktbild oder eine Produktgruppe.
  3. Produktname und ein Satz Nutzen.
  4. Preis, Aktion oder Verfügbarkeitsgrund.
  5. Ein Button zum Produkt.
  6. Zwei kleinere Empfehlungen erst danach.

Beispiel-Text:

Betreff: Neu eingetroffen: leichter Rucksack für Tageswanderungen

Einstieg: Wenn dein aktueller Rucksack für kurze Touren zu groß ist, ist dieses Modell die leichtere Lösung.

Button: Jetzt ansehen

Der häufigste Fehler ist ein Katalog im Newsletter. Drei Produkte mit gleicher visueller Gewichtung wirken nicht wie Auswahl, sondern wie Arbeit. Ein Hauptprodukt führt besser.

Design oder Plain-Text? So entscheidest du das Format

Bevor du eine Vorlage hübscher machst, steht eine Grundsatzentscheidung: Braucht diese E-Mail überhaupt ein Design-Layout, oder klickt eine textnahe Mail besser? Die Antwort hängt nicht vom Geschmack ab, sondern vom Ziel der E-Mail. Eine Mail, die wie ein Magazin aussieht, wird auch wie ein Magazin behandelt: überflogen statt gelesen.

Ziel der E-Mail – Besseres Format – Warum
Ziel der E-MailBesseres FormatWarum
Verkauf, Beratungsgespräch, Webinar-AnmeldungPlain-Text-ähnliches HTMLWirkt persönlicher, reduziert Ablenkung, führt zu einem CTA
Produktkatalog, Event-Rückblick, VereinsnewsStrukturiertes DesignBilder und Module helfen beim Überblick
Markenpflege und regelmäßiger DigestSchlankes TemplateWiedererkennung ohne Magazin-Überladung
Reaktivierung oder persönliche NachfrageSehr einfache Text-MailDie Antwort oder der Klick soll im Mittelpunkt stehen

Die Ugly-Email-Strategie: bewusst schlicht

Viele erfahrene E-Mail-Marketer nutzen bewusst einfache Formate statt Design-Overload. Nicht weil Gestaltung wertlos ist, sondern weil eine persönliche, klare Mail den nächsten Schritt oft besser verkauft als ein Magazin-Layout. Das Prinzip: Die E-Mail soll aussehen, als hätte sie ein Mensch geschrieben — nicht eine Marketing-Abteilung und nicht ein Drag-and-Drop-Editor.

So setzt du sie um:

  • Kein Logo im Header: Das Logo ist der erste visuelle Hinweis auf „Marketing-Mail“. Ohne Logo wird die E-Mail eher wie eine persönliche Nachricht wahrgenommen.
  • Maximal ein Bild: Und nur, wenn es echten Informationswert hat, etwa ein Screenshot oder eine erklärende Grafik. Dekorative Bilder sind Rauschen.
  • Persönlicher Absender: „Simon von simon-erklaert.com“ statt „simon-erklaert.com Newsletter“. Der Name macht den Unterschied.
  • P.S.-Zeile nutzen: Die P.S.-Zeile ist nach Betreffzeile und erstem Satz der meistgelesene Teil einer E-Mail — der richtige Platz für den Button oder einen Zusatzanreiz.

Diese Strategie passt nicht für jedes Geschäftsmodell. Für Solopreneure, Berater, Coaches und kleine Dienstleister ist sie aber oft näher an der echten Kaufsituation: Ein Mensch erklärt einem Interessenten, warum der nächste Schritt sinnvoll ist.

Branchenlogik: welches Format wo konvertiert

Branche / Modell – Tendenz – Warum
Branche / ModellTendenzWarum
E-CommerceVisueller, aber fokussiertProduktbilder helfen bei Auswahl und Vertrauen
Beratung / CoachingText-fokussiertBeziehung, Problemverständnis und klare Entscheidung zählen mehr als Optik
SaaS / SoftwareMinimal HTMLScreenshots können helfen, aber der Button muss klar bleiben
Handwerk / DienstleistungText-fokussiertPersönliche Nähe und konkreter Nutzen wirken stärker als Magazin-Design
Gesundheit / FitnessMixÜbungen, Rezepte oder Vorher-Nachher-Logik brauchen manchmal Bilder
Finanzen / VersicherungText-fokussiertVertrauen, Klarheit und Seriosität sind wichtiger als Effekte

Das Muster: Wo persönliche Beziehungen den Umsatz treiben, funktionieren textnahe E-Mails. Wo das Produkt visuell überzeugt, darf mehr Design rein — aber immer mit klarer Hierarchie. Handwerker und Berater, die mit aufwändigen HTML-Newslettern experimentieren, verlassen ihren Sweet Spot: Ihre Kunden erwarten eine persönliche Nachricht, kein Magazin.

Im Zweifel entscheidet nicht ein fremder Benchmark, sondern ein A/B-Test in deiner eigenen Liste: gleicher Inhalt, gleiche Betreffzeile, ein Design-Template gegen eine textnahe Variante.

Schrift, Abstand und Farben: die Werte, die wirklich zählen

Die meisten Newsletter scheitern nicht an der falschen Schmuckfarbe. Sie scheitern an zu kleiner Schrift, zu wenig Abstand und einem Button, der auf dem Smartphone schwer zu treffen ist.

Nutze diese Basiswerte:

  • Fließtext: 16 bis 18px.
  • Überschrift: 24 bis 28px.
  • Zeilenhöhe: etwa 1.5 bis 1.6.
  • Absatzabstand: 10 bis 16px.
  • Button-Höhe: mindestens 44px, besser 48px.
  • Seitlicher Abstand mobile: mindestens 15px.
  • Textfarbe: dunkles Grau auf hellem Grund, nicht hellgrau auf weiß.

Webfonts sind im Newsletter kein Fundament. Viele E-Mail-Clients laden sie nicht zuverlässig. Arial, Helvetica, Georgia, Verdana und Tahoma sind langweilig, aber stabil. Für Newsletter ist stabil besser als besonders.

Schnelltest

Wenn du den Newsletter auf dem Smartphone aus 35cm Abstand öffnest, muss die Hauptaussage ohne Zoomen lesbar sein. Wenn du erst suchen musst, ist nicht der Text zu schwach, sondern die Hierarchie.

CTA gestalten: ein Button, ein Versprechen

Ein Newsletter-Button darf nicht „Hier klicken“ heißen. Der Button muss sagen, was nach dem Klick passiert. Gute Button-Texte sind konkret:

  • Termin ansehen
  • Vorlage herunterladen
  • Produkt ansehen
  • Plätze prüfen
  • Tool-Vergleich lesen

Schlechte Button-Texte sind vage:

  • Mehr erfahren
  • Hier klicken
  • Zum Angebot
  • Jetzt starten

„Jetzt starten“ kann funktionieren, wenn der Kontext direkt davor eindeutig ist. Ohne Kontext ist es ein Blindflug. Besser ist ein Button, der Handlung und Ziel nennt.

Bilder einsetzen, ohne den Newsletter kaputtzumachen

Bilder helfen, wenn sie die Entscheidung schneller machen. Sie schaden, wenn sie den Text ersetzen oder die Mail langsam machen.

Gute Bildnutzung:

  • ein Produktbild, wenn ein Produkt verkauft wird
  • ein Personenbild, wenn Vertrauen wichtig ist
  • eine kleine Grafik, wenn sie einen Ablauf erklärt
  • Alt-Text, der den Inhalt zusammenfasst

Schlechte Bildnutzung:

  • der komplette Newsletter als ein großes Bild
  • Stock-Fotos ohne Aussage
  • fünf Bilder, die alle gleich wichtig wirken
  • Logo mit weißem Hintergrund, das im Dark Mode verschwindet

Outlook blockiert Bilder oft standardmäßig. Der Newsletter muss deshalb auch ohne Bilder verständlich bleiben. Wenn die wichtigste Aussage nur im Bild steht, ist das Layout falsch.

Mobile-first prüfen, bevor du sendest

Viele Newsletter werden am Desktop gestaltet und am Smartphone gelesen. Genau dort brechen schlechte Layouts.

Prüfe vor dem Versand:

  • Siehst du die Hauptaussage im ersten Smartphone-Screen?
  • Ist der Button mit dem Daumen treffbar?
  • Gibt es horizontales Scrollen?
  • Sind Footer-Links wie Impressum und Abmelden nicht zu eng gesetzt?
  • Funktioniert der Newsletter ohne Bilder?
  • Bleibt das Logo im Dark Mode sichtbar?
  • Wird der Text in Gmail, Apple Mail und Outlook akzeptabel dargestellt?

Der eigene Smartphone-Test ist Pflicht. Kein Editor-Preview ersetzt ihn vollständig.

Kostenlos gestalten: wann ein Gratis-Editor reicht

Newsletter gestalten kostenlos ist ein eigener Nebenintent. Die Antwort ist nicht „immer kostenlos“ und auch nicht „sofort teures Tool kaufen“. Entscheidend ist der Zweck.

Kostenlos reicht, wenn:

  • du eine erste Ausgabe testen willst
  • die Liste klein ist
  • du einen Vereins- oder Info-Newsletter verschickst
  • du keine Automationen, Tags oder Shop-Ereignisse brauchst

Kostenlos reicht nicht, wenn:

  • ein Newsletter wiederholt verkaufen soll
  • Kontakte je nach Interesse unterschiedliche E-Mails bekommen sollen
  • Käuferstatus, Warenkorb oder Digistore24-Status wichtig werden
  • du mehrere Strecken parallel pflegen willst

Für einfache Design-Newsletter ist Rapidmail naheliegend. CleverReach ist sinnvoll, wenn du mit einem kostenlosen Einstieg und klassischen Vorlagen arbeiten willst. KlickTipp gehört eher in den Moment, in dem aus Newsletter-Design eine Verkaufs- oder Follow-up-Logik wird.

Nächster Schritt

Tool nach Newsletter-Zweck wählen

Wenn du noch nicht weißt, ob Rapidmail, CleverReach oder KlickTipp passt, entscheide zuerst nach Zweck: einfache Gestaltung, Gratis-Start oder tagbasierte Automation.

Newsletter-Tool-Vergleich lesen

Häufige Gestaltungsfehler

1. Zu viel Inhalt in einer Ausgabe

Ein Newsletter ist kein Blogartikel. Eine Hauptbotschaft reicht. Weitere Themen kommen in kurze Nebenlinks oder in die nächste Ausgabe.

2. Farben statt Hierarchie

Farbe kann führen, aber sie ersetzt keine Struktur. Überschrift, Abstand und Button müssen zuerst stimmen.

3. CTA erst ganz am Ende

Wenn der Leser den nächsten Schritt erst nach fünf Bildschirmhöhen findet, ist der Newsletter zu schwach geführt.

4. Mobile nur nebenbei prüfen

Desktop-Vorschau sieht fast immer besser aus. Entscheidend ist, ob der Newsletter auf dem Smartphone ohne Zoomen lesbar bleibt.

5. Jedes Mal neues Design

Wiedererkennung schlägt Abwechslung. Nutze pro Newsletter-Typ eine feste Struktur und ändere nur Inhalt, Bild und Button.

Der 10-Minuten-Workflow

Wenn du schnell einen Newsletter gestalten willst, arbeite so:

  1. Vorlage wählen: Info, Verkauf oder Produkt.
  2. Eine Hauptbotschaft formulieren.
  3. Betreff und erste Überschrift auf dieselbe Aussage ausrichten.
  4. Text in Absätze mit maximal drei Sätzen teilen.
  5. Einen Button setzen.
  6. Smartphone-Vorschau öffnen.
  7. Alles löschen, was nicht zur Hauptbotschaft beiträgt.
  8. Testmail an dich selbst schicken.

Das Ziel ist kein perfektes Design. Das Ziel ist ein Newsletter, den der Leser in Sekunden versteht und ohne Reibung anklicken kann.

Geprüft am . Recherche und Einordnung folgen der Methodik; Zahlen, Tool-Claims und Grenzen stehen im Quellenverzeichnis. Die thematische Einordnung erfolgt im E-Mail-Marketing-Hub.

Häufige Fragen zur Newsletter-Gestaltung

Was ist die beste Vorlage für einen Newsletter?

Für die meisten Fälle ist eine einspaltige Vorlage mit Logo, kurzer Überschrift, einem Hauptblock und einem Button am stabilsten. Sie funktioniert auf Desktop und Smartphone besser als komplexe Mehrspalten-Layouts.

Wie breit sollte ein Newsletter sein?

Maximal etwa 600px. Damit bleibt die E-Mail in den großen Clients gut lesbar und skaliert auf Smartphones kontrollierter als breite Layouts.

Welche Schriftgröße ist für Newsletter sinnvoll?

Fließtext sollte 16 bis 18px haben. Darunter wird der Text auf Smartphones schnell anstrengend. Überschriften liegen meist bei 24 bis 28px.

Wie viele Bilder gehören in einen Newsletter?

So wenige wie möglich, so viele wie nötig. Für Info-Newsletter reicht oft kein Bild. Für Produkt-Newsletter ist ein Hauptbild sinnvoll. Der Text muss trotzdem ohne Bild verständlich bleiben.

Welches Programm eignet sich zum Newsletter gestalten?

Für einfache Design-Newsletter passen Rapidmail oder CleverReach oft besser. Wenn Tags, Sequenzen, Käuferstatus und Verkaufsautomation wichtig sind, ist KlickTipp der passendere nächste Schritt. Den Gesamtvergleich findest du im Newsletter-Tool-Vergleich.

Simon Haenel

Simon Haenel

Informatiker EFZ · Systemtechnik

Informatiker EFZ (Systemtechnik) mit IT-Praxis in Verkehrsleittechnik, Managed Services und Firewall-Hardening. Analysiert E-Mail-Marketing-Tools aus der technischen Perspektive — Zustellarchitektur, Serverstandort, DSGVO-Infrastruktur.

Recherche gegen Primärquellen
Quellen offengelegt