🚀 So richtest du E-Mail-Vorlagen in WordPress ein: Schritt-für-Schritt-Anleitung

Standardmäßig werden WordPress-E-Mails als reiner Text auf weißem Hintergrund versendet. Kein Logo, keine Farbe, kein Hinweis auf die Marke. Wenn eine Website einem Nutzer eine Registrierungsbestätigung, eine Passwort-Zurücksetzung oder eine Bestellbenachrichtigung sendet, wirkt eine solche E-Mail wie eine gesichtslose automatische Antwort. Der Empfänger zuckt zusammen und klickt auf „Löschen", ohne sie überhaupt zu Ende zu lesen.

Das Problem liegt nicht an der Engine. WordPress liefert standardmäßig Dutzende von Benachrichtigungstypen: von administrativen (Passwort-Wiederherstellung, neuer Benutzer) bis zu transaktionalen (WooCommerce: Bestellung aufgegeben, bezahlt, storniert). Aber keine davon trägt die visuelle Identität der Website. Und E-Mail ist ein Berührungspunkt, der entweder Vertrauen aufbaut oder es in einer Sekunde zerstört.

Die Aufgabe wird mit dem Plugin Email Templates gelöst. Es bettet einen E-Mail-Editor direkt in den WordPress-Customizer ein, also in dieselbe Oberfläche, in der Sie Theme-Farben, Schriftarten und das Logo festlegen. Kein Code, kein Markup, mit Live-Vorschau. Fünf Minuten, und die E-Mails der Website verschrecken keine Empfänger mehr.

💡 Kurzer Überblick:

• Installieren Sie Email Templates über Plugins → Installieren, das Plugin ist kostenlos und über den Namen suchbar
• Öffnen Sie den Editor unter Design → Email Templates, Sie landen im Customizer mit Live-Vorschau
• Konfigurieren Sie die Kopfzeile: Laden Sie ein Logo hoch, legen Sie Hintergrundfarbe und Ausrichtung fest
• Gestalten Sie den E-Mail-Body und die Fußzeile in den Markenfarben, mit Schriftarten und Abständen
• Senden Sie eine Test-E-Mail und prüfen Sie diese in Gmail, Outlook und Apple Mail
• Klicken Sie auf Veröffentlichen, die Vorlage wird gleichzeitig auf alle WordPress- und WooCommerce-System-E-Mails angewendet

Warum Sie das Styling von System-E-Mails ändern sollten

WordPress versendet Benachrichtigungen für jedes bedeutende Ereignis: neuer Benutzer, Passwort-Zurücksetzung, E-Mail-Bestätigung, Administratorwechsel. Wenn WooCommerce läuft, kommen Bestellungen, Rechnungen, Rückerstattungen und Bestellnotizen hinzu. Standardmäßig geht all dies als reiner Text hinaus: Schriftart Times New Roman oder Arial, grauer Hintergrund, keine Grafiken.

Für einen persönlichen Blog ist das tolerierbar. Aber sobald Registrierungen, ein Shop oder ein Mitgliederprogramm auf der Website erscheinen, beginnt das Erscheinungsbild der E-Mail, die Markenwahrnehmung direkt zu beeinflussen. Ein Firmenlogo, sauberes Markup und ein Farbschema erhöhen die Öffnungsraten und reduzieren die Einstufung als Spam. Die E-Mail-Marketing-Forschung zeigt: Gebrandete transaktionale E-Mails liefern eine spürbar höhere Klickrate, der Unterschied kann zweistellige Prozentwerte erreichen.

Es gibt zwei grundlegende Ansätze: PHP-Templates im Theme bearbeiten (jedes Update überschreibt die Änderungen) oder ein Customizer-Plugin installieren. Der zweite Weg ist sicherer und erfordert keine Code-Änderungen.

Plugin-Installation

