What's my plan?
Suite Team, Growth, Professional, Enterprise, or Enterprise Plus
Support Team, Professional, or Enterprise
位置：管理中心 > 渠道 > Talk 和电邮 > 电邮

当发生工单或帮助中心更新等活动时，您的帐户会定期发送电邮通知给终端用户。几乎所有这些电邮的内容和格式都由管理中心的两个模板控制：一个 HTML 模板和一个纯文本模板。发送的每封电邮都包含这两种格式。终端用户看到的版本取决于其电邮应用程序的首选设置。

您可以使用这两个模板，也可以对其进行编辑，使其更好地满足您的需求。与纯文本模板不同， HTML 模板可以自定义从您的帐户发送的电邮的外观和风格。例如，您可添加公司徽标或行动号召横幅，以符合品牌形象或与帮助中心外观匹配。

本文章包含以下主题：
  • 限制
  • 电邮模板剖析
  • 自定义 HTML 电邮
  • 自定义纯文本电邮
  • 自定义触发器和自行程序中的电邮
  • 为多个品牌自定义电邮
  • HTML 电邮模板的占位符参考

限制

  • 默认情况下，试用版不允许编辑电邮模板；某些帐户可能不允许编辑电邮模板。要启用编辑，请联系 Zendesk 客户支持，并附上您的子域名、您公司网站链接及您要进行的更改的简要描述。
  • 协作快捷对话电邮通知不使用电邮模板。

电邮模板剖析

HTML 和纯文本模板剖析有助于了解何时自定义模板。

HTML 模板剖析

从 Zendesk 帐户发送的标准 HTML 通知电邮如下所示：

屏幕截图中的侧边数字分别对应电邮模板中的以下组件：

电邮正文

电邮正文由管理中心 HTML 电邮模板中的 {{content}} 占位符表示（红色突出显示框）：

发送电邮之前，系统会将模板中的 {{content}} 占位符替换为其他 HTML，用于显示电邮正文。

电邮正文在触发器中定义。在以下触发器操作中，电邮正文以红色突出显示：

本例中，电邮正文由两部分组成：

  • 通知消息：“您的请求 ({{ticket.id}}) 已更新。要添加更多评论，请回复此电邮。”
  • 工单评论由 {{ticket.comments_formatted}} 占位符表示

请参阅自定义触发器和自行程序中的电邮。

标准页脚

标准页脚由以下两个占位符组成：

  • {{footer}}：显示“此电邮是由 Mondocam 提供的服务。”
  • {{footer_link}}：显示“由 Zendesk 提供”

两个占位符都是可选的，可酌情从模板中删除。

纯文本模板剖析

如果用户选择不阅读 HTML 格式的电邮，系统将使用纯文本电邮模板。该模板由两个系统占位符组成：

{{content}}

{{footer}}

{{content}} 占位符可插入从业务规则（触发器、自行程序或宏）生成的文本，以及工单评论。占位符 {{footer}} 是可选项。您可以根据需要将其移除。有关更多信息，请参阅了解系统占位符。

要在纯文本电邮中添加一行文本，只需将其添加到模板中。

Thanks for contacting Mondocam Support!

{{content}}

{{footer}}

自定义 HTML 电邮

您可以自定义发送给客户的 HTML 电邮通知的外观和风格。本部分涵盖以下主题：

  • 编辑 HTML 电邮模板
  • 示例：更改页脚文本的颜色
  • 示例：添加徽标

有关指南和配方，请参阅 Zendesk 电邮设计指南。

编辑 HTML 电邮模板

要更改 HTML 电邮的外观，可编辑管理中心的 HTML 电邮模板。编辑 HTML 模板需要对 HTML 和 CSS 有一定程度了解。有关配方，请参阅 Zendesk 电邮设计指南。有关设计指南，请参阅 HTML 指南 - 电邮。

更改保存后将立即应用到发出的电邮。因此，在将更改应用到模板之前，应预览和测试更改。如果您使用的是 Enterprise 服务模式，还可以先在沙盒环境中测试电邮更改，然后再公开部署。

编辑 HTML 模板的步骤

  1. 在管理中心，单击侧栏中的渠道 ()，然后选择 Talk 和电邮 > 电邮。

    如果您使用的是 Enterprise 服务模式，请单击管理设置 > 模板。

  2. 滚动到 HTML 模板框。
  3. 根据需要修改模板的 HTML。

    请参阅 Zendesk 电邮设计指南。

  4. 要使用模板的默认版本重新开始，请单击模板下面的恢复默认。
  5. 要在电邮中显示用户照片，请单击电邮模板部分中的在电邮中显示用户个人资料照片。

    选择此项后，当电邮客户端支持时，会在电邮中显示个人资料照片。并非所有电邮客户端都默认显示图像。

  6. 单击保存。

例如：更改页脚文本的颜色

本例说明如何将页脚的字体颜色更改为蓝绿色（十六进制颜色代码：#009966）。有关页脚的更多创意，请参阅以下 Zendesk 电邮设计指南中的配方：

  • 配方：添加页脚
  • 配方：将社交媒体链接添加到页脚

假设您模板的页脚由 {{footer}} 和 {{footer_link}} 占位符组成。如果您的公司名称是 Mondocam，则这些占位符将在发送的电邮中显示以下文本：“此电邮是由 Mondocam 提供的服务。由 Zendesk 提供”。

