Email Builder Layout-Rezepte: 10 „Blockstrukturen“, die konvertieren (mit Beispielen)

So verwenden Sie diese Rezepte

Jedes Rezept ist wie ein Bauplan geschrieben. Sie sehen:

• Blockstruktur (die Reihenfolge der zu stapelnden Blöcke)
• Bestens geeignet für (bei welcher Art von E-Mail dieses Layout gewinnt)
• Beispiel (Überschrift + kurzer Text + CTA-Text, den Sie anpassen können)
• Conversion-Tipps (kleine Anpassungen, die einen großen Unterschied machen)

Wenn Sie lieber schneller starten möchten, öffnen Sie eine Vorlage und ersetzen Sie den Inhalt: Mailpro E-Mail-Vorlagen.

1) Hero + Einzelner CTA (Die „Ein-Ziel-E-Mail“)

Bestens geeignet für: Werbeaktionen, Ankündigungen, zeitlich begrenzte Angebote, ein einzelnes Produkt/eine einzelne Dienstleistung, „Lesenswert“-Inhalte.

Blockstruktur

• Abstandshalter
• Logo / Marken-Header (Bild)
• Überschrift (Text)
• Unterüberschrift (Text)
• Hero-Bild (Bild)
• Primärer CTA (Button)
• Kurzer unterstützender Absatz (Text)
• Trennlinie
• Footer: Adresse + Abmelden + Social (Text + Social-Buttons)

Beispiel

Überschrift: Neu: Der schnellere Weg, Ihren nächsten Newsletter zu erstellen

Unterüberschrift: Wählen Sie ein Layout, fügen Sie Ihre Inhalte ein und versenden Sie in wenigen Minuten.

Button: E-Mail-Builder ausprobieren

Unterstützender Text: Möchten Sie lieber mit einem fertigen Design beginnen? Wählen Sie eine Vorlage und passen Sie sie schnell an.

Conversion-Tipps

• Nur ein primärer Button. Wenn Sie einen zweiten CTA hinzufügen, machen Sie ihn zu einem Textlink darunter.
• Halten Sie den ersten Bildschirm fokussiert: Überschrift + Bild + CTA sollten schnell sichtbar sein.
• Verwenden Sie spezifischen CTA-Text („Leitfaden holen“, „Meinen Platz reservieren“) anstelle von generischen Texten („Hier klicken“).

Wenn Ihr Button visuell nicht stark genug ist, verwenden Sie ein spezielles CTA-Tool: Call-To-Action Buttons.

2) Die umgekehrte Pyramide (Für Klicks ohne Druck)

Bestens geeignet für: Content-Marketing, Blog-Promotionen, Bildungs-E-Mails, Onboarding-Schritte.

Blockstruktur

• Logo (Bild)
• Überschrift (Text)
• Kurzes Intro (Text)
• Hauptbild oder visuelles Element (Bild)
• Primärer CTA (Button)
• Aufzählungspunkte: Was gelernt/erhalten wird (Text)
• Sekundärer CTA als Link (Text)
• Footer (Text + Social-Buttons)

Beispiel

Überschrift: 10 E-Mail-Layouts, die Leute zum Klicken bringen

Intro: Wenn Ihre E-Mails „gut“ aussehen, aber nicht konvertieren, ist das Layout oft das fehlende Puzzleteil.

Button: Die 10 Rezepte ansehen

Aufzählungspunkte: Sie erhalten Layout-Blaupausen für Werbeaktionen, Events, Produkt-Updates, Umfragen und mehr.

Conversion-Tipps

• Machen Sie das Intro maximal 2–3 Zeilen lang. Das Ziel ist es, die Aufmerksamkeit auf den CTA zu lenken.
• Fügen Sie „Was ist drin“-Aufzählungspunkte unter dem Button hinzu, um Zögern abzubauen.

3) Produkt-Raster (2–3 Artikel, sauber und scannbar)

Bestens geeignet für: E-Commerce, „Top-Picks“, Neuheiten, Pakete, Upgrades.

Blockstruktur

• Header (Bild/Logo)
• Überschrift + kurzes Intro (Text)
• Artikelzeile 1: Bild + Text + Button (gemischte Blöcke verwenden)
• Artikelzeile 2: Bild + Text + Button
• Optionale Zeile 3 (nur bei Bedarf)
• Trennlinie
• Vertrauens-Snippet: Versand / Garantie / Support (Text)
• Footer (Text + Social-Buttons)

