Designs & E-Mail-Typen

HTML-Vorlagen im Designer erstellen

Stand: 13. Mai 2026 Lesezeit: 3 min

Auf dieser Seite

Die fünf Sektionen des Designers
Design-Check vor der Veröffentlichung

Der Designer erzeugt E-Mail-kompatibles HTML, das in den großen Clients (Gmail, Outlook, Apple Mail) zuverlässig rendert. Die Vorschau im Plugin hilft, ersetzt aber keine Testmail in echten Postfächern.

FreddyMail Designer im WordPress-Admin — Der Designer mit Preset-Picker links, Live-Preview rechts und Detailpanel unten.

Die fünf Sektionen des Designers

Preset wählen. Startpunkt für Breite, Abstände und Grundtypografie. Spart später Fummelarbeit.
Background einstellen. Äußere Flächenfarbe und Innenabstand. Beim Wechsel der Marke meist nur hier nötig.
Header anpassen. Logo (über HTTPS!), Titel, Ausrichtung und mobile Darstellung.
Body konfigurieren. Schriftgröße, Textfarbe, Linkfarbe, Buttonstil, Absatzabstände.
Vorschau prüfen. Desktop- und Mobilbreite. Erst danach speichern und Testmails senden.

Preset-Picker

Preset-Auswahl im Designer — Mehrere kuratierte Style-Presets wie Corporate Blue, Warm Sunset oder Mono Editorial. Ein Klick wendet Farben und Typografie an.

Header-Editor

Logo per HTTPS einbinden. Maximalbreite 200px sorgt für saubere Darstellung in Retina-Inboxen.

Body-Editor

Vorschau

Library

Design-Check vor der Veröffentlichung

Logo lädt über HTTPS und ist nicht zu groß (max. 200 px breit).
Text ist auch im Dark Mode lesbar.
Buttons haben genug Kontrast und funktionieren als Link.
Mobile Breite ist geprüft.
Testmails wurden in den wichtigsten Clients geöffnet.