Einstellungen für das Erscheinungsbild des Stripo-E-Mail-Editors

Published: 22. Oktober 2024 · Last updated: 21. Juli 2026 · By Marcus Biel

Der Tab „Erscheinungsbild“ ermöglicht es Ihnen, das globale Design Ihrer E-Mail zu steuern, z. B. Schriftarten, Hintergrundfarben, Schaltflächenstile und mobile Formatierungen. Dadurch wird ein konsistentes und geräte- sowie E-Mail-Client-übergreifend anpassungsfähiges Design gewährleistet.

Nachfolgend finden Sie eine ausführliche Erklärung der einzelnen Bereiche im Tab „Erscheinungsbild“.

---

1. Allgemeine Einstellungen

Passen Sie das allgemeine Erscheinungsbild und die Ausrichtung Ihrer E-Mail an. Diese Einstellungen werden global auf alle Bereiche angewendet.

• Nachrichtenausrichtung: Richten Sie den E-Mail-Inhalt links, zentriert oder rechts aus.
• Standard-Innenabstand: Legen Sie einen einheitlichen Abstand um neue Strukturen fest oder passen Sie den Innenabstand für jede Seite (oben, rechts, unten, links) einzeln an.
• Allgemeine Hintergrundfarbe: Legen Sie die Hintergrundfarbe der E-Mail mithilfe eines Hex-Codes oder einer Farbauswahl fest.
• Schriftart: Wählen Sie aus Standardschriftarten wie Arial und Helvetica oder dekorativen Schriftarten wie Roboto und Lato.
• Zeilenabstand: Passen Sie den Abstand zwischen Zeilen mithilfe von vier vordefinierten Optionen an.
• Abstand unter Absätzen: Aktivieren oder deaktivieren Sie den Abstand zwischen Absätzen.
• Links unterstreichen: Unterstreichen Sie automatisch alle Links in Ihrer E-Mail (ein-/ausschalten).
• Responsives Design: Aktivieren Sie diese Option, damit sich Ihre E-Mail an verschiedene Bildschirmgrößen anpasst, insbesondere an Mobilgeräte.
• Textrichtung von rechts nach links (RTL): Aktivieren Sie diese Option für Sprachen wie Arabisch oder Hebräisch.
• Hintergrundbild: Fügen Sie ein Hintergrundbild hinzu und verknüpfen Sie es optional. Zum Hochladen von Bildern können Sie Drag-and-drop verwenden.

---

2. Streifen

Streifen stellen große strukturelle Bereiche Ihrer E-Mail dar (z. B. Kopfzeile, Inhalt, Fußzeile und Infobereich). Jeder Streifen kann unabhängig gestaltet werden.

Kopfzeilenstreifen

• Textgröße: Passen Sie die Größe des Kopfzeilentextes an (8–72).
• Hintergrundfarbe: Legen Sie eine einfarbige Hintergrundfarbe fest oder lassen Sie den Hintergrund transparent.
• Inhalts-Hintergrundfarbe: Passen Sie die Hintergrundfarbe innerhalb des Kopfzeilenbereichs an.
• Schriftfarbe: Legen Sie die Textfarbe fest.
• Linkfarbe: Legen Sie die Farbe für Navigations- oder andere Links in der Kopfzeile fest.
• Hintergrundbild: Fügen Sie optional ein Hintergrundbild hinzu.

Inhaltsstreifen

Der Hauptbereich Ihrer E-Mail für Texte, Bilder und interaktive Elemente.

• Textgröße: Passen Sie die Textgröße des Inhalts an (8–72).
• Inhalts-Hintergrundfarbe: Legen Sie die Hintergrundfarbe des Hauptinhaltsbereichs fest.
• Schriftfarbe: Legen Sie die Standardfarbe des Textes fest.
• Linkfarbe: Passen Sie die Linkfarbe an.

Fußzeilenstreifen

Wird üblicherweise für Kontaktdaten, rechtliche Informationen oder Links zu sozialen Netzwerken verwendet.

• Textgröße: Legen Sie die Textgröße fest (8–72).
• Hintergrundfarbe: Wählen Sie einen einfarbigen Hintergrund oder lassen Sie ihn transparent.
• Inhalts-Hintergrundfarbe: Legen Sie den inneren Hintergrund der Fußzeile fest.
• Schriftfarbe: Legen Sie die Schriftfarbe fest.
• Linkfarbe: Passen Sie die Linkfarbe für Links in der Fußzeile an.
• Hintergrundbild: Fügen Sie optional ein Bild mit einem anklickbaren Link hinzu.