Email Templates arbeitet über den nativen WordPress-Customizer, dieselbe Oberfläche, in der Sie Theme-Farben, Schriftarten und das Logo konfigurieren. Das bedeutet, alle Änderungen sind sofort in Echtzeit sichtbar, ohne zwischen Tabs wechseln zu müssen. Das Plugin ist kostenlos, mit über 300.000 aktiven Installationen und einer Bewertung von 4,7 auf WordPress.org.

Die Installation dauert eine halbe Minute:

• Gehen Sie im Admin-Bereich zu Plugins → Installieren
• Geben Sie in die Suchleiste "Email Templates" ein
• Klicken Sie auf Jetzt installieren, dann auf Aktivieren

Nach der Aktivierung erscheint ein Menüpunkt Email Templates im Menü Design. Klicken Sie darauf, der Editor öffnet sich innerhalb des Customizers.

Sie sehen die Customizer-Oberfläche mit den Tabs: Einstellungen, Vorlage, E-Mail-Header, E-Mail-Body, Fußzeile und Test-E-Mail senden. Wir gehen jeden einzelnen durch, die Reihenfolge ist wichtig.

Absenderkonfiguration: Tab Einstellungen

Der erste Tab legt fest, von wem die E-Mail kommt. Zwei Schlüsselfelder:

• Absendername, der Absendername, den der Empfänger sieht. Ändern Sie "WordPress" in den Firmen- oder Websitenamen: "SiteName Team", "Support @ SiteName". Dies ist das Erste, was der Empfänger im Posteingang liest.
• Absender-E-Mail, die Adresse, von der aus E-Mails versendet werden. Standardmäßig aus den allgemeinen WordPress-Einstellungen (Einstellungen → Allgemein) übernommen, aber Sie können jede andere angeben.

Warum dies für die Zustellbarkeit wichtig ist: Mailserver gleichen die Domain in der Absenderadresse mit der Website-Domain ab. Bei einer Abweichung landet die E-Mail wahrscheinlich im Spam. Wenn die Website auf mysite.com läuft, die Absender-E-Mail aber als admin@gmail.com gesetzt ist, erkennt der Mailer Spoofing und blockiert den Versand. Verwenden Sie immer eine Adresse auf der Website-Domain.

Geometrie und Hintergrund: Tab Vorlage

Der Tab Vorlage steuert die gesamte E-Mail-Struktur. Vier Optionen:

• Boxed oder Full-Width, E-Mail mit Rändern an den Seiten (Boxed-Layout) oder über die volle Fensterbreite
• Hintergrundfarbe, Hintergrundfarbe außerhalb des E-Mail-Bodys
• E-Mail-Body-Größe, Breite des Inhaltsbereichs, einstellbar per Schieberegler
• Custom CSS, Feld für benutzerdefinierte Stile, falls die Standardeinstellungen nicht ausreichen

Die Wahl zwischen Boxed und Full-Width ist eine Frage des Kontexts. Boxed (Breite um 600px mit Rand) wirkt in Desktop-Mailclients sauberer und liest sich besser. Full-Width eignet sich für Werbemailings, bei denen es auf jeden Pixel ankommt. Für geschäftliche und transaktionale E-Mails empfehle ich Boxed.

Custom CSS ist nützlich, wenn Sie ein Detail anpassen müssen, das von der Oberfläche nicht abgedeckt wird. Aber bedenken Sie: Nicht alle Mailclients unterstützen moderne CSS-Eigenschaften. Flexbox und Grid funktionieren in E-Mails nicht, setzen Sie auf Tabellen-Layout und Inline-Styles.

E-Mail-Header: E-Mail-Header

Der Bereich E-Mail-Header fügt der E-Mail ein Logo und eine Textüberschrift hinzu. Dies ist das Erste, was der Empfänger beim Öffnen der E-Mail sieht. Einstellungen:

