指南配方:请求对文章投反对票的反馈

詹姆斯Rodewig

编辑2023年4月11日20:30

亚博Zendesk文档团队

我的计划是什么?

套件成长，专业，企业和企业Plus 专业企业计划

标准的哥本哈根主题允许最终用户对帮助中心的文章进行投票。在这个配方中，您将编辑主题的代码，以便在用户给文章投否定票时显示后续消息。

downvote消息包含一个到New Request页面的链接，该页面包含一个票务表单。用户可以填写票务表对文章进行反馈。表单使用自定义票证字段来捕获文章的URL。提交后，表单会在Zendesk Support中创建一个票证。亚博

关于这个食谱

您必须是Zendesk支持管亚博理员才能完成此配方。该配方包括以下任务:

该配方假定您正在编辑标准的哥本哈根主题。如果要编辑另一个主题或对自定义的Copenhagen主题进行类似更改，则可能需要更改代码示例。

该食谱还使用了预先填好的购票表格。预先填写的票证表单需要使用模板API版本2的主题。要查看主题的版本，请参见关于Guide模板版本．

注意:这个配方需要编辑CSS、页面模板和JavaScript。编辑标准主题时，它被保存为自定义主题．自定义主题是不由Zendesk提供支持亚博不当新功能发布时自动更新。看到关于标准主题和自定义主题的帮助中心．

任务1:启用匿名投票

如果您的帮助中心对匿名访问者可见，您可以启用匿名投票作为可选步骤。匿名投票允许终端用户在不登录的情况下对帮助中心的文章进行投票。

要启用匿名投票，请按照中的说明操作允许用户在不登录的情况下对知识库文章进行投票亚博官方app．然后再回到这篇文章。

任务2:为文章URL创建自定义票据字段

首先，创建一个自定义票证字段来捕获帮助中心文章的url。

为文章URL创建自定义票证字段

在管理中心,点击对象和规则在侧边栏中，然后选择门票>字段．
点击添加字段．
选择文本字段类型。
输入帮助文章网址随着显示名称．
下权限中,选择客户可以编辑．
下客户,输入帮助文章网址随着向客户展示的标题．
点击保存．
如果您的帐户使用单个票据表单，则新字段将自动出现在您的票据表单中。如果使用多个票务表单，则必须手动将该字段添加到希望包含该字段的任何票务表单中。
在字段页，复制字段ID帮助文章网址字段。稍后将在本食谱中使用该ID。

任务3:添加自定义CSS

接下来，为downvote消息添加自定义CSS到您的主题。

将自定义CSS添加到主题

在指南中，打开主题的代码编辑器。有关说明，请参阅编辑帮助中心主题．
点击style.css．
在文件底部粘贴以下内容:
```
/ *——Downvote消息  ----------- */ . downvote-message{显示:没有;边框:1px实心#ddd;border - radius: 4 px;text-align:中心;}
```
的CSS规则.downvote-message类。您将使用这个类来隐藏downvote消息，直到用户给一篇文章点赞。这个类还在显示消息时对消息进行样式化。
如果您正在更新帮助中心的活动主题，请单击发布．否则,单击保存．

任务4:更新文章页面模板

接下来，将downvote消息的HTML添加到主题的Article Page模板中。

更新文章页面模板

在指南中，打开主题的代码编辑器。
点击article_page.hbs．
的结束标记之前添加以下HTML片段< div class = " article-votes”>：
```
 我们很遗憾听到这个消息。
 请告诉我们原因。< / > < / p > < / div >
```
在代码片段中，替换为:
- CUSTOM_FIELD_ID的字段ID帮助文章网址中创建的字段为文章URL创建自定义票据字段
- HTTPS://SUBDOMAIN.亚博ZENDESK.COM使用帮助中心的基本URL
HTML在每篇文章的投票按钮下面添加了一个downvote消息。消息的父节点div使用downvote-message你添加的类为文章URL创建自定义票据字段．这个类的CSS对所有用户隐藏消息。稍后，您将添加自定义JavaScript，以便在用户投否决票时显示消息。
该消息包含一个链接，指向包含票务表单的New Request页面。这个链接使用一个URL参数来预填充表单帮助文章网址字段中添加当前文章的URL。欲了解更多有关预填门票表格，请参阅创建预先填写的票务表格．
如果您的帐户使用单一票证表单，请跳到下一步。如果您的帐户有多个票务表单，请添加&ticket_form_id = FORM_IDURL参数到HTML片段的结尾href价值。在参数中替换FORM_ID带着您机票的身份证件。例子:
```
 我们很遗憾听到这个消息。
 请告诉我们原因。< / > < / p > < / div >
```
票据表单必须对最终用户可见。要检查或更改票证表单的可见性，请参见创建多个票证表单以支持不同的请求类型．