更改页脚文本颜色的步骤
  1. 在管理中心，单击侧栏中的渠道 ()，然后选择 Talk 和电邮 > 电邮。
  2. 在电邮模板部分，找到两个页脚占位符及其父占位符 <div> 标签：
    ...
  <div style="padding: 10px;
              line-height: 1.5; 
              font-family: 'Lucida Grande',Verdana,Arial,sans-serif; 
              font-size: 12px; 
              color: #aaaaaa; 
              margin: 10px 0 14px 0; 
              padding-top: 10px; 
              border-top: 1px solid #eeeeee;">
    {{footer}} {{footer_link}}
  </div>
...
  3. 将 color 的值更改为 #009966，即蓝绿色的十六进制代码。
  4. 单击保存。
注意：链接的颜色无法自定义。链接使用 CSS 伪类（例如 :hover）进行样式设计，例如：a:hover {color:#FF00FF;}。然而，内联 CSS 不支持 CSS 伪类，且 Gmail 等主要电邮客户端会剔除任何非内联 CSS。

更改文本颜色时，请使用足够的颜色对比度以确保可访问性。遵循 Web 内容无障碍指南 (WCAG) 的建议，并利用 WebAIM 颜色对比度检查器等工具检查文本和背景之间的对比度。

例如：添加徽标

您可以将公司徽标添加到电邮通知顶部，但请记住，某些电邮客户端默认不显示图像。

将公司徽标添加到电邮通知的步骤

  1. 将 <img> 标签 (<img src="">) 插入到 <body> 标签之后但在内容标签 <div> 之前。

  2. 指定徽标图像的 URL 作为 src 属性的值。例如：
    <img src="https://mondocam.com/assets/logo.png"/>
  3. 要将超链接添加到徽标，请将 <img> 标签放入定位标记（如下所示）：
    <a href="https://mondocam.com/home"><img src="https://mondocam.com/assets/logo.png"></a>

要详细了解自定义徽标，请参阅 Zendesk 电邮设计指南中的配方：添加公司徽标。

自定义纯文本电邮

如果您无法使用 HTML，则无法自定义发送给客户的纯文本电邮通知的外观和风格。但是，您可以在电邮中添加信息。

自定义纯文本模板的步骤

  1. 在管理中心，单击侧栏中的渠道 ()，然后选择 Talk 和电邮 > 电邮。
  2. 向下滚动到电邮模板部分。
  3. 根据需要修改文本模板。
  4. 要使用模板的默认版本重新开始，请单击模板下面的恢复默认。
  5. 单击保存。

自定义触发器和自行程序中的电邮

触发器和自行程序可以包含向用户发送电邮的操作。您可将 HTML 和 Liquid Markup 添加到触发器或自行程序操作（而不是电邮模板），以自定义电邮正文。例如：

有关详情，请参阅以下文章：
  • 编辑和复制工单触发器
  • 添加或移除工单链接
  • 使用 Liquid Markup 自定义评论和电邮通知中的文本格式和位置
提示：阅读此 Zendesk 博文，了解如何将常见客户服务消息添加到电邮通知正文，以节省时间。

为多个品牌自定义电邮

要为多个品牌自定义电邮通知，您必须在触发器和自行程序的操作中自定义电邮正文，但请尽量使用通用电邮模板，因为您只有一个模板。换言之，所有品牌使用同一个模板，但可为每个品牌自定义不同的操作。有关更多信息，请参阅以下资源：

  • 将电邮模板用于多个品牌
  • 如何构建您的电邮模板，以便为每个品牌使用自定义 HTML 布局——来自 Andrew Soderberg 的小贴士

HTML 电邮模板的占位符参考

通知电邮的大部分内容都是由 Zendesk 系统动态生成。生成的内容在电邮模板中以占位符表示。占位符需要加双花括号，例如 {{footer}}。

占位符可插入电邮内容和页脚文本。

{{content}}
显示电邮内容，可能包括工单评论和用户个人资料照片。内容定义在触发器、自行程序，或从您的帐户发送电邮的其它工具中。请参阅创建和管理触发器用于工单更新和通知。
{{quoted_content}}
可选。显示消息历史记录。被引用的内容通常在用户的电邮应用程序中折叠，但用户可以展开。例如，在 Gmail 中，用户单击省略号 (…)。请参阅了解简化的电邮讨论串。
引用的内容可以不包含附件，具体取决于工单的创建方式：
  • 如果工单是通过电邮创建的，则引用的内容不会包含附件。
  • 如果工单是通过网络表格（或其他非电邮渠道）创建的，则附件会包含在引用的内容中。
{{footer}}
可选。显示“此电邮是由 YourZendeskName 提供的服务”这行文本。还将在发送给专员的电邮中显示工单属性，例如状态和请求者。属性不会显示在发送给终端用户的电邮中。
{{footer_link}}
可选。显示这行文本“由 Zendesk 提供”。Zendesk 这个词是转到 https://www.zendesk.com 的链接。
{{delimiter}}
显示这行文本“##- 请在此行以上输入您的回复 -##”。系统使用定界符来将旧的内容与新的内容分隔开来。当有人回复电邮时，回复中的新内容将作为评论添加到工单中。如果您使用的是电邮定界符，则 HTML 模板必须含有此占位符。请参阅自定义电邮中的定界符文本。
{{styles}}
可选。供日后使用。目前，如果系统检测到区域设置是从右到左，会使用此占位符添加样式。
{{attributes}}
可选。供日后使用。目前，如果系统检测到区域设置是从右到左，会使用此占位符添加属性。
由 Zendesk 提供技术支持