• Logo hinzufügen, Bildupload (wird oben in der E-Mail, über dem Text, angezeigt)
• Ausrichtung, Logo- und Textausrichtung: links, zentriert oder rechts
• Hintergrundfarbe, Hintergrund des Headers
• Textfarbe, Farbe des Überschriftentextes
• Textgröße, Schriftgröße, Schieberegler

Ein Logo im Header ist der schnellste Weg, Branding hinzuzufügen. Regeln: Verwenden Sie PNG mit transparentem Hintergrund, Breite 200-300px. Größer, und die E-Mail lädt in mobilen Clients langsam. Kleiner, und das Logo geht auf dem Bildschirm unter. Stellen Sie vor dem Upload sicher, dass das Bild optimiert ist: Lassen Sie es durch TinyPNG oder ShortPixel laufen.

Der Überschriftentext ist optional, aber eine nützliche Ergänzung. Gute Option: Websitename und ein kurzer Slogan. Wählen Sie eine Textfarbe, die mit dem Header-Hintergrund kontrastiert.

E-Mail-Body: E-Mail-Body

Der Tab E-Mail-Body steuert den Haupttextbereich, also den Inhalt, für den die E-Mail versendet wird. Hier legen Sie fest:

• Hintergrundfarbe, Hintergrund des E-Mail-Bodys
• Textfarbe, Farbe von Absätzen und Überschriften
• Linkfarbe, Farbe der Links
• Textgröße, Schriftgröße

