Artikel über: Smart Emails

Farben

Klicken Sie auf Farben in der Symbolleiste, um das Farbpanel zu öffnen. Smart Emails verfügt über 17 globale Farbwerte, die zusammen das gesamte Farbschema Ihrer E-Mails definieren. Wenn Sie hier eine Farbe ändern, gilt dies für alle 53 Vorlagen auf einmal.


Hintergrundfarben


  • Body Outer Background - Der äußerste Hintergrund der E-Mail, der in Desktop-E-Mail-Clients an den Seiten sichtbar ist. Betrachten Sie ihn als die "Seitenfarbe" hinter dem E-Mail-Inhalt.
  • Body Inner Background - Der Haupthintergrund des E-Mail-Inhaltsbereichs. Das ist der Hintergrund, auf dem Ihr Inhalt steht.
  • Container Background - Hintergrundfarbe für einzelne Abschnittscontainer. Oft die gleiche Farbe wie der innere Hintergrund, kann aber für einen besseren Kontrast auch anders sein.
  • Logo Hintergrund - Hintergrund hinter dem Kopfzeilen-Logobereich. Verwenden Sie dies, um dem Logobereich eine andere Farbe zu geben, z.B. eine dunkle Kopfleiste.
  • Fußzeilenhintergrund - Hintergrund des Fußzeilenbereichs. Viele Designs verwenden hier eine dunklere oder kontrastierende Farbe.


Textfarben


  • Body Text Color - Die Standard-Textfarbe für alle Body-Inhalte. Diese Farbe sollte einen starken Kontrast zum inneren Hintergrund haben, um die Lesbarkeit zu gewährleisten.
  • Überschriftenfarbe - Farbe für Abschnittsüberschriften (H2-Elemente). Kann dieselbe Farbe wie der Text im Textkörper oder ein anderer Farbton für die Hierarchie sein.
  • Untertitelfarbe - Farbe für Untertitel und sekundäre Überschriften. Normalerweise ein etwas hellerer Farbton als Überschriften.
  • Footer Text Color - Textfarbe innerhalb der Fußzeile. Oft heller als der Haupttext, insbesondere wenn die Fußzeile einen dunklen Hintergrund hat.
  • Link-Farbe - Farbe für alle anklickbaren Links in der E-Mail. Sollte sich vom normalen Text abheben, damit die Kunden wissen, dass der Link anklickbar ist.


Farben für Rahmen und Trennlinien


  • Body Border Color - Der Rahmen um den Hauptinhaltsbereich der E-Mail. Setzen Sie ihn auf transparent, wenn Sie keinen sichtbaren Rahmen wünschen.
  • Teilerfarbe - Farbe für die horizontalen Trennlinien zwischen den Abschnitten.


Farben der Tabelle


  • Table Header Background - Hintergrundfarbe für Tabellenköpfe (verwendet in Bestellzusammenfassungen, Produktlisten).
  • Table Header Text - Textfarbe innerhalb von Tabellenüberschriften.
  • Table Alternating Row - Hintergrundfarbe für jede zweite Tabellenzeile, wodurch ein Streifeneffekt für die Lesbarkeit entsteht.


Akzentfarben


  • Farbe des Akzentstreifens - Farbe des Akzentstreifens am oberen Rand der E-Mail (falls in der Voreinstellung aktiviert).
  • Accent Bar Border - Farbe des Randes des Akzentstreifens.


Wie man eine Farbe ändert


Klicken Sie auf den Farbkreis neben einem beliebigen Wert. Es erscheint ein Farbwähler, mit dem Sie:


  • Wählen Sie eine Farbe visuell aus
  • Geben Sie direkt einen Hex-Code ein (z.B. #7367F0)
  • Die Leinwand wird in Echtzeit aktualisiert, während Sie auswählen


Globale Einstellung: Alle 17 Farbwerte gelten für alle 53 E-Mail-Vorlagen. Änderungen werden sofort über Shopify Metafields übernommen.

Aktualisiert am: 24/05/2026

War dieser Beitrag hilfreich?

Teilen Sie Ihr Feedback mit

Stornieren

Danke!