> 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>

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

* **内容区域宽度** - 更改添加内容的画布区域宽度。
* **内容区域对齐** - 选择您希望邮件内容在画布中左对齐还是居中对齐。
* **背景颜色** - 选择颜色块，从将出现的颜色渐变中选择一种色调，或输入 hex 代码以为邮件背景指定精确颜色。对于透明背景，只需将“transparent”输入为 hex 代码。
* **内容区域背景颜色** - 选择颜色块，从将出现的颜色渐变中选择一种色调，或输入 hex 代码以为内容区域背景指定精确颜色。对于透明背景，只需将“transparent”输入为 hex 代码。
* **默认字体** - 选择您希望文本组件使用的字体。下拉列表会显示每种字体选项的预览效果。
* **链接颜色** - 选择颜色块，从将出现的颜色渐变中选择一种色调，或输入 hex 代码以为链接指定精确颜色。对于透明背景，只需将“transparent”输入为 hex 代码。
* **自定义 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.