检查你的模板< div class = " article-votes”>元素。它看起来应该像这样:

 {{t 'was_this_article_helpful'}} {{投票'up' role='radio' class='button article-vote-up' ' selected_class="button-primary"}}{{投票'down' role='radio' class='button article-vote-down' ' selected_class="button-primary"}} 
 {{投票'label' 'class='article-vote-label'}}   我们很遗憾听到这个消息。
 请告诉我们原因。

如果您正在更新帮助中心的活动主题，请单击发布．否则,单击保存．

任务5:添加自定义JavaScript

添加一些JavaScript，以便在用户给一篇文章点赞时显示downvote消息。

将自定义JavaScript添加到主题

在指南中，打开主题的代码编辑器。
点击script.js．

在文件底部粘贴以下内容:

//显示文章不赞成文档的消息。addEventListener("DOMContentLoaded"， () => {if (document.querySelector(".article-votes-controls")) {const voteButtons = document.querySelectorAll(".article-vote");const voteMessage = document.querySelector(".downvote-message");votebutton . foreach ((button) =>{按钮。addEventListener("click"， () => {let isDownButton = button.matches(".article-vote-down");let isPressed = button.matches(".button-primary");if (isDownButton && !isPressed) {voteMessage.style.display = "block";} else {voteMessage.style.display = "none";}});}); } });

当用户单击没有按钮时，JavaScript将显示您添加的downvote消息更新文章页面模板．如果用户重置了他们的投票或将他们的投票更改为是的， JavaScript将再次隐藏该消息。

如果您正在更新帮助中心的活动主题，请单击发布．否则,单击保存．

任务6:测试您的更改

测试你的新投票功能，以确保它的工作如期进行。

要测试您的更改

在指南中，打开主题的代码编辑器。
点击预览．
在“预览”窗口中选择a预览的作用的最终用户．
导航到帮助中心中的一篇文章。在文章的底部，单击没有下面的投票按钮这篇文章有帮助吗?．
包含一个请告诉我们为什么链接应该出现。
单击请告诉我们为什么链接。
该链接应该打开一个包含票证表单的新请求页面。票据表单的帮助文章URL字段应该包含相关帮助中心文章的URL。
如果需要，您可以提交表单来创建一个测试票。
导航到帮助中心中的另一篇文章，然后单击没有投票按钮。
出现downvote消息后，单击是的投票按钮。downvote信息应该消失。
如果您没有对帮助中心的活动主题进行更改，并且准备启动它们，则可以将自定义主题设置为您的活动主题。看到更改帮助中心的实时主题．

回到顶端

33的评论

迈克尔Lorch
- 2022年10月27日20:31
詹姆斯Rodewig谢谢你的这个伟大的职位!我只有一个问题，在这个过程中，我们是否需要手动添加帮助文章网址对于我们想要得到反馈的每一篇文章，或者这样做会允许每一篇得到否定的文章都有一个反馈选项吗?

CC安德烈ivakhov

0
詹姆斯Rodewig
- 2022年10月27日21:05
- 编辑
亚博Zendesk文档团队
嗨,迈克尔,

谢谢你的评论。

我们是否需要手动添加帮助文章网址对于我们想要得到反馈的每一篇文章，或者这样做会允许每一篇得到否定的文章都有一个反馈选项吗?

如果按照本文中的步骤操作，您将更新文章页面模板。这将允许每一篇被否决的文章都有一个反馈选项。你不需要更新每一篇文章。

我希望这对你有帮助。祝你好运!

0
卢卡斯朱
- 2022年11月11日07:08
你好詹姆斯Rodewig，我完全按照列出的步骤进行了操作，发现了以下问题:
1. 我在Task 4的第4步中只输入了一个表单id，并且只在该表单中使用了新字段，但是，在请求提交阶段，我可以选择多种格式，如下所示
2. 帮助文章的URL不是必填字段，我可以在提交时将其设置为必填字段?我的意思是，如果可以忽略这一点，那么客户仍然可以向zendesk提交一个空值。亚博
0
詹姆斯Rodewig
- 2022年12月2日14:00
- 编辑
亚博Zendesk文档团队
嗨卢卡斯朱．谢谢你的反馈!

1.这是多个票证表单的默认行为。您可以通过向主题添加以下CSS来隐藏表单选择下拉菜单style.css文件:
```
.request_ticket_form_id{显示:none;}
```
2.您可以通过检查使帮助文章URL字段成为必需需要提交请求当您在Task 2中添加字段时。如果您只有一个票证表单，那么不建议这样做，因为用户可能需要提交与您的帮助中心无关的请求。
如果你遇到其他问题，请告诉我。再次感谢!
0
卢卡斯朱
- 2022年12月2日07:14
你好詹姆斯Rodewig感谢您的反馈，因为这种行为会给zendesk带来一个罚单，我们是否可以为这样的罚单添加一个特殊的标签，这样我们就知道如何在这些罚单上设置亚博触发器了?谢谢你！

0
詹姆斯Rodewig
- 2022年12月2日13:17
亚博Zendesk文档团队
嗨卢卡斯朱，

您可以创建一个触发器来检查自定义中某个值的票据帮助文章网址文本字段。有关在触发器中使用自定义票证字段的更多信息，请参阅在业务规则和视图中使用自定义票证字段篇文章。我希望这对你有帮助!

0
卢卡斯朱
- 2022年12月2日13:43
嗨詹姆斯Rodewig感谢您的回复，所以实际上我们想使用单一的形式，但不想保持这个字段必要时提交门票。

这样，如果客户在没有输入URL字段的情况下提出了一个票据，那么我们将无法通过单击downvotes来确定票据来自Guide。如果票证来自这个频道，是否可以默认带一个标签?谢谢。

0
詹姆斯Rodewig
- 2022年12月2日14:45
亚博Zendesk文档团队
嗨卢卡斯朱，

有几种不同的方法可以做到这一点。一个更简单的方法是隐藏帮助文章网址请在机票上填写。这有助于确保该字段仅在请求来自Guide文章时才包含值。但是，用户将不再能够编辑或更改字段的值。

要隐藏字段，请将以下CSS添加到主题中style.css文件。替换CUSTOM_FIELD_ID为帮助文章网址字段的ID。
```
.request_custom_fields_CUSTOM_FIELD_ID {
显示:没有;
}
```
例如，如果帮助文章网址字段的ID为1234，则CSS规则为:
```
.request_custom_fields_1234 {
显示:没有;
}
```
然后，您可以创建一个触发器来检查票证中的值帮助文章网址字段，如上所述。
0
卢卡斯朱
- 2022年12月4日01:58
- 编辑
嗨詹姆斯Rodewig当我添加上面的代码来隐藏字段时，这个字段在提交票据时无处可寻，发生这种情况时，URL字段仍然具有空值。正如你所提到的，有几种不同的方法，是否有可能帮助我们更好地识别来自Guide downvote行为的一张票，或者直接将文章URL带入该字段?谢谢你！

0
詹姆斯Rodewig
- 2022年12月4日16:46
- 编辑
亚博Zendesk文档团队
嗨卢卡斯朱，

听起来你的表格没有预填帮助文章网址字段与被否决的文章URL。如果是这种情况，我建议您回顾一下这些步骤本文的这一部分．特别是，确保替换了其中的自定义字段ID和子域预填写参数：
```
? tf_CUSTOM_FIELD_ID = HTTPS://SUBDOMA亚博IN.ZENDESK.COM {{url}}
```
我分享的CSS规则只隐藏显示机票上的场地。这不会影响预填充帮助中心文章值，它仍然会被捕获在票中。但是，暂时删除CSS规则可能会有所帮助，这样您可以在测试期间更轻松地查看字段值。

我希望这对你有帮助!
0
卢卡斯朱
- 2022年12月5日00:07
嗨詹姆斯Rodewig这是指向我提交票证的URL，但是，该字段不是自动填充在票证提交阶段或票证最终在支持。https://MyDomain1536085754.亚博zendesk.com/hc/en-us/requests/new?tf_10754933104020=HTTPS://MyDomain1536085754.ZENDESK.COM/hc/en-us/articles/360024277792-Welcome-to-your-Help-Center-&ticket_form_id=360000152491

0
詹姆斯Rodewig
- 2022年12月19日21:43
- 编辑
亚博Zendesk文档团队
嗨卢卡斯朱，

我很遗憾地听到您在自动填充自定义字段值方面遇到了麻烦。如果你还没有，联系Zendesk客户支持亚博所以他们可以帮助你解决问题。虽然我们不支持自定义主题，但如果您的主题使用templatemapapi版本2，您应该能够在表单中预填充字段。

作为一种解决方法，您可以将以下代码段添加到主题的底部new_request_page.hbs文件。替换CUSTOM_FIELD_ID为帮助文章网址字段的ID。
```
< >脚本
文档。addEventListener('DOMContentLoaded'， () => {
. getelementbyid(“request_custom_fields_CUSTOM_FIELD_ID”)。Value = document.referrer;
},假);
> < /脚本
```
例如，如果帮助文章网址字段的ID是1234，片段将是:
```
< >脚本
文档。addEventListener('DOMContentLoaded'， () => {
. getelementbyid(“request_custom_fields_1234”)。Value = document.referrer;
},假);
> < /脚本
```
代码片段填充帮助文章网址字段中使用前一篇文章页面的URL。当您使票务表单预填充工作时，我建议删除该脚本，因为它执行的任务大致相同。
0
Mateusz Gamroth
- 2022年12月6日14:51
你好詹姆斯Rodewig！我们喜欢这种工作方式，但只有一个问题，让我们的票形式工作。它只是一直显示另一个。我们有以下代码:

我们是否需要使最终用户可以编辑票据表单?

0
詹姆斯Rodewig
- 2022年12月6日14:58
- 编辑
亚博Zendesk文档团队
嗨Mateusz Gamroth！

我很高兴听到你喜欢这个食谱。

我们是否需要使最终用户可以编辑票据表单?

是的。票据表单需要对最终用户进行编辑。我将更新教程来显示这一点。谢谢你的反馈!

0
Mateusz Gamroth
- 2022年12月9日10:37
你好詹姆斯Rodewig，谢谢你的回答。奇怪的是，我们仍然不能让它工作。

首先，它现在似乎确实显示表单:)但是让人们选择另一个表单。
(虽然我知道这可以隐藏)。

然后它提示我们选择一个组织——这个组织不在机票表格中，即使是，它也没有显示我们想要使用它的组织(北美)

最后Url字段也不显示:(

希望您能帮助解决上述问题，请在下面找到我们的字段，表格和结果的截图:

0
Mateusz Gamroth
- 2022年12月9日11:00
你好詹姆斯Rodewig我们让表单字段工作了!这是因为我们没有在字段设置中选择Customer可以编辑。这很奇怪，因为我们已经将预览模式设置为代理。

现在我们还有一个问题，那就是组织-这里我们注意到奇怪的行为，因为我可以看到这个组织字段在预览模式，但我的同事不能。这有什么原因吗?

这是否与我在个人资料中设置的组织有关?我这里确实有这个。是否有可能以某种方式默认为North America作为组织并隐藏此字段?

非常感谢!

0
詹姆斯Rodewig
- 2022年12月10日15:21
亚博Zendesk文档团队
嗨Mateusz Gamroth，

我很高兴听到你让表单字段工作了!

我可以在预览模式下看到这个组织字段，但我的同事看不到。这有什么原因吗?

组织字段仅在用户属于组织时显示多个组织．您同事的用户配置文件可能只属于一个组织。

是否有可能以某种方式默认为North America作为组织并隐藏此字段?

要更改字段默认值，您可以更改用户的默认组织．

要隐藏票务表单上的组织字段，请在主题中添加以下CSSstyle.css文件：
```
.request_organization_id {
显示:没有;
}
```
我希望这对你有帮助!
0
Mateusz Gamroth
- 2022年12月12日10:52
非常感谢你的帮助詹姆斯Rodewig！

0
Mateusz Gamroth
- 2022年12月14日14:35
你好詹姆斯Rodewig！我们几乎把一切都弄好了

一切都在预览中工作，但只要我们在环境中点击“请告诉我们为什么”，链接就会出现在浏览器中，我们就会被抛回仪表板。已测试代理和管理员。

票单永远不会出现。

知道是什么引起的吗?

0
詹姆斯Rodewig
- 2022年12月14日16:53
- 编辑
亚博Zendesk文档团队
嗨Mateusz Gamroth，

默认情况下，座席和管理员不能使用请求表单提交票务。但是，你可以允许代理访问请求表单．我希望这对你有帮助!

0
克里斯蒂娜·埃尔南德斯
- 2022年12月19日21:35
我按照这些说明做了，但是帮助文章URL自定义字段没有显示在我的表单上。不知道为什么，想不明白。请帮助!

0
詹姆斯Rodewig
- 2022年12月19日21:47
- 编辑
亚博Zendesk文档团队
嗨克里斯蒂娜·埃尔南德斯，

听说你遇到了麻烦，我很难过。

首先，再次检查票证字段是否有客户可以编辑选择下权限．有关更新票证字段的说明，请参见编辑和管理您的票务字段．

如果该字段具有正确的权限，但仍然没有出现在票证表单上，则可以尝试中的故障排除步骤为什么我的新机票字段没有出现在我的机票表单上?．

如果你仍然不能让字段出现，请联系Zendesk客户支持亚博这样他们就可以为你调查具体的问题。

我希望这对你有帮助!

1
Jan-Willem Rossee
- 2023年1月25日15:58
你好,詹姆斯,

感谢一堆了不起的食谱!我一定会在HC中很好地利用这个。

对于那些创建了新的门票表格并设置了时间跟踪应用程序的人，请记住添加门票字段:
-上次更新花费的时间
-总花费时间
到您新创建的票证表单中，否则您的代理将会因为代理票证工作区中的一个大红色错误消息而发疯。问我怎么知道的;-)。

- 1月

1
亚历山大•休斯
- 2023年1月26日16:41
Zendesk是否有一种本地的方式来亚博完成从表单中获得负面反馈，就像Etsy和Slack在下面的截图中所做的那样?我们希望不需要向用户发送不同的表单来提供反馈。

Etsy:https://help.etsy.com/hc/en-us/articles/115013328428-How-to-Contact-a-Shop?segment=shopping

松:https://slack.com/help/articles/4405848563603-Download-a-list-of-members-in-your-workspace

7
安东尼奥Maninha
- 2023年4月10日17:59
你好,
第8步说:
在字段页，复制字段ID帮助文章网址字段。稍后将在本食谱中使用该ID。
我在哪里可以找到FIELDID，是在最后帮助文章网址？
谢谢你！

0
詹姆斯Rodewig
- 2023年4月10日18:12
- 编辑
亚博Zendesk文档团队
嗨,托尼,

有一个专栏字段ID在字段页面。

当您创建帮助文章网址字段，Zend亚博esk将自动将您发送到此页面。否则，您可以在以下URL找到该页面:

https://{子域名}.zendesk.com亚博/admin/objects-rules/tickets/ticket-fields

在URL中，将{your-subdomain}替换为Zendesk子域。亚博

我希望这对你有帮助!

1
安东尼奥Maninha
- 2023年4月10日21:43
谢谢你！詹姆斯Rodewig
非常感谢你的帮助。
现在要试着让这个附加组件工作:)

0
安东尼奥Maninha
- 2023年4月10日22:17
快速的问题。
我搞定了!
我还有一个问题，有没有办法在提交表格时将票分配给我?

谢谢你！

0
安东尼奥Maninha
- 2023年4月10日22:38
亚历山大•休斯
你在反馈表上找到问题的答案了吗?
谢谢你！

0
佩德罗·罗德里格斯
- 2023年4月11日23:14
社区的主持人
你好安东尼奥Maninha和亚历山大•休斯不幸的是，没有原生的方法来实现这种“闭环”反馈工作流程。但是，如果您的指南计划允许您自定义主题代码，则可以创建一个。

0

请登录留下评论。