个性化电子邮件背景 backgrounds

在此页面上:​了解如何在 Email Designer 中设置电子邮件正文、视口、结构和列级别的背景颜色和图像。

在使用电子邮件设计器设置背景时,Adobe 有以下建议:

  1. 如果设计需要,可对电子邮件正文应用背景颜色。
  2. 通常,在列级别设置背景颜色。
  3. 尽量不要在图像或文本组件上使用背景颜色,因为它们难以管理。

以下是可使用的可用背景设置。

  • 为整个电子邮件设置​背景颜色。 请务必在可从左侧调色板访问的导航树中选择正文设置。

  • 通过选择​ 视口背景颜色 ​来为所有结构组件设置同一背景颜色。 此选项可让您从背景颜色中选择其他设置。

  • 为每个结构组件设置不同的背景颜色。 在可从左侧调色板访问的导航树中选择一个结构,以仅将特定的背景颜色应用于该结构。

    切勿设置视口背景颜色,因为它可能会隐藏结构背景颜色。

  • 设置结构组件的内容的​背景图像

    note
    NOTE
    某些电子邮件程序不支持背景图像。 如果不支持,将改用行背景颜色。 请务必选择合适的备用背景颜色,以防图像无法显示。

  • 在列级别设置背景颜色。

    note
    NOTE
    这是最常见的用例。 Adobe 建议在列级别设置背景颜色,因为这可在编辑整个电子邮件内容时提供更大的灵活性。

    您也可以在列级别设置背景图像,但很少这样做。

AI Knowledge Reference

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.
recommendation-more-help
journey-optimizer-help