> 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 项目邮件

<a href="https://pxa.impact.com/student/activity/2356725-micro-create-and-customize-transactional-emails-on-impact-com-advocate?utm_source=help.impact.com&#x26;utm_medium=featured-link&#x26;utm_content=adv-250-1&#x26;utm_campaign=help-center" class="button primary">参加 PXA 课程</a>

您的程序最初已设置为程序邮件的默认版本，以便尽快帮助您开始使用。这些默认版本配有通用图片和文案，用于传达邮件的核心内容。我们建议您根据自身程序和产品，对程序邮件进行定制，以确保信息具有相关性。

请参阅我们关于 [合并标签](/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails.md) 的文档，了解如何在邮件中包含参与者的专属详情。

#### 创建或编辑邮件模板

在设置程序规则时，您至少会创建一封程序邮件。我们建议编辑现有的程序邮件，仅在需要时再创建新邮件。

1. 从左侧导航菜单中，选择 ![](/files/209022bdb234289211a24a980f6227a8684cc439) **\[Engage] → 内容**.
2. 在 *电子邮件* 卡片中，选择 **创建新** 或 **编辑邮件** 以编辑现有模板。
3. 如果您正在创建新模板，请选择 **创建新的邮件模板** 并输入一个简短且具有描述性的邮件模板 ID（例如：Acme Advocates）来标识该邮件。在设置程序规则时，请使用此 ID 来识别该邮件。

<div data-with-frame="true"><figure><img src="/files/1ad6abd61d737f4f8285dbc295d4de9c42b203f7" alt="" width="375"><figcaption></figcaption></figure></div>

* 选择 ![](/files/29709dd51e221bf60196c23619cebdd879de03ce) **\[更多]** 以删除模板。
* 选择 ![](/files/277b93745933d9fb379799908cda43d81cae4739) **\[退出图标]** 以最小化侧边菜单。

<div data-with-frame="true"><figure><img src="/files/ccf75b769aec02eadbeb278f881dca95a040e652" alt="" width="295"><figcaption></figcaption></figure></div>

4. 在使用编辑器之前，请选择 **编辑** 以填充所需的 *联系信息* 位于屏幕顶部。
   * 输入 **发件人名称** 通过添加一个显示在邮件中的静态名称，例如 Acme Advocates。
   * 输入一个 **发件人地址** 邮件自定义域所来自的地址。
     * 如果您想调整 *发件人* 电子邮件地址，您需要调整设置，以确保我们的系统代表您发送的是真实邮件。若要使用您拥有的域名作为 *发件人地址*，您必须 [设置域名](/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate.md) 来自 *设置* 页面。
   * 输入一个 **抄送密送** 以发送一份邮件副本。
   * 输入一个 **主题** 用于该邮件。
   * 选择 **完成** 以保存此信息。
5. 接下来，开始使用编辑器。

#### 使用编辑器

在轻松起草邮件之前，您可能需要将邮件编辑器升级到较新版本。为此，请查看页面顶部的蓝色横幅并选择 **立即更新**.

<div data-with-frame="true"><figure><img src="/files/3434ce9a22c4c33d4c9659a87c6db17947e85620" alt=""><figcaption></figcaption></figure></div>

邮件中的所有图片、文本和链接都被设置为组成邮件结构的单独组件。这些组件是邮件的构建模块。

