Auf dieser Seite: Erfahren Sie, wie Sie Hintergrundfarben und -bilder auf der Text-, Viewport-, Struktur- und Spaltenebene Ihrer E-Mail im E-Mail-Designer festlegen.
Für die Einstellung von Hintergründen mit E-Mail-Designer empfiehlt Adobe Folgendes:
- Wenden Sie eine Hintergrundfarbe auf den Hauptteil Ihrer E-Mail an, wenn das Design es so verlangt.
- In der Regel werden Hintergrundfarben auf Spaltenebene festgelegt.
- Versuchen Sie nicht, Hintergrundfarben für Bilder oder Textkomponenten zu verwenden, da sie schwierig zu handhaben sind.
Unten finden Sie die verfügbaren Einstellungen für den Hintergrund.
-
Legen Sie eine Hintergrundfarbe für die gesamte E-Mail fest. Wählen Sie die Einstellungen für den Hauptteil im Navigationsbaum aus, auf den Sie über die linke Palette zugreifen können.
-
Legen Sie dieselbe Hintergrundfarbe für alle Strukturkomponenten fest, indem Sie Viewport-Hintergrundfarbe auswählen. Mit dieser Option können Sie eine andere Einstellung als die Hintergrundfarbe auswählen.
-
Legen Sie für jede Strukturkomponente eine andere Hintergrundfarbe fest. Wählen Sie in der linken Palette eine Struktur im Navigationsbaum aus, um eine bestimmte Hintergrundfarbe nur dieser Struktur zuzuweisen.
Wählen Sie aber keine Viewport-Hintergrundfarbe aus, da diese die Struktur-Hintergrundfarben verdecken könnte.
-
Legen Sie für den Inhalt einer Strukturkomponente ein Hintergrundbild fest.
note NOTE Manche E-Mail-Programme unterstützen keine Hintergrundbilder. Wenn diese nicht unterstützt werden, wird stattdessen die Zeilenhintergrundfarbe verwendet. Wählen Sie daher eine passende Fallback-Hintergrundfarbe auf, falls das Bild nicht dargestellt werden kann.
-
Legen Sie auf Spaltenebene eine Hintergrundfarbe fest.
note NOTE Dies ist der häufigste Anwendungsfall. Adobe empfiehlt, Hintergrundfarben auf Spaltenebene festzulegen, da dies mehr Flexibilität bietet, wenn der gesamte E-Mail-Inhalt bearbeitet wird. Sie können auch ein Hintergrundbild auf Spaltenebene einrichten, was aber nur selten verwendet wird.
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: This page explains how to set background colors and images at the body, viewport, structure, and column levels of an email in the Email Designer, and Adobe’s recommendations for doing so.
Intents:
- Set a Background color for the whole email at the body level
- Set the same background color for all structure components using Viewport background color
- Set a different background color for each structure component
- Set a Background image for the content of a structure component
- Set a background color (and, rarely, a background image) at the column level
Glossary:
- Background color: A color applied to the whole email when the body settings are selected in the navigation tree (product-specific)
- Viewport background color: A setting that applies the same background color to all structure components, selectable separately from the background color (product-specific)
- Background image: An image set for the content of a structure component; falls back to the row background color when not supported (product-specific)
Guardrails:
- Some email programs / clients do not support background images; when not supported, the row background color is used instead, so select an appropriate fallback background color.
- When setting a different background color per structure component, do not set a viewport background color, as it may hide the structure background colors.
- Adobe recommends setting background colors at the column level as the most common use case, for more flexibility when editing the whole email content.
- Try not to use background colors on image or text components, as they are difficult to manage.
Terminology:
- Canonical name: Background — Acronym: n/a — variants: background color, background image
- Do not confuse: “Background color” (body-level, whole email) ≠ “Viewport background color” (same color for all structure components)
- Do not confuse: “Background color” (supported broadly) ≠ “Background image” (not supported by all email clients)
FAQ:
- Q: Where does Adobe recommend setting background colors? — At the column level, which is the most common use case and allows more flexibility when editing the whole email content.
- Q: What happens if a background image is not supported by an email client? — The row background color is used instead, so select an appropriate fallback background color.
- Q: How do I apply the same background color to all structure components? — Select Viewport background color, which can be set separately from the background color.
- Q: Why might my per-structure background colors not appear? — A viewport background color may hide the structure background colors; do not set one in that case.