> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md).
# 创建并自定义 Advocate 项目邮件
参加 PXA 课程
您的项目最初会使用默认版本的项目邮件进行设置，以便让您尽快开始使用。这些默认版本包含通用图片和文案，用于传达邮件的核心内容。我们建议您根据自己的项目和产品定制项目邮件，以确保信息相关。
请参阅我们关于 [合并标签](/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails.md) ，了解如何在您的邮件中包含参与者特定的详细信息。
#### 创建或编辑邮件模板
在设置项目规则时，您至少会创建一封项目邮件。我们建议编辑现有的项目邮件，仅在需要时再创建新的邮件。
1. 从左侧导航菜单中，选择  **\[Engage] → 内容**.
2. 在……中 *邮件* 卡片中，选择 **创建新的** 或 **编辑邮件** 以编辑现有模板。
3. 如果您要创建新模板，请选择 **创建新的邮件模板** 并输入一个简短且具有描述性的邮件模板 ID（例如，Acme Advocates）来标识该邮件。设置项目规则时，请使用此 ID 来识别该邮件。
{% hint style="success" icon="memo-circle-check" %}
**注意：** 请参阅 [*邮件组件参考*](#component-reference-0-2) 下面的部分，以便更好地了解编辑器图标的功能。
{% endhint %}
预览选项
* **操作下拉菜单** — 此选项可让您选择预览整封邮件或发送测试邮件。您还可以切换画布视图以适配桌面或移动设备查看。
* **显示结构** — 此选项会在画布上显示网格，以便您检查各个组件的对齐情况。
* **显示合并标签** — 此选项可让您开启查看动态值将向收件人显示什么内容的功能。例如，您看到的不是占位文本，例如 *公司名称*，而是实际的公司名称，例如 Stark Industries。
* **导入邮件模板** — 此选项可让您导入已创建的任何现有邮件模板。
* **导出邮件模板** — 在完成邮件草稿后，您可以使用此选项导出邮件模板。
添加邮件组件
**受限：** 向 Advocate 邮件添加额外组件仅适用于特定的 Advocate 版本。 [联系支持](https://app.impact.com/support/portal.ihtml) 以升级您的账户并访问此功能。
1. 选择  **\[内容]** 以选择新组件。
2. **选择并拖动** 将该组件拖到您希望其出现的邮件区域中。邮件中会出现一条绿色条带，帮助您将新组件放置到邮件中。
3. 如有需要，可调整组件的内容或外观：
* **选择** 您想要更改的组件。
* 在右侧的内容部分下方，将显示该组件的编辑选项。
4. **保存** 您的更改。
* 邮件编辑器不会自动保存更改。请务必选择 **保存** 屏幕右上角的该选项。如果您有误操作，可以离开编辑器，所做更改将不会保存。
{% hint style="success" icon="memo-circle-check" %}
**注意：** 新组件会与邮件中现有组件相互作用，这可能导致现有文本和图片位置发生偏移。通常通过更新现有图片或在现有文案中添加文字来修改现有组件会更容易。
{% endhint %}
删除组件
1. 在……中 *工作区*，请选择您要删除的组件。
2. 选择  **\[删除]** 以从邮件中删除该组件。
3. **保存** 您的更改。
更新邮件文案
邮件文案被划分为在邮件不同部分中管理的文本组件。
1. 从  **\[内容]** 部分添加新的文本组件，或选择现有组件。
2. 通过直接在该区域输入来调整组件中的文本。
3. 选中文本组件后，您可以在左侧的 *内容* 部分。
4. 完成更新后，请选择 **行动** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[下拉菜单] → 发送测试邮件** 向自己发送测试邮件。
5. 如果测试邮件看起来不错， **保存** 您的更改。
添加自定义图片
**受限：** 向 Advocate 邮件添加额外的自定义图片组件仅适用于特定的 Advocate 版本。 [联系支持](https://app.impact.com/support/portal.ihtml) 以升级您的账户并访问此功能。
1. 添加新的图片组件，或选中您要更新的图片组件。
2. 选中后，双击它以打开 *选择图片* 窗口。选择 **添加图片** 以选择您想要使用的图片。图片加载到 *选择图片* 窗口后，双击它将其添加到新组件中。
3. 使用 *工作区*.
4. 完成更新后，请选择 **行动** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[下拉菜单]** → **发送测试邮件** 向自己发送测试邮件。
5. 如果测试邮件看起来不错， **保存** 您的更改。
添加动态内容
合并标签可让您在邮件文案中添加动态内容，如参与者姓名或奖励金额。您可以向任何文本组件添加合并标签。
{% hint style="success" icon="memo-circle-check" %}
**注意：** 如果没有与您使用的合并标签相对应的信息，那么参与者将在邮件文本中看到一个额外的空白。例如，如果您使用 *"Hello `{{user.firstName}}`。你好吗？"* 在邮件中，但用户的 firstName 字段没有数据，则邮件会显示为 *"Hello . 你好吗？"*.
{% endhint %}
1. 在画布区域中，添加或选择您要添加合并标签的文本组件。
2. 在与该组件关联的工具栏中，将光标放在您希望插入合并标签的位置，然后选择 **合并标签**.
3. **保存** 您的更改。
{% hint style="danger" %}
**重要：** 在编辑器内发送的测试邮件不会包含放置合并标签的位置上的任何值。
{% endhint %}
#### 邮件组件参考
本节将带您了解邮件编辑器中可用的各种工具栏图标。
内容图标
在此选项卡中，您可以输入组件，并在选中并放入画布后编辑每个组件的外观：
| 元素 | 说明 |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- |
| **\[Advocate 现金奖励代码]** | 在画布上输入 Advocate 现金奖励代码组件，以显示可用的现金奖励代码。 |
| **\[Advocate 奖励代码]** | 在画布上输入 Advocate 奖励代码组件，以创建 fueltank 奖励代码。 |
| **\[好友奖励代码]** | 在画布上输入好友奖励代码组件，以创建可与朋友分享的 fueltank 奖励代码。 |
|  **\[标题]** | 在画布上输入标题文本组件。 |
|  **\[段落]** | 在画布上输入段落文本组件。 |
|  **\[列表]** | 在画布上输入项目符号列表组件。 |
|  **\[图片]** | 在画布上输入图片组件。 |
|  **\[按钮]** | 在画布上输入可交互按钮组件。 |
|  **\[分隔线]** | 在画布上输入分隔线组件。 |
|  **\[间隔]** | 在画布上输入间隔组件。 |
|  **\[社交** | 输入社交组件，以添加社交媒体按钮并链接到您的各个社交平台。 |
|  **\[动态内容]** | 输入动态内容组件，以填入您希望在发送邮件时动态填充的信息，使邮件更具个性化。 |
|  **\[HTML]** | 在画布上输入 HTML 代码组件。您可以在右侧输入代码，系统会在画布内对其进行格式化。 |
|  **\[图标]** | 在画布上输入图标组件。 |
行
在这里，您可以找到更多预先构建的邮件部分，只需将它们拖放到位即可添加到邮件中。
* **默认** — 预先构建的内容块。
* **空白** — 输入预留空间，以便后续添加内容。
* **自定义** — 构建您自己的内容输入，尤其适用于内容复用。
设置
在此选项卡中，您可以修改和更改设计设置。这些设置将应用于整封邮件。
* **内容区域宽度** — 更改添加内容的画布区域宽度。
* **内容区域对齐方式** — 选择邮件内容是左对齐还是居中对齐于画布。
* **背景颜色** — 选择颜色块以从出现的颜色渐变中选择一种色调，或者输入十六进制代码以精确设置邮件背景颜色。对于透明背景，只需将“transparent”作为十六进制代码输入。
* **内容区域背景颜色** — 选择颜色块以从出现的颜色渐变中选择一种色调，或者输入十六进制代码以精确设置内容区域的背景颜色。对于透明背景，只需将“transparent”作为十六进制代码输入。
* **默认字体** — 选择您希望文本组件使用的字体。下拉列表会显示每种字体选项的预览效果。
* **链接颜色** — 选择颜色块以从出现的颜色渐变中选择一种色调，或者输入十六进制代码以精确设置链接颜色。对于透明背景，只需将“transparent”作为十六进制代码输入。
* **自定义 Head HTML** — 选择此选项可输入您希望纳入邮件模板的任何自定义 HTML 代码。
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.
Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:
```
GET https://help.impact.com/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
**\[Advocate 现金奖励代码]** | 在画布上输入 Advocate 现金奖励代码组件，以显示可用的现金奖励代码。 |
| 
**\[Advocate 奖励代码]** | 在画布上输入 Advocate 奖励代码组件，以创建 fueltank 奖励代码。 |
| 
**\[好友奖励代码]** | 在画布上输入好友奖励代码组件，以创建可与朋友分享的 fueltank 奖励代码。 |
|  **\[标题]** | 在画布上输入标题文本组件。 |
|  **\[段落]** | 在画布上输入段落文本组件。 |
|  **\[列表]** | 在画布上输入项目符号列表组件。 |
|  **\[图片]** | 在画布上输入图片组件。 |
|  **\[按钮]** | 在画布上输入可交互按钮组件。 |
|  **\[分隔线]** | 在画布上输入分隔线组件。 |
|  **\[间隔]** | 在画布上输入间隔组件。 |
|  **\[社交** | 输入社交组件，以添加社交媒体按钮并链接到您的各个社交平台。 |
|  **\[动态内容]** | 输入动态内容组件，以填入您希望在发送邮件时动态填充的信息，使邮件更具个性化。 |
|  **\[HTML]** | 在画布上输入 HTML 代码组件。您可以在右侧输入代码，系统会在画布内对其进行格式化。 |
|  **\[图标]** | 在画布上输入图标组件。 |