Beispiel

Überschrift: 3 Kundenfavoriten in dieser Woche

Artikelstruktur: Produktbild → einzeiliger Vorteil → Preis oder wichtiges Detail → „Jetzt kaufen“

Conversion-Tipps

• Beschränken Sie sich auf 2–3 Produkte, wenn Sie Klicks wollen. Zu viele Auswahlmöglichkeiten verringern die Handlungsbereitschaft.
• Halten Sie jede Produktbeschreibung bei einer Zeile Vorteil, kein ganzer Absatz.
• Wenn Sie mehr Artikel benötigen, verlinken Sie unten auf „Alle anzeigen“.

4) Story → Beweis → CTA (Der Vertrauensaufbau)

Bestens geeignet für: höherpreisige Angebote, Dienstleistungen, B2B, Verlängerungen, „Warum wir“-E-Mails.

Blockstruktur

• Header (Bild/Logo)
• Überschrift (Text)
• Kurze Geschichte / Kontext (Text)
• Beweis-Block (Text): Testimonial, Statistik, Mini-Fallstudie
• CTA (Button)
• FAQ-Mini-Sektion (Text)
• Footer (Text + Social-Buttons)

Beispiel

Überschrift: „Wir haben unsere E-Mails vereinfacht... und die Klicks sind gestiegen.“

Story: Das alte Layout hatte drei konkurrierende Buttons und ein langes Intro. Die Leute wussten nicht, was sie tun sollten.

Beweis: Nach dem Wechsel zu einem primären CTA und klareren Abschnitten wurde die E-Mail einfacher zu scannen.

Button: Layout ansehen

Conversion-Tipps

• Beweise funktionieren am besten, wenn sie spezifisch sind (was sich geändert hat, warum es geholfen hat).
• Platzieren Sie den CTA direkt nach dem Beweis: Dort ist die Motivation am höchsten.

5) Event / Webinar-Layout (Agenda + Referenten + Anmeldung)

Bestens geeignet für: Webinare, Events, Live-Demos, Workshops, Schulungen.

Blockstruktur

• Header (Bild/Logo)
• Event-Titel + Datum/Uhrzeit (Text)
• Hero-Bild (Bild)
• Primärer CTA (Button)
• Agenda (Text mit kurzen Stichpunkten)
• Referenten (Bild-Text-Blöcke)
• Erinnerungs-CTA (Button oder Textlink)
• Footer (Text + Social-Buttons)

Beispiel

Titel: Live-Training: E-Mail-Layouts, die Klicks steigern

Datum: Donnerstag, 14:00 Uhr (Ihrer Zeit)

Button: Meinen Platz reservieren

Agenda-Stichpunkte: 10-Minuten-Checkliste • 3 Layout-Wechsel • Q&A

Conversion-Tipps

• Platzieren Sie den Registrierungs-Button über der Agenda. Menschen entscheiden sich früh.
• Wiederholen Sie den CTA nach dem Referenten-Abschnitt für Schnellleser.

Gefallen Ihnen diese Layouts? Die Mailpro-Tarife enthalten einen Drag-and-drop-Block-Editor — jedes Rezept in Minuten zusammengebaut, ohne Code.

6) „Feature Drop“-Layout (Versionshinweise, die tatsächlich gelesen werden)

Bestens geeignet für: Produkt-Updates, SaaS-Ankündigungen, „Was gibt es Neues“-Newsletter.

Blockstruktur

• Header (Bild/Logo)
• Überschrift (Text)
• Kurzes „Warum es wichtig ist“-Intro (Text)
• Feature 1: Bild + Text + Link (Bild-Text-Block)
• Feature 2: Bild + Text + Link
• Feature 3: Bild + Text + Link
• Primärer CTA (Button)
• Footer (Text + Social-Buttons)

Beispiel

Überschrift: Neu in diesem Monat: schnelleres Erstellen, sauberere Layouts

Intro: Drei Upgrades, die Ihre nächste Kampagne einfacher zu erstellen und schneller zu lesen machen.

CTA: Updates entdecken

Conversion-Tipps

