Suite | Growth, Professional, Enterprise, or Enterprise Plus |
Support with | Guide all plans |
此支持提示演示了如何设置仅限请求的帮助中心。即帮助中心,只能允许终端用户提交请求(工单)和查看现有请求,不包含任何自助服务内容。
您可以通过多种方法执行此操作,在本技巧中,我们将编辑帮助中心主页,为终端用户提供提交新请求或检查现有请求的选项。主页不会包含任何其他内容。例如:
此技巧的好处在于,它不使用 JavaScript 重定向来创建仅限请求的帮助中心。 JavaScript 也是上佳途径之一。然而,在使用帮助中心时,由于系统限制专员查看“新建请求”页面和“我的活动”(默认行为是重定向到 Zendesk Support 专员界面),导致他们难以访问,因此往往削弱了专员的体验。
这个技巧避免了 JS 的其他挑战,例如计算用户登录、建立开放或封闭的帮助中心,以及启用多个区域设置。简而言之,此技巧说明了各种所需的工作流程,无需额外自定义。
仅针对请求更新主页
首先,我们将编辑帮助中心主页,为终端用户提供两个按钮,一个提交新请求,一个查看现有请求。我们建议您对“仅限请求”帮助中心使用 Copenhagen 主题,因为它是移动响应的。
编辑主页以添加新请求和现有请求按钮
- 在 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 而可能造成混淆。)
-
提示未登录的用户在单击“检查现有请求”按钮后登录。
-
- 单击保存。
您可以等到下个组别中隐藏帮助中心不需要的元素时再发布更改。
隐藏帮助中心不需要的元素
编辑主页以添加 仅限请求按钮后,您要确保终端用户不会意外导航到内容部分。为此,您要在以下各项模板中注释额外的几行代码:
- 社区
- 提交请求按钮
- 导航链接
- 搜索
此外,您应删除所有类别中预先存在的内容,或将类别设置为草稿模式(如下所述),以防止终端用户无意中访问内容。
在帮助中心隐藏不需要的元素
- 打开标头模板,然后通过将其括在
{{!-- ... --}}
中,注释 Community(社区)和 Submit a Request(提交请求)按钮。如果操作正确,所有代码文本都将变为灰色。
- 打开 request_page 模板,然后注释
<nav>
代码。 - 打开 requests_page 模板,然后注释
<nav>
代码。 - 打开 new_request_page 模板,然后注释
{{search}}
。 - 单击保存。
移除预先存在的帮助中心内容
- 导航到类别,然后单击顶部菜单栏中的 编辑类别 。
- 单击 标为草稿 复选框以隐藏类别及其内容,或单击底部的 删除类别 以永久移除该类别及其内容。
- 如果您选择了草稿,单击 更新,如果您选择了删除,单击以确认您要删除该类别。
(可选)更改默认按钮样式和颜色
帮助中心提供预建模板,因此帮助中心内的按钮 CSS 样式已经存在。如果覆盖现有 CSS 时遇到问题,您可能需要编辑默认样式。您还可以在不编辑 CSS 的情况下更改按钮颜色。
- 在 Guide 中,单击侧栏中的自定义设计图标 (
)。
- 单击主题可打开,然后单击编辑代码。
- 打开 style.css 文件。
- 按 Ctrl + F 搜索“按钮”。
- 根据需要进行更新,然后单击保存。
- 在 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>
0 条评论