What's my plan?
Suite Growth, Professional, Enterprise, or Enterprise Plus
Support with Guide all plans

此支持提示演示了如何设置仅限请求的帮助中心。即帮助中心,只能允许终端用户提交请求(工单)和查看现有请求,不包含任何自助服务内容。

您可以通过多种方法执行此操作,在本技巧中,我们将编辑帮助中心主页,为终端用户提供提交新请求或检查现有请求的选项。主页不会包含任何其他内容。例如:

此技巧的好处在于,它不使用 JavaScript 重定向来创建仅限请求的帮助中心。 JavaScript 也是上佳途径之一。然而,在使用帮助中心时,由于系统限制专员查看“新建请求”页面和“我的活动”(默认行为是重定向到 Zendesk Support 专员界面),导致他们难以访问,因此往往削弱了专员的体验。

这个技巧避免了 JS 的其他挑战,例如计算用户登录、建立开放或封闭的帮助中心,以及启用多个区域设置。简而言之,此技巧说明了各种所需的工作流程,无需额外自定义。 

本文章包含以下部分:
  • 仅针对请求更新主页
  • 隐藏帮助中心不需要的元素
  • (可选)本地化您的主页按钮
  • (可选)更改默认按钮样式

仅针对请求更新主页

首先,我们将编辑帮助中心主页,为终端用户提供两个按钮,一个提交新请求,一个查看现有请求。我们建议您对“仅限请求”帮助中心使用 Copenhagen 主题,因为它是移动响应的。

编辑主页以添加新请求和现有请求按钮

  1. 在 Guide 中,单击侧栏中的自定义设计图标 ()。
  2. 单击主题可打开,然后单击编辑代码。
  3. 打开主页模板。
  4. 将现有代码括在 {{!-- ... --}} 中进行注释。    

    如果操作正确,所有代码文本都将变为灰色。

  5. 在已注释的主页代码上方添加以下代码。
    <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 而可能造成混淆。)

    • 提示未登录的用户在单击“检查现有请求”按钮后登录。

  6. 单击保存。

    您可以等到下个组别中隐藏帮助中心不需要的元素时再发布更改。

隐藏帮助中心不需要的元素

编辑主页以添加 仅限请求按钮后,您要确保终端用户不会意外导航到内容部分。为此,您要在以下各项模板中注释额外的几行代码:

  • 社区
  • 提交请求按钮
  • 导航链接
  • 搜索

此外,您应删除所有类别中预先存在的内容,或将类别设置为草稿模式(如下所述),以防止终端用户无意中访问内容。

在帮助中心隐藏不需要的元素

  1. 打开标头模板,然后通过将其括在 {{!-- ... --}} 中,注释 Community(社区)和 Submit a Request(提交请求)按钮。

    如果操作正确,所有代码文本都将变为灰色。

  2. 打开 request_page 模板,然后注释 <nav> 代码。
  3. 打开 requests_page 模板,然后注释 <nav> 代码。
  4. 打开 new_request_page 模板,然后注释 {{search}}。
  5. 单击保存。

移除预先存在的帮助中心内容

  1. 导航到类别,然后单击顶部菜单栏中的 编辑类别 。
  2. 单击 标为草稿 复选框以隐藏类别及其内容,或单击底部的 删除类别 以永久移除该类别及其内容。
  3. 如果您选择了草稿,单击 更新,如果您选择了删除,单击以确认您要删除该类别。

(可选)更改默认按钮样式和颜色

帮助中心提供预建模板,因此帮助中心内的按钮 CSS 样式已经存在。如果覆盖现有 CSS 时遇到问题,您可能需要编辑默认样式。您还可以在不编辑 CSS 的情况下更改按钮颜色。

查找默认 CSS 按钮样式的步骤
  1. 在 Guide 中,单击侧栏中的自定义设计图标 ()。
  2. 单击主题可打开,然后单击编辑代码。
  3. 打开 style.css 文件。
  4. 按 Ctrl + F 搜索“按钮”。
  5. 根据需要进行更新,然后单击保存。
编辑按钮颜色
  1. 在 Guide 中,单击侧栏中的自定义设计图标 ()。
  2. 单击您的主题以打开它。
  3. 单击颜色,然后根据需要更改颜色。

    以下是颜色的映射方式:

  4. 单击保存。

(可选)本地化您的主页按钮

注意:非 Suite 服务模式的 Support 和 Guide 客户必须拥有带 Guide 服务模式的 Support Professional 或 Enterprise 才能使用该功能。
您可以使用动态内容对帮助中心中的内容进行本地化,尤其是当您希望主页上的按钮文本具有特定语言,以便于以不同语言访问页面的用户时。
对主页按钮进行本地化
  • 在管理中心创建动态内容,然后在您帮助中心的 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>
由 Zendesk 提供技术支持