在此页面上：了解如何在Adobe Journey Optimizer Email Designer中从头开始设计电子邮件内容，方法是添加结构和内容组件，然后个性化和预览电子邮件。
使用Adobe Journey Optimizer电子邮件Designer可轻松定义内容的结构。 通过简单的拖放操作添加和移动结构元素，您可以在几秒钟内设计内容的形状。
要开始构建内容，请执行以下步骤：
-
从Designer主页中，选择 从头开始设计 选项。
-
若要快速入门，请使用模块（即用即用的预设计内容块，如页眉、主页部分和页脚）来加快电子邮件创建速度并保持营销活动在视觉上保持一致。 了解有关模块的更多信息
-
否则，将 结构 拖放到画布中以定义电子邮件的布局，从而设计内容。
note tip TIP 或者，使用“生成内容”来加速电子邮件的创建，以生成完整的电子邮件内容，包括文本和图像，使用使用AI生成完整内容。 然后，您可以跳到预览和验证内容。 -
根据需要添加任意数量的结构，并在右侧的专用窗格中编辑其设置。
note NOTE 在窄屏幕（例如，移动设备）中，列默认垂直栈叠以提高可读性。 某些电子邮件客户端不支持此行为，在这种情况下，列将并排保留。 您也可以使用 设置 选项卡中的 在移动设备上不栈叠列 切换来关闭此功能。 -
大多数结构（1:1列、2:2列、1:2列左等）是固定预设。 改为选择 n:n列 组件以定义您选择的任意列数（3到10之间）。
您可以随时从 设置 选项卡增加现有结构的列数，即使向其中添加内容后也是如此 — 现有内容将被保留，而不会丢失。
您还可以直接在画布上调整每列的宽度，或者在 设置 选项卡中编辑百分比。
note NOTE 每个列的大小不能小于结构组件的总宽度的 10%。 不能删除非空列。 -
从 内容 部分中，将所需数量的元素添加到一个或多个结构组件中。 详细了解内容组件
-
可以使用右菜单中的 设置 或 样式 选项卡进一步自定义每个组件。 例如，您可以更改每个组件的文本样式、内边距或边距。 了解有关对齐方式和内边距的更多信息
-
您可以从 资产选取器 中直接选择存储在 Assets库 中的资产。 了解有关资产管理的更多信息
双击包含资产的文件夹。 将它们拖放到结构组件中。
-
插入个性化字段以根据用户档案属性、受众成员资格、上下文属性等自定义您的内容。 详细了解内容个性化
-
单击 启用条件内容 以添加动态内容，并根据条件规则将内容调整为目标配置文件。 开始使用动态内容
-
单击左窗格中的 链接 选项卡，以显示要跟踪的内容的所有URL。 您可以修改其 跟踪类型 或标签，并根据需要添加标签。 了解有关链接和跟踪的详细信息
-
如果需要，可以通过单击高级菜单中的 切换到代码编辑器 来进一步个性化电子邮件。 例如，这允许您编辑电子邮件源代码以添加跟踪或自定义 HTML 标记。 详细了解代码编辑器
note caution CAUTION 切换到代码编辑器后，无法恢复到此电子邮件的可视设计器。 -
内容准备就绪后，请使用任一模拟方法来检查渲染。 可以选择桌面或移动视图。 内容管理部分中提供了详细信息。
-
您还可以验证内容质量，以评估可读性、有效性和内容一致性。 详细了解内容质量验证
-
内容就绪后，单击保存。
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 design email content from scratch in the Email Designer by adding structure and content components, defining columns, personalizing, adding dynamic content and links, and previewing before saving.
Intents:
- Start an email from the Design from scratch option and add structure components
- Define the number and width of columns in a structure component
- Add content components, personalization fields, and dynamic (conditional) content
- Review and configure tracked links from the Links tab
- Preview rendering with a simulation method and validate content quality
- Switch to the code editor for advanced source editing
Glossary:
- Design from scratch: The Designer home page option to start building content by adding structures and components (product-specific)
- Structure components: Elements that define the layout of the email, added by drag and drop into the canvas (product-specific)
- n:n column: A structure component whose number of columns can be defined between 3 and 10 (product-specific)
- Switch to code editor: An advanced-menu option to edit the email source code (for example to add tracking or custom HTML tags) (product-specific)
Guardrails:
- The n:n column component supports between 3 and 10 columns.
- Each column size cannot be under 10% of the total width of the structure component.
- You cannot remove a column that is not empty.
- After switching to the code editor, you cannot revert back to the visual designer for that email.
- Stacking columns is not compatible with all email programs; when not supported, columns will not be stacked.
Terminology:
- Canonical name: Structure components — Acronym: n/a — variants: Structures, structure component
- Synonyms: “Design from scratch” = starting content with no template
- Do not confuse: “Structure components” (define layout) ≠ “Content components” (elements placed inside structures)
- Do not confuse: “Settings tab” ≠ “Style tab” (both used to customize components)
FAQ:
- Q: How many columns can a structure have? — Between 3 and 10, defined with the n:n column component.
- Q: Can I make a column narrower than 10%? — No, each column size cannot be under 10% of the total width of the structure component.
- Q: Can I go back to the visual designer after using the code editor? — No, you cannot revert back to the visual designer for that email after switching to the code editor.
- Q: How do I check rendering before saving? — Use either simulation method to check rendering, choosing the desktop or mobile view.
- Q: Where do I manage tracked links? — In the Links tab from the left pane, where you can modify Tracking Type or Label and add Tags.