# 创建并自定义 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/5d723edeaa5398cfc1e8f58fd912aa6296e03c88" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/0806dd067b0b6c5653ced9b96d329e9b89c58f2e" alt="" width="422"><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/652cd0e52bc60f43626822af301460752b20f458" 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”输入为十六进制代码即可。
* **自定义头部 HTML** - 选择此选项以输入您希望纳入电子邮件模板中的任何自定义 HTML 代码。

</details>


---

# Agent Instructions: 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:

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

The question should be specific, self-contained, and written in natural language.
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.
