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

【问题标题】：Is it possible to fully customize zendesk new web widget (CSS and HTML both)?是否可以完全自定义 zendesk 新 Web 小部件（CSS 和 HTML）？
【发布时间】：2015-08-17 17:27:16
【问题描述】：

是否可以完全自定义 zendesk 新 Web 小部件（CSS 和 HTML 两者）？我已经尝试在网上搜索，但我无法找到任何答案。

【问题讨论】：

标签： zendesk

【解决方案1】：

是的，您可以使用用于聊天的 Web SDK 广泛自定义小部件：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/

【讨论】：

【解决方案2】：

我遇到了问题，如果没有聊天的高级许可，就无法检索聊天代理的唯一状态。所以我自己不知道怎么写一个好看的按钮。

【讨论】：

【解决方案3】：

为什么不查看 Zendesk API 从 Zendesk 获取小部件的数据，也许这可以解决您遇到的问题？

【讨论】：

【解决方案4】：

是的，你可以。您需要在脚本标签中隐藏小部件以进行嵌入。通过为 js 的小部件添加一些带有覆盖类的 CSS 来覆盖它的 CSS。在那之后再次激活小部件。这是一种肮脏的方式。为 zendesk 更新小部件做好准备，您的小部件将会损坏。获取自定义小部件的最佳方法是使用 zendesk api

【讨论】：

【解决方案5】：

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

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

然后，创建您自己的显示 Zendesk 表单的按钮：

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

您可以随意设置样式。

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

【讨论】：

【解决方案6】：

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

您可能可以使用 jQuery 覆盖 css 和/或 html，但 ZD 在上面的帖子中对此提出警告，称不支持。

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

【讨论】：

您可以通过访问适当的小部件元素来覆盖 css 和 html，但正如 Jo 所提到的，如果您的小部件损坏，Zendesk 不会对您的代码进行故障排除或修复，他们也不会提供如何这样做的建议.

【解决方案7】：

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

【讨论】：

有点但是，编码人员说他们还没有构建 CSS 和 HTML