Newsletter gestalten: 3 Vorlagen, die sofort funktionieren

· Aktualisiert: · 11 Min. Lesezeit

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.

ProvenExpert: 4,9/5 Google: 4,9/5 Testsieger 2024 DSGVO • Deutschland
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.

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.

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.

Verifiziert gegen Primärquellen
Fakten geprüft