此支持提示说明了如何设置仅限请求的帮助中心。也就是说,帮助中心使终端用户能够提交请求(工单),并仅查看现有的请求,并且不包含任何自助服务内容。
有几项方法您可以完成此操作,但在此提示中,我们将编辑帮助中心主页,以提供终端用户提交新请求或检查其现有请求的选项。主页不会包含其它内容。例如:
这一提示的优势是,它不使用 JavaScript 重定向来创建仅限请求的帮助中心。 JavaScript 可以,也正常工作。然而,当使用帮助中心时,它经常减少专员体验,因为它由于对查看新请求页面和我的活动的限制,(默认行为是重定向到Zendesk Support专员界面)。
此提示避免了 JS 的其他挑战,例如,用于用户登录、有已开启或已关闭的帮助中心,以及已启用多个区域设置。简单地说,此提示可针对各种想要的工作流程,无需额外的自定义。
仅更新您的主页以用于请求
首先,我们将编辑帮助中心主页,为终端用户提供两个按钮,提交新的请求并检查其现有的请求。我们建议您将仅限请求的帮助中心使用哥本哈根主题,因为它是移动响应式的。
要编辑您的主页,以添加新的请求和现有的请求按钮
- 在 Guide 中,单击侧栏中的自定义设计图标 ()。
- 单击您的主题打开,然后单击 编辑代码。
- 打开主页模板。
- 请评论现有的代码,以包装在 中
{{!-- ... --}}
。如果您正确做到这一点,所有代码文本都将更改为灰色。
- 以上评论出码的网页上添加以下代码。
<div id="divhomecontainer"> <h1>Welcome to Rebecca's Support Portal</h1> <h2> Select below to Submit a New Request or Check your Existing Requests<h2> <form style="display: block; text-align: center; margin: 20px;" class="submitbutton" action="{{page_path 'new_request'}}"> <input type="submit" value="Submit a Request"> </form> <form style="display: block; text-align: center; margin: 20px;"class="requestbutton" action="{{page_path 'my_activities'}}"> <input type="submit" value="Check your Existing Requests"> </form> </div>
此代码做什么:-
添加一条欢迎消息。请一定要用您自己的欢迎消息更改占位符文本。
-
创建两个按钮:一个是新的请求表格,一个是检查现有的请求。此外,添加一个独特的类到按钮,以按需自定义CSS。
-
添加CSS样式到嵌入的按钮,以提高外观。(避免使客户也自定义CSS可能令人困惑,即一个停止复制粘贴解决方案。
-
当用户单击“检查现有请求”按钮时,提示未登录的用户。
-
- 单击保存。
您可以等待发布更改,直到您在下一个组别 隐藏帮助中心未需要的元素。
隐藏帮助中心未需要的元素
当您编辑主页以添加 仅限请求按钮后,您需要确保终端用户不会意外导航到内容部分。要做到这一点,您将在各种模板上评论几个额外的代码行:
- 社区
- 提交请求按钮
- 导航链接
- 搜索
此外,您应删除类别中所有现有内容,或将类别设置为草稿模式,如以下描述,以防止终端用户无意中访问内容。
要在帮助中心隐藏未需要的元素
- 打开 页首 模板,然后评论出社区,并在 中
{{!-- ... --}}
提交请求按钮。如果您正确做到这一点,所有代码文本都将更改为灰色。
- 打开 request_page 模板,然后将代码评论
在顶部。
- 打开 requests_page 模板,然后将代码评论
在顶部。
- 打开 new_request_page 模板,然后再评论出来
{{search}}
。 - 单击保存。
要移除预先现有的帮助中心内容
- 导航到类别,然后单击顶部菜单栏中 的编辑类别。
- 单击“ 标为草稿 ”复选框隐藏类别及其内容,或单击底部的 “删除”类别 以永久移除该类别及其内容。
- 如果您选择草稿,单击 “更新”,如果您选择删除,单击以确认您要删除类别。
(可选)更改默认按钮样式和颜色
帮助中心提供了预建模板,因此帮助中心中的CSS样式已经存在。如果您遇到对现有CSS的问题,您需要编辑默认样式。您还可以更改按钮颜色,而无需编辑CSS。
- 在 Guide 中,单击侧栏中的自定义设计图标 ()。
- 单击您的主题打开,然后单击 编辑代码。
- 打开 样式.css 文件。
- “按钮”的搜索(控制 + F)。
- 按需进行更新,然后单击 PSave。
- 在 Guide 中,单击侧栏中的自定义设计图标 ()。
- 单击您的主题以打开。
- 单击 颜色,然后按需更改颜色。
以下是颜色映射的方式:
- 单击保存。
(可选)本地化您的主页按钮
- 在管理中心创建动态内容,然后在帮助中心插入 DC 占位符,以便使以不同的语言访问的用户进行文本动态。
请查阅 添加已翻译的文本到您的帮助中心 以获得说明。
<div id="divhomecontainer">
<h1 style="text-align: center;">{{dc ‘ADD_YOUR_DC'}} </h1>
<h2 style="text-align: center;"> {{dc 'ADD_YOUR_DC'}}</h2>
<form style="display: block; text-align: center; margin: 20px;" class="submitbutton"
action="{{page_path 'new_request'}}">
<input type="submit" value="Submit a Request">
</form>
<form style="display: block; text-align: center; margin: 20px;" class="requestbutton" action="{{page_path 'my_activities'}}">
<input type="submit" value="Check your Existing Requests">
</form>
</div>
翻译免责声明:本文章使用自动翻译软件翻译,以便您了解基本内容。 我们已采取合理措施提供准确翻译,但不保证翻译准确性
如对翻译准确性有任何疑问,请以文章的英语版本为准。