• Für jedes Feature: Verwenden Sie 1 Zeile Vorteil + 1 Zeile „Wie es hilft“.
• Verlinken Sie jeden Feature-Titel mit einer relevanten Seite und setzen Sie am Ende einen primären „Ausprobieren“-Button.

7) Blitzverkauf + Countdown (Dringlichkeit ohne Chaos)

Bestens geeignet für: Blitzverkäufe, zeitlich begrenzte Angebote, Warenkorb-Abbruch-Angebote, saisonale Aktionen.

Blockstruktur

• Header (Bild/Logo)
• Überschrift (Text)
• Countdown-Timer-Block
• Hero-Bild (Bild)
• Angebotsdetails (Text)
• CTA (Button)
• Das Kleingedruckte (Text)
• Footer (Text + Social-Buttons)

Beispiel

Überschrift: 24-Stunden-Angebot: Sparen Sie heute 20 %

Angebotsdetails: Code SPAREN20 verwenden • Endet heute Abend

Button: Meinen Rabatt sichern

Conversion-Tipps

• Halten Sie die Dringlichkeit sauber: Countdown + ein Angebot + ein CTA.
• Platzieren Sie den Countdown weit oben, damit er früh gesehen wird.

Wenn Sie Dringlichkeit richtig hinzufügen möchten, verwenden Sie: Countdown-Timer.

8) Termin / Buchung-Layout (Einfach, servicebasiert)

Bestens geeignet für: Salons, Kliniken, Berater, lokale Dienstleistungen, Bestätigungen + Wiederbuchungen.

Blockstruktur

• Header (Bild/Logo)
• Überschrift (Text)
• 3 schnelle Vorteile (Text-Stichpunkte)
• CTA (Button)
• Optional: Bild (Team / Standort / Service)
• Sekundärer CTA (Textlink)
• Footer mit Kontaktinformationen (Text)

Beispiel

Überschrift: Bereit für Ihren nächsten Termin?

Stichpunkte: Schnelle Buchung • Flexible Zeiten • Freundlicher Support

Button: Termin buchen

Conversion-Tipps

• Richten Sie den CTA auf die Aktion aus („Buchen“), nicht auf das Unternehmen („Mehr erfahren“).
• Halten Sie Vorteile kurz; Sie reduzieren Reibungsverluste, erklären aber nicht alles.

9) Lead-Magnet-Layout (Download + Follow-up-Pfad)

Bestens geeignet für: Leitfäden, Checklisten, E-Books, Vorlagen, Toolkits, kostenlose Testversionen.

Blockstruktur

• Header (Bild/Logo)
• Überschrift (Text)
• Was Sie erhalten (Text-Stichpunkte)
• Hero-Bild (Cover-Mockup) (Bild)
• CTA (Button)
• „Wie es weitergeht“ (Text)
• Footer (Text + Social-Buttons)

Beispiel

Überschrift: Kostenlose Checkliste: 25 E-Mail-QA-Prüfungen vor dem Versand

Stichpunkte: Layout-Checks • Link-Checks • Mobile Checks • Zustellbarkeits-Basics

Button: Checkliste herunterladen

Weiter: Nach dem Download erhalten Sie 2 kurze E-Mails mit Beispielen, die Sie kopieren können.

Conversion-Tipps

• Lassen Sie den Lead-Magneten „klein und sofort verfügbar“ wirken (Checklisten konvertieren gut).
• Erklären Sie, „was als Nächstes passiert“, um Ängste und Spam-Beschwerden zu reduzieren.

10) Umfrage / Formular-Layout (Feedback-E-Mail mit geringer Hürde)

Bestens geeignet für: Feedback-Umfragen, Onboarding-Fragen, Feedback nach dem Kauf, schnelle Registrierungen.

Blockstruktur

• Header (Bild/Logo)
• Überschrift (Text)
• Ein-Satz-Grund (Text)
• Eingebetteter Formular-Block ODER Button zum Formular (Formular oder Button)
• Vertrauenszeile (Text): „Dauert 30 Sekunden“ / „Kein Login“
• Optional: Anreiz (Text)
• Footer (Text)

Beispiel

Überschrift: Kurze Frage (30 Sekunden)

Grund: Ihre Antwort hilft uns, das nächste Update zu verbessern.