<div data-with-frame="true"><figure><img src="/files/3f83211284b590f077ceb853fc082b4b86a3fb2c" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="success" icon="memo-circle-check" %}
**注意：** 请参阅 [*邮件组件参考*](#component-reference-0-2) 下方部分，以更好地了解编辑器图标的功能。
{% endhint %}

<details>

<summary>预览选项</summary>

* **操作下拉菜单** - 此选项允许您在整体预览邮件或发送测试邮件之间进行选择。您还可以切换画布视图为桌面端或移动端显示。
* **显示结构** - 此选项会在画布上添加网格，以便您检查各个组件的对齐情况。
* **显示合并标签** - 此选项允许您切换是否显示动态值将向收件人呈现的内容。例如，您看到的不再是占位文本，如 *公司名称*，而是实际的公司名称，例如 Stark Industries。
* **导入邮件模板** - 此选项允许您导入任何已创建的邮件模板。
* **导出邮件模板** - 一旦您起草好邮件，就可以使用此选项导出邮件模板。

</details>

<details>

<summary>添加邮件组件</summary>

**有限：** 向 Advocate 邮件中添加额外组件仅适用于特定 Advocate 版本。 [联系支持](https://app.impact.com/support/portal.ihtml) 以升级您的账户并使用此功能。

1. 选择 ![content-advocate.svg](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-29f7728451e63f195300b790407cfb1c.svg) **\[内容]** 以选择新组件。
2. **选择并拖动** 该组件到您希望它出现的邮件区域。邮件中会出现一条绿色横条，帮助您将新组件放置到邮件中。
3. 您也可以选择性地调整组件内容或外观：
   * **选择** 您想要修改的组件。
   * 右侧内容部分下方会显示该组件的编辑选项。
4. **保存** 你的更改。
   * 邮件编辑器不会自动保存更改。请务必选择 **保存** 位于屏幕右上角。如果您有误操作，可以离开编辑器，所做更改不会被保存。

{% hint style="success" icon="memo-circle-check" %}
**注意：** 新组件会与邮件中的现有组件交互，这可能导致现有文本和图片位置发生偏移。通常，通过更新现有图片或为现有文案添加文本来修改现有组件会更容易。
{% endhint %}

</details>

<details>

<summary>删除组件</summary>

1. 在 *工作区*，选择您想删除的组件。
2. 选择 ![](/files/fa18e5773d804abe9fb1089ab0628454117e22a8) **\[删除]** 以从邮件中删除该组件。
3. **保存** 你的更改。

</details>

<details>

<summary>更新邮件文案</summary>

邮件文案被分为文本组件，这些组件在邮件的不同部分进行管理。

1. 从 ![](/files/984a19ec9597f131d7528e5b64902ca07655471b) **\[内容]** 部分添加新的文本组件，或选择现有组件。
2. 通过直接在区域中输入来调整组件中的文本。
3. 选中该文本组件后，您可以在左侧的 *内容* 部分。
4. 下方更改文本的字体、颜色、粗细或间距。 **操作** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[下拉菜单] → 发送测试邮件** 向您自己发送测试邮件。
5. 如果测试邮件看起来不错， **保存** 你的更改。

</details>

<details>

<summary>添加自定义图片</summary>

**有限：** 向 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. 如果测试邮件看起来不错， **保存** 你的更改。

</details>

<details>

<summary>添加动态内容</summary>

合并标签可让您在邮件文案中添加动态内容，例如参与者姓名或奖励金额。您可以将合并标签添加到任何文本组件。

{% hint style="success" icon="memo-circle-check" %}
**注意：** 如果没有与您使用的合并标签相对应的信息，那么参与者会在邮件文本中看到一个额外的空格。例如，如果您使用 *“你好 `{{user.firstName}}`。你好吗？”* 在邮件中，但用户的 firstName 字段没有数据，则邮件将显示为 *“你好 。你好吗？”*.
{% endhint %}

1. 在画布区域中，添加或选择您想添加合并标签的文本组件。
2. 在与该组件关联的工具栏中，将光标放在您希望放置合并标签的位置，然后选择 **合并标签**.

<figure><img src="/files/ac566c2ad8b395bef33a6435413883831402348c" alt=""><figcaption></figcaption></figure>

3. **保存** 你的更改。

{% hint style="danger" %}
**重要：** 在编辑器中发送的测试邮件不会包含放置合并标签位置的任何值。
{% endhint %}

</details>

#### 邮件组件参考 <a href="#component-reference-0-2" id="component-reference-0-2"></a>

本节将带您了解邮件编辑器中可访问的各类工具栏图标。

<details>

<summary>内容图标</summary>

在此选项卡中，您可以输入组件，并在其被选择并放入画布后编辑每个组件的外观：

| 元素                                                                                                                                                                                                                    | 说明                                        |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- |
| <img src="/files/968c73adc0d5bdefc6db809c251177e0bbc1ed1c" alt="" data-size="line"> **\[Advocate 现金奖励代码]**                                                                                                            | 在画布上输入 Advocate 现金奖励代码组件，以显示可用的现金奖励代码。    |
| <img src="https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-39d957530748d07d955b2eb7c5bb7f8f.png" alt="advocate.png" data-size="line"> **\[Advocate 奖励代码]**    | 在画布上输入 Advocate 奖励代码组件，以创建 fueltank 奖励代码。 |
| <img src="https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-e4f78e511bd3efb78537bf2ed920d0ad.png" alt="friend-reward-code.png" data-size="line"> **\[好友奖励代码]** | 在画布上输入好友奖励代码组件，以创建可与好友分享的 fueltank 奖励代码。  |
| ![](/files/f532a0ae37393ae64be9f2163ee98323ce3bc3b7) **\[标题]**                                                                                                                                                        | 在画布上输入标题文本组件。                             |
| ![](/files/afba689ab820e20a1632d6edc6bb974650109e64) **\[段落]**                                                                                                                                                        | 在画布上输入段落文本组件。                             |
| ![](/files/509c439d2e74a1f3a8c93c52a28dd3cb31e662bb) **\[列表]**                                                                                                                                                        | 在画布上输入项目符号列表组件。                           |
| ![](/files/2335f42b523f6584b3598eedb4ae3dcb3f9635c7) **\[图片]**                                                                                                                                                        | 在画布上输入图片组件。                               |
| ![](/files/2f7c89ba7029faaeb2dc72116e276160bf8f2555) **\[按钮]**                                                                                                                                                        | 在画布上输入可交互按钮组件。                            |
| ![](/files/276a230112795d338033db3ab722253648bd6e10) **\[分隔线]**                                                                                                                                                       | 在画布上输入分隔线组件。                              |
| ![](/files/5b724b618a369a135fd302f96a943571e4689f4a) **\[间隔]**                                                                                                                                                        | 在画布上输入间隔组件。                               |
| ![](/files/c88f9a565bf1d073b4b413fac5340a4c56969be2) **\[社交**                                                                                                                                                         | 输入社交组件，以添加社交媒体按钮并链接到您的各个社交平台。             |
| ![](/files/5324cc61f0559f72521d974391b28ec0c38f6f96) **\[动态内容]**                                                                                                                                                      | 输入动态内容组件，以在发送邮件时填充您希望动态展示的信息，使邮件更具个性化。    |
| ![](/files/08b7ace1c417235a2dce01150877c9e0d184bb1c) **\[HTML]**                                                                                                                                                      | 在画布上输入 HTML 代码组件。您可以在右侧输入代码，它会在画布中进行格式化。  |
| ![](/files/496a43249c684b2b866c7e081dc3d870ccb02dba) **\[图标]**                                                                                                                                                        | 在画布上输入图标组件。                               |

</details>

<details>

<summary>行</summary>

在这里，您可以找到更多预构建的邮件区块，只需将它们拖放到相应位置即可添加到邮件中。

* **默认** - 预先构建的内容区块。
* **空白** - 为您稍后可能添加的内容预留空间。
* **自定义** - 构建您自己的内容以供输入，尤其适用于内容复用。

</details>

<details>

<summary>设置</summary>

在此选项卡中，您可以修改和更改设计设置。这些设置适用于整个邮件。

* **内容区域宽度** - 更改添加内容所在画布区域的宽度。
* **内容区域对齐** - 选择您希望邮件内容在画布中左对齐还是居中对齐。
* **背景颜色** - 选择颜色块，从出现的颜色渐变中选取色调，或输入十六进制代码为邮件背景指定精确颜色。对于透明背景，只需将“transparent”输入为十六进制代码即可。
* **内容区域背景颜色** - 选择颜色块，从出现的颜色渐变中选取色调，或输入十六进制代码为内容区域背景指定精确颜色。对于透明背景，只需将“transparent”输入为十六进制代码即可。
* **默认字体** - 选择您希望文本组件使用的字体。下拉列表会显示每种字体选项的预览效果。
* **链接颜色** - 选择颜色块，从出现的颜色渐变中选取色调，或输入十六进制代码为链接指定精确颜色。对于透明背景，只需将“transparent”输入为十六进制代码即可。
* **自定义 Head HTML** - 选择此选项以输入您希望纳入邮件模板的任何自定义 HTML 代码。

</details>


---

# 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
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=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
