是否可以完全自定义 zendesk new web widget(CSS 和 HTML 两者)?

Is it possible to fully customize zendesk new web widget (CSS and HTML both)?

是否可以完全自定义 zendesk 新 Web 小部件(CSS 和 HTML 两者)?我试过在网上搜索,但找不到任何答案。

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

根据此支持 post,您的问题的答案似乎是 "no": https://support.zendesk.com/hc/communities/public/posts/204143646-Web-Widget-Customization-Options?locale=en-us

您可能可以使用 jQuery 覆盖 css and/or html,但是 ZD 在上面的 post 中警告不要这样做,说这是不支持。

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

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

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

然后,创建您自己的显示 Zendesk 表单的按钮:

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

您可以随心所欲地设置样式。

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

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

为什么不看看 Zendesk API 从 Zendesk 获取 Widget 的数据,也许这会解决您遇到的问题?

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

是的,您可以使用 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/