Button: Die 3 Fragen beantworten

Vertrauenszeile: Kein Login. Eine Minute. Das ist alles.

Conversion-Tipps

• Fragen Sie nach dem Minimum (3–5 Fragen). Sie können später immer noch nachfassen.
• Nennen Sie die Zeit, die es in Anspruch nimmt. „30 Sekunden“ ist oft der beste Conversion-Hebel.

Wenn Sie schnell ein Formular erstellen und teilen möchten, beginnen Sie hier: Formular-Builder und Formulare teilen.

Wie man Layouts konvertiert (ohne alles neu zu entwerfen)

1) Eine E-Mail = eine primäre Aktion

Sie können unterstützende Links einfügen, aber wählen Sie immer eine Hauptaktion. Wenn alles wichtig ist, wird nichts angeklickt.

2) Platzieren Sie den CTA dort, wo die Entscheidung fällt

Für Promos/Events: CTA früh. Für vertrauensintensive Angebote: CTA nach dem Beweis. Für lange E-Mails: Wiederholen Sie den CTA einmal.

3) Design für Schnellleser

Die meisten Leser überfliegen: Überschrift, Bild, fettgedruckte Sätze, Button. Verwenden Sie kurze Absätze, klare Überschriften und Trennlinien/Abstandshalter.

4) Halten Sie Blöcke konsistent

Die E-Mail fühlt sich „einfacher“ an, wenn sich wiederholende Elemente gleich aussehen (gleicher Button-Stil, gleiche Abstände, gleiches Produktblockformat).

5) Senden Sie das richtige Layout an die richtigen Personen

Ein schönes Layout wird nicht konvertieren, wenn es das falsche Publikum erreicht. Nutzen Sie Targeting, um „Einheitskampagnen“ zu vermeiden: E-Mail-Segmentierung und Tags.

Wie man misst, was funktioniert

„Konvertieren“ kann Verschiedenes bedeuten: Klicks, Käufe, Buchungen, Antworten, Downloads. Beginnen Sie mit dem Tracking zweier wesentlicher Dinge:

• Gesamtleistung der Kampagne (Trendlinie über die Zeit, was sich verbessert, was nachlässt)
• Klickverhalten (welche Abschnitte und Buttons Aufmerksamkeit erhalten)

Mailpro bietet Ihnen beides: Kampagnen-Performance und Klickanalyse.

Praktische Regel: Wenn Ihre Klicks niedrig sind, vereinfachen Sie das Layout (Rezept #1 oder #2). Wenn Klicks vorhanden sind, aber die Conversions niedrig bleiben, verbessern Sie die Übereinstimmung mit der Landingpage und schärfen Sie das Angebot nach.

So wählen Sie das beste Rezept in 30 Sekunden aus

• Ein Angebot / ein Link? Verwenden Sie Rezept #1 (Hero + Einzelner CTA).
• Blog oder Bildung? Verwenden Sie Rezept #2 (Umgekehrte Pyramide).
• Mehrere Produkte? Verwenden Sie Rezept #3 (Produkt-Raster).
• Viel Vertrauen nötig? Verwenden Sie Rezept #4 (Story → Beweis → CTA).
• Event? Verwenden Sie Rezept #5 (Event-Layout).
• Produkt-Updates? Verwenden Sie Rezept #6 (Feature Drop).
• Dringlichkeit? Verwenden Sie Rezept #7 (Countdown).
• Service-Buchung? Verwenden Sie Rezept #8 (Termin).
• Kostenloser Download? Verwenden Sie Rezept #9 (Lead-Magnet).
• Feedback oder Anmeldung? Verwenden Sie Rezept #10 (Umfrage/Formular).

Erstellen Sie diese Layouts in Mailpro

Möchten Sie diese Layouts schnell erstellen, ohne Code anzufassen? Verwenden Sie den Mailpro E-Mail-Builder, um Blöcke (Text, Bilder, Buttons, Trennlinien, Abstandshalter, Social-Buttons, Countdown, Formulare und mehr) per Drag-and-Drop zu verschieben.

Oder beginnen Sie mit einem sofort einsatzbereiten Design und tauschen Sie Ihre Inhalte aus: Mailpro E-Mail-Vorlagen durchsuchen.