> 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) ，该操作可在 *设置* 页面完成。
   * 输入 **BCC** 以发送邮件副本。
   * 输入 **主题** 。
   * 选择 **完成** 以保存此信息。
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 奖励代码组件，以创建 fuel tank 奖励代码。 |
| <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"> **\[好友奖励代码]** | 在画布中输入好友奖励代码组件，以创建可与好友分享的 fuel tank 奖励代码。  |
| ![](/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”输入为十六进制代码即可。
* **自定义页眉 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.