Infobereich-Streifen

Wird für Haftungsausschlüsse, rechtliche Hinweise oder zusätzliche Informationen verwendet.

• Textgröße: Legen Sie die Schriftgröße fest (8–72).
• Schriftfarbe: Legen Sie die Schriftfarbe fest.
• Linkfarbe: Passen Sie die Linkfarben in diesem Streifen an.

---

3. Überschriften

Definieren Sie den visuellen Stil der Überschriften (H1, H2, H3), um eine klare Hierarchie und Struktur in Ihrer E-Mail zu schaffen.

• Schriftart: Wählen Sie eine Schriftart für Überschriften.
• Zeilenabstand: Passen Sie den Abstand zwischen Zeilen an, um die Lesbarkeit zu verbessern.
• Überschriftengröße: Passen Sie die Größe der Überschriften H1, H2 und H3 an (8–72).
• Textformatierung: Wenden Sie Fett oder Kursiv an.
• Schriftfarbe: Legen Sie für jeden Überschriftentyp eine eigene Farbe fest.

---

4. Schaltfläche

Gestalten Sie die Schaltflächen in Ihrer E-Mail, um die Interaktion zu verbessern.

• Outlook-Unterstützung: Aktivieren Sie diese Option, um mithilfe von VML-Code eine korrekte Darstellung in Microsoft Outlook sicherzustellen (kann die E-Mail-Größe erhöhen).
• Schaltflächenfarbe: Legen Sie die Standardfarbe der Schaltflächen fest.
• Schaltflächen beim Darüberfahren hervorheben: Aktivieren oder deaktivieren Sie einen Hover-Farbeffekt.
  • Hover-Farbe: Wählen Sie die Hover-Farbe.
• Schriftfarbe: Legen Sie die Farbe des Schaltflächentextes fest.
• Textstil:
  • Schriftart: Wählen Sie eine Schriftart für den Schaltflächentext aus.
  • Schriftgröße: Passen Sie die Textgröße an (8–72).
  • Formatierung: Wenden Sie Fett oder Kursiv an.
• Eckenradius: Runden Sie die Ecken der Schaltflächen ab (0–100).
• Rahmen:
  • Typ: Wählen Sie durchgezogene, gestrichelte oder gepunktete Rahmen.
  • Farbe: Legen Sie die Rahmenfarben fest.
• Innenabstand: Passen Sie den Innenabstand der Schaltflächen an (oben, rechts, unten, links).

---

5. Mobile Formatierung

Sorgen Sie mit speziellen Einstellungen dafür, dass Ihre E-Mail auf Mobilgeräten optimal dargestellt wird.

• Textgrößen von Kopfzeile, Inhalt, Fußzeile und Infobereich: Passen Sie die Textgrößen für jeden Bereich auf Mobilgeräten an.
• Schriftgröße der Menüpunkte: Passen Sie die Schriftgröße der Navigationsmenüpunkte an.
• Überschriftengrößen: Legen Sie die Größen von H1, H2 und H3 für die mobile Ansicht fest.
• Überschriftenausrichtung: Richten Sie Überschriften links, zentriert oder rechts aus.
• Textgröße der Schaltflächen: Passen Sie die Textgröße von Schaltflächen auf Mobilgeräten an.
• Schaltflächen in voller Breite: Aktivieren Sie diese Option, damit sich Schaltflächen über die gesamte Bildschirmbreite erstrecken.
• Oberer und unterer Innenabstand: Passen Sie den Innenabstand für eine bessere mobile Darstellung an.
• Inhaltsrand: Passen Sie den Rand um den Inhalt auf Mobilgeräten an (0–100).

---

Abschließende Hinweise

• Testen: Testen Sie Ihre E-Mail immer auf verschiedenen Geräten und in unterschiedlichen E-Mail-Clients, um eine konsistente Darstellung sicherzustellen.
• Barrierefreiheit: Verwenden Sie barrierearme Schriftarten, eine korrekte Überschriftenstruktur und Alternativtexte für Bilder, um Inklusion zu gewährleisten.
• Optimierung: Minimieren Sie die Dateigrößen, um schnellere Ladezeiten und eine bessere Leistung zu erzielen – besonders wichtig für mobile Nutzer.