Der Kontrast zwischen Text und Hintergrund ist hier entscheidend. Dunkelgrauer Text (#333333) auf weißem Hintergrund liest sich besser als reines Schwarz, weniger Augenbelastung, besonders auf mobilen Geräten. Heben Sie Links mit einer Farbe hervor, die sich sowohl vom Haupttext als auch von Schwarz unterscheidet: Der Empfänger soll das klickbare Element sofort erkennen. Gute Referenz: die Markenfarbe der Website.

Textgröße: Für Desktop-Clients sind 14-16px ausreichend, für Mobilgeräte sollte man besser nicht unter 14px gehen. Mailclients skalieren Inhalte unterschiedlich, testen Sie daher auf echten Geräten.

Fußzeile: Fußzeile

Die Fußzeile ist der letzte Inhaltsblock der E-Mail. Sie wird oft ignoriert, aber zu Unrecht: Dies ist der einzige Ort, den jeder liest, weil er bis zum Ende scrollt, um den „Abmelden"-Button zu finden. Einstellungen:

• Fußzeilentext, benutzerdefinierter Text (Standard: Websitename und Copyright-Zeichen)
• Ausrichtung, Ausrichtung des Fußzeilentextes
• Hintergrundfarbe und Textfarbe, Gestaltung der Fußzeile
• Textgröße, Schriftgröße
• Powered by, Link zur Plugin-Seite, ein- und ausschaltbar

Standard-Fußzeile für geschäftliche E-Mails: "© SiteName, 2026. All rights reserved" plus Link zur Datenschutzerklärung. Das Plugin unterstützt HTML-Markup, sodass Sie den Link zur Datenschutzerklärung direkt in den Fußzeilentext einfügen können. Powered by ist Ihre Entscheidung; der Link ist nicht aufdringlich und schadet dem Branding nicht.

Wenn Sie personenbezogene Daten europäischer Nutzer verarbeiten, ist ein Link zur Datenschutzerklärung in der Fußzeile jeder System-E-Mail eine DSGVO-Anforderung.

Testversand und Veröffentlichung

Wenn das Design fertig ist, öffnen Sie den Tab Test-E-Mail senden. Das Plugin sendet eine Test-E-Mail an die administrative E-Mail-Adresse der Website, und Sie sehen genau das, was auch der Nutzer sehen wird.

Prüfen Sie die E-Mail unbedingt in mehreren Mail-Clients. Die HTML-Darstellung unterscheidet sich erheblich: Gmail entfernt <style> aus dem <head>, Outlook setzt auf die Word-Engine (unterstützt nicht alle CSS-Eigenschaften), Apple Mail zeigt ein Bild, das der Browser-Darstellung nahekommt. Mindestens zu testen sind: Gmail (Web), Outlook (Desktop), Apple Mail oder der mobile iOS-Client.

Die Live-Vorschau im Customizer zeigt Änderungen sofort an, daher genügen in der Regel ein bis zwei Iterationen. Wenn das Ergebnis zufriedenstellend ist, klicken Sie oben links im Customizer auf Veröffentlichen. Die Einstellungen werden dann gleichzeitig auf alle System-E-Mails von WordPress und WooCommerce angewendet.

Integration mit SMTP-Plugins

Email Templates versendet selbst keine E-Mails, es verändert ausschließlich deren HTML-Gestaltung. Der Versand erfolgt weiterhin über wp_mail(), das standardmäßig die PHP-Funktion mail() nutzt. Für eine zuverlässige Zustellung sollte das Plugin zusammen mit einer SMTP-Lösung eingesetzt werden. Getestete Kompatibilität:

• Post SMTP Plugin, über 400.000 aktive Installationen, mehr als 15 SMTP-Anbieter, detaillierte Versandprotokolle, mobile App für das Monitoring
• Easy WP SMTP, minimalistischer Einstieg, funktioniert mit jedem SMTP-Server ohne zusätzliche Optionen
• FluentSMTP, Anbindung an beliebige SMTP-Anbieter, Versandprotokolle, Statistiken und automatische Wiederholungsversuche für fehlgeschlagene E-Mails
• Mailgun, Integration mit dem Transaktionsmail-Dienst Mailgun, kostenloses Kontingent bis zu 100 E-Mails pro Tag

Wichtiger Hinweis: Email Templates hat keinen Einfluss auf E-Mails von externen E-Mail-Marketing-Diensten wie Mailchimp, Brevo, ConvertKit und ähnlichen. Für die Gestaltung dieser Mailings nutzen Sie bitte die integrierten Editoren der jeweiligen Dienste.

Eigenes PHP-Template: volle Kontrolle über das Markup

Wenn die Standardeinstellungen des Plugins nicht ausreichen und Sie die volle Kontrolle über die HTML-Struktur der E-Mail benötigen, können Sie ein eigenes PHP-Template einbinden. Kopieren Sie dazu den Ordner templates aus dem Plugin in Ihren Theme-Ordner und fügen Sie einen Filter in die functions.php ein:

1
add_filter('mailtpl_customizer_template', function($default_template_path) {
2
    return get_stylesheet_directory() . '/email/templates/default.php';
3
});

Danach verwendet das Plugin Ihr PHP-Template anstelle des eingebauten. Sichern Sie das Theme unbedingt vor der Bearbeitung: Ein Fehler im Template unterbricht den Versand aller System-E-Mails auf einmal.

Video: Einrichtung in 10 Minuten

Wenn Sie das visuelle Format bevorzugen, finden Sie hier eine Schritt-für-Schritt-Anleitung von der Installation bis zum fertigen Template:

⁉️🤔 Häufig gestellte Fragen

Das Plugin kollidiert mit meinem Theme. Was kann ich tun?

Prüfen Sie, ob die WordPress-Version 4.0 oder höher installiert ist, das ist die Mindestanforderung des Plugins. Ein direkter Konflikt mit dem Theme ist unwahrscheinlich: Email Templates nutzt den nativen Customizer und injiziert nichts ins Frontend. Sollte dennoch ein Problem auftreten, wechseln Sie vorübergehend zum Standard-Theme Twenty Twenty-Five und prüfen Sie, ob der Konflikt verschwunden ist. Meistens wird der „Konflikt" nicht durch das Theme verursacht, sondern durch ein anderes Plugin, das wp_mail abfängt. Deaktivieren Sie E-Mail-Plugins nacheinander und prüfen Sie nach jedem Schritt die Vorschau im Customizer, so finden Sie den Verursacher.

Kann man für verschiedene E-Mail-Typen unterschiedliche Templates festlegen?

Ja, für WooCommerce-Benachrichtigungen zeigt das Plugin eine Dropdown-Liste mit Typen an: neue Bestellung, Stornierung, in Bearbeitung, abgeschlossen, Rückerstattung, Rechnung, Notiz, Passwort zurücksetzen. Wählen Sie den Typ aus und konfigurieren Sie das Template separat. Für reguläre WordPress-E-Mails (Registrierung, Passwort-Wiederherstellung) wird ein gemeinsames Template verwendet. Wenn Sie vollständig getrennte Templates für jeden E-Mail-Typ mit einem Drag-and-Drop-Editor benötigen, sehen Sie sich Kadence WooCommerce Email Designer an.

Funktioniert das Plugin mit modernen PHP- und WordPress-Versionen?

Ja. Das Plugin wird aktualisiert und ist vollständig kompatibel mit der aktuellen WordPress-Version, einschließlich der Unterstützung moderner PHP-Versionen. Im Juni 2026 verzeichnet es über 300.000 aktive Installationen und hält eine Bewertung von 4,7, das letzte Update wurde 2026 veröffentlicht. Sollten nach einem WordPress-Update Fehler auftreten, prüfen Sie zuerst, ob das Plugin auf die neueste Version aktualisiert ist. Die Entwickler veröffentlichen in der Regel innerhalb einer Woche nach einem größeren Versionssprung des Systems einen Kompatibilitäts-Patch.

E-Mails landen im Spam, obwohl alles konfiguriert ist. Woran liegt das?

E-Mail-Vorlagen ändern nur das Aussehen der E-Mail, nicht die Versandmethode. Landen E-Mails im Spam, liegt das Problem auf der Mailserver-Seite. Lösung: Installieren Sie ein SMTP-Plugin (Post SMTP ist die funktionsreichste kostenlose Option), konfigurieren Sie den Versand über einen externen SMTP-Server (Gmail, Microsoft 365, Mailgun) und stellen Sie sicher, dass die Absenderadresse (From-E-Mail) mit der Domain der Website übereinstimmt. Auch SPF-, DKIM- und DMARC-Einträge für die Domain sollten korrekt eingerichtet sein.

Kann man der E-Mail-Vorlage eine eigene Schriftart hinzufügen?

Die Standardoberfläche des Plugins unterstützt keine benutzerdefinierten Webfonts, und das ist eine bewusste Einschränkung: Mail-Clients haben eine extrem begrenzte @font-face-Unterstützung. Die meisten (einschließlich Gmail und Outlook) ignorieren den Webfont und zeigen eine System-Ersatzschrift an. Ist die Schriftart für die Marke kritisch, nutzen Sie eine eigene PHP-Vorlage (über den Filter mailtpl_customizer_template) und fügen Sie einen <link> zur Schriftart im <head> ein. Aber beachten Sie: Einige Empfänger werden weiterhin Arial oder Times sehen.

Lohnt sich die Installation von Email Templates im Jahr 2026

Email Templates deckt den Bedarf an System-E-Mail-Anpassung für die absolute Mehrheit der Websites ab. Kostenlos, ohne Code, mit Live-Vorschau, kompatibel mit WooCommerce und gängigen SMTP-Plugins. Über 300.000 aktive Installationen und eine Bewertung von 4,7 sprechen für sich.

Benötigen Sie mehr, einen Drag-and-Drop-Editor, separate Vorlagen für jeden E-Mail-Typ, Integration mit Elementor, sehen Sie sich Kadence Email Designer für WooCommerce oder YeeMail an. Aber für den Einstieg und die alltägliche Anpassung bleibt Email Templates die beste kostenlose Option.

Probieren Sie es aus: Installation, eine Minute, erste Vorlage, fünf Minuten. Und wenn E-Mails auch nach der Konfiguration nicht ankommen, prüfen Sie SMTP.