当发生工单或帮助中心更新等活动时,您的帐户会定期发送电邮通知给终端用户。几乎所有这些电邮的内容和格式都由管理中心的两个模板控制:一个 HTML 模板和一个纯文本模板。发送的每封电邮都包含这两种格式。终端用户看到的版本取决于其电邮应用程序的首选设置。
您可以使用这两个模板,也可以对其进行编辑,使其更好地满足您的需求。与纯文本模板不同, HTML 模板可以自定义从您的帐户发送的电邮的外观和风格。例如,您可添加公司徽标或行动号召横幅,以符合品牌形象或与帮助中心外观匹配。
限制
- 默认情况下,试用版不允许编辑电邮模板;某些帐户可能不允许编辑电邮模板。要启用编辑,请联系 Zendesk 客户支持,并附上您的子域名、您公司网站链接及您要进行的更改的简要描述。
- 协作快捷对话电邮通知不使用电邮模板。
电邮模板剖析
HTML 和纯文本模板剖析有助于了解何时自定义模板。
HTML 模板剖析
从 Zendesk 帐户发送的标准 HTML 通知电邮如下所示:
屏幕截图中的侧边数字分别对应电邮模板中的以下组件:
电邮正文 |
电邮正文由管理中心 HTML 电邮模板中的 发送电邮之前,系统会将模板中的 电邮正文在触发器中定义。在以下触发器操作中,电邮正文以红色突出显示: 本例中,电邮正文由两部分组成:
请参阅自定义触发器和自行程序中的电邮。 |
标准页脚 |
标准页脚由以下两个占位符组成:
两个占位符都是可选的,可酌情从模板中删除。 |
纯文本模板剖析
如果用户选择不阅读 HTML 格式的电邮,系统将使用纯文本电邮模板。该模板由两个系统占位符组成:
{{content}} {{footer}}
{{content}}
占位符可插入从业务规则(触发器、自行程序或宏)生成的文本,以及工单评论。占位符 {{footer}}
是可选项。您可以根据需要将其移除。有关更多信息,请参阅了解系统占位符。
要在纯文本电邮中添加一行文本,只需将其添加到模板中。
Thanks for contacting Mondocam Support! {{content}} {{footer}}
自定义 HTML 电邮
您可以自定义发送给客户的 HTML 电邮通知的外观和风格。本部分涵盖以下主题:
有关指南和配方,请参阅 Zendesk 电邮设计指南。
编辑 HTML 电邮模板
要更改 HTML 电邮的外观,可编辑管理中心的 HTML 电邮模板。编辑 HTML 模板需要对 HTML 和 CSS 有一定程度了解。有关配方,请参阅 Zendesk 电邮设计指南。有关设计指南,请参阅 HTML 指南 - 电邮。
更改保存后将立即应用到发出的电邮。因此,在将更改应用到模板之前,应预览和测试更改。如果您使用的是 Enterprise 服务模式,还可以先在沙盒环境中测试电邮更改,然后再公开部署。
编辑 HTML 模板的步骤
-
在管理中心,单击侧栏中的渠道 (
),然后选择 Talk 和电邮 > 电邮。
如果您使用的是 Enterprise 服务模式,请单击管理设置 > 模板。
- 滚动到 HTML 模板框。
- 根据需要修改模板的 HTML。
请参阅 Zendesk 电邮设计指南。
- 要使用模板的默认版本重新开始,请单击模板下面的恢复默认。
- 要在电邮中显示用户照片,请单击电邮模板部分中的在电邮中显示用户个人资料照片。
选择此项后,当电邮客户端支持时,会在电邮中显示个人资料照片。并非所有电邮客户端都默认显示图像。
- 单击保存。
例如:更改页脚文本的颜色
本例说明如何将页脚的字体颜色更改为蓝绿色(十六进制颜色代码:#009966)。有关页脚的更多创意,请参阅以下 Zendesk 电邮设计指南中的配方:
假设您模板的页脚由 {{footer}}
和 {{footer_link}}
占位符组成。如果您的公司名称是 Mondocam,则这些占位符将在发送的电邮中显示以下文本:“此电邮是由 Mondocam 提供的服务。由 Zendesk 提供”。
- 在管理中心,单击侧栏中的渠道 (
),然后选择 Talk 和电邮 > 电邮。
- 在电邮模板部分,找到两个页脚占位符及其父占位符
<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> ...
- 将
color
的值更改为 #009966,即蓝绿色的十六进制代码。 - 单击保存。
:hover
)进行样式设计,例如:a:hover
{color:#FF00FF;}
。然而,内联 CSS 不支持 CSS 伪类,且 Gmail 等主要电邮客户端会剔除任何非内联 CSS。
更改文本颜色时,请使用足够的颜色对比度以确保可访问性。遵循 Web 内容无障碍指南 (WCAG) 的建议,并利用 WebAIM 颜色对比度检查器等工具检查文本和背景之间的对比度。
例如:添加徽标
您可以将公司徽标添加到电邮通知顶部,但请记住,某些电邮客户端默认不显示图像。
将公司徽标添加到电邮通知的步骤
- 将
<img>
标签 (<img src="">
) 插入到<body>
标签之后但在内容标签<div>
之前。 - 指定徽标图像的 URL 作为
src
属性的值。例如:<img src="https://mondocam.com/assets/logo.png"/>
- 要将超链接添加到徽标,请将
<img>
标签放入定位标记(如下所示):<a href="https://mondocam.com/home"><img src="https://mondocam.com/assets/logo.png"></a>
要详细了解自定义徽标,请参阅 Zendesk 电邮设计指南中的配方:添加公司徽标。
自定义纯文本电邮
如果您无法使用 HTML,则无法自定义发送给客户的纯文本电邮通知的外观和风格。但是,您可以在电邮中添加信息。
自定义纯文本模板的步骤
- 在管理中心,单击侧栏中的渠道 (
),然后选择 Talk 和电邮 > 电邮。
- 向下滚动到电邮模板部分。
- 根据需要修改文本模板。
- 要使用模板的默认版本重新开始,请单击模板下面的恢复默认。
- 单击保存。
自定义触发器和自行程序中的电邮
触发器和自行程序可以包含向用户发送电邮的操作。您可将 HTML 和 Liquid Markup 添加到触发器或自行程序操作(而不是电邮模板),以自定义电邮正文。例如:
为多个品牌自定义电邮
要为多个品牌自定义电邮通知,您必须在触发器和自行程序的操作中自定义电邮正文,但请尽量使用通用电邮模板,因为您只有一个模板。换言之,所有品牌使用同一个模板,但可为每个品牌自定义不同的操作。有关更多信息,请参阅以下资源:
- 将电邮模板用于多个品牌
- 如何构建您的电邮模板,以便为每个品牌使用自定义 HTML 布局——来自 Andrew Soderberg 的小贴士
HTML 电邮模板的占位符参考
通知电邮的大部分内容都是由 Zendesk 系统动态生成。生成的内容在电邮模板中以占位符表示。占位符需要加双花括号,例如 {{footer}}
。
占位符可插入电邮内容和页脚文本。
{{content}}
- 显示电邮内容,可能包括工单评论和用户个人资料照片。内容定义在触发器、自行程序,或从您的帐户发送电邮的其它工具中。请参阅创建和管理触发器用于工单更新和通知。
{{quoted_content}}
- 可选。显示消息历史记录。被引用的内容通常在用户的电邮应用程序中折叠,但用户可以展开。例如,在 Gmail 中,用户单击省略号 (…)。请参阅了解简化的电邮讨论串。
- 引用的内容可以不包含附件,具体取决于工单的创建方式:
- 如果工单是通过电邮创建的,则引用的内容不会包含附件。
- 如果工单是通过网络表格(或其他非电邮渠道)创建的,则附件会包含在引用的内容中。
{{footer}}
- 可选。显示“此电邮是由 YourZendeskName 提供的服务”这行文本。还将在发送给专员的电邮中显示工单属性,例如状态和请求者。属性不会显示在发送给终端用户的电邮中。
{{footer_link}}
- 可选。显示这行文本“由 Zendesk 提供”。Zendesk 这个词是转到 https://www.zendesk.com 的链接。
{{delimiter}}
- 显示这行文本“##- 请在此行以上输入您的回复 -##”。系统使用定界符来将旧的内容与新的内容分隔开来。当有人回复电邮时,回复中的新内容将作为评论添加到工单中。如果您使用的是电邮定界符,则 HTML 模板必须含有此占位符。请参阅自定义电邮中的定界符文本。
{{styles}}
- 可选。供日后使用。目前,如果系统检测到区域设置是从右到左,会使用此占位符添加样式。
{{attributes}}
- 可选。供日后使用。目前,如果系统检测到区域设置是从右到左,会使用此占位符添加属性。
0 条评论