是否可以完全自定义zendesk新的Web小部件（CSS和HTML）？

Question

是否可以完全自定义zendesk新的Web小部件（CSS和HTML）？我试过在网上搜索，但我找不到任何答案。

Answer 1

虽然您无法自定义按钮，但您可以将其隐藏并使用自己的按钮。要隐藏按钮，请在窗口小部件代码后立即添加以下内容：

zE(function() {
  zE.hide();
}); 

然后，创建一个显示Zendesk表单的按钮：

<button onClick="zE.activate({hideOnClose: true});">Help Me!</button>

你可以随心所欲地设计风格。

来源：https://developer.zendesk.com/embeddables/docs/widget/api#ze.sethelpcentersuggestions

Answer 2

根据此支持帖子，您的问题的答案似乎是“否”： https://support.zendesk.com/hc/communities/public/posts/204143646-Web-Widget-Customization-Options?locale=en-us

您可以使用jQuery覆盖css和/或html，但是ZD在上面的帖子中警告这一点，并说这不受支持。

您可能希望在该支持帖子中发表评论，以表明您对ZD开发此功能的兴趣。

Answer 3

这是你要找的文章吗？ https://support.zendesk.com/hc/en-us/articles/203908456-Using-Web-Widget-to-embed-customer-service-in-your-website

Answer 4

是的，你可以。您需要在脚本标记中隐藏窗口小部件以进行嵌入。比通过js添加一些CSS覆盖小部件的CSS来覆盖它的CSS。紧接着再次激活小部件。这是一种肮脏的方式。准备好zendesk更新小部件，你的小部件将被打破。获取自定义小部件的最佳方法是使用zendesk api

Answer 5

为什么不查看Zendesk API从Zendesk获取Widget的数据，这可能会解决您遇到的问题？

Answer 6

我遇到了这个问题，但是如果没有高级的聊天功能，就无法检索聊天代理的onlie状态。所以我不知道如何自己写一个漂亮的按钮。

Answer 7

是的，您可以使用Web SDK for Chat广泛自定义窗口小部件：https://api.zopim.com/web-sdk/

这是一个很好的演示来构建： https://github.com/zopim/chat-web-sdk-sample-app

最后，一篇宣布该功能的文章： https://www.zendesk.com/blog/customize-chat-widget-web-sdk/