英语(美国)
  1. 亚博Zendesk帮助
  2. Web部件
  3. Web Widget建议和故障排除

如何更改传统聊天小部件和Web小部件(经典)的颜色?

亚博Zendesk团队
  • 编辑

问题

如何更改传统聊天小部件或Web小部件(经典)的颜色?

回答

提示:参考本文，确定您使用的是传统Chat Widget还是Web Widget (Classic):我的Zendesk帐户中有哪个小部件亚博？

如果你有Web Widget (Classic)

  1. 去管理中心，导航到Web Widget页面．
  2. 下主题颜色，为小部件中的按钮和链接选择颜色。控件设置Web Widget (Classic)组件的颜色主题颜色设置。
  3. 下主题文本颜色，选择小部件中文本的颜色。
  4. 点击保存．

有关这两种设置的更多信息，请参阅文章:在Web小部件中配置组件(经典版)．

如果您有遗留的聊天小部件

  1. 在Ze亚博ndesk聊天中，进入设置> Web小部件(经典)>外观．
  2. 下聊天窗口，使用主题颜色选择一个新的小部件颜色。
  3. 点击保存更改．

有关Chat中这些设置的更多信息，请参阅本文:定制小部件的外观．

如果您想对不同部件组件的颜色进行更具体或自定义的更改，请参阅以下文章:高级定制您的Web小部件(经典)和关于color属性的开发人员文档．

    回到顶端

    7评论

    • 山姆·利文斯通

      Zendesk开发者网站中提到的语法不对(亚博https://developer.亚博zendesk.com/api-reference/widget/settings/#color）

      这段代码为我改变小部件文本颜色工作。

      1. 在指南中，单击自定义设计图标()。
      2. 单击要编辑的主题以打开它。
      3. 单击选项菜单，然后选择编辑代码．
      4. 在模板部分，单击header.hbs修改代码。
      5. 将代码放在第一个代码的下面<标题类= "头" >行，以及最终标题行上方的任何位置。
      <脚本type = " text / javascript”>
      窗口。zessettings = {
      " webWidget ": {
      “颜色”:{
      “launcherText”:“# ffffff”
      }
      }
      }
      > < /脚本
      0
    • 戴夫·戴森

      谢谢你的反馈，山姆和西蒙!我已经将此传递给了我们的开发文档团队。

      0
    • 凯特Ambash

      如何将聊天小部件从“支持”更改为“聊天”?

      0
    • 山姆·利文斯通

      嘿,凯特,

      我已经把下面的一段代码，可以用来改变聊天小部件的标签文本聊天。(您可以在代码中将其更改为您想要的任何内容)

      这段代码用于更改小部件标签文本。

      1. 在指南中，单击自定义设计图标()。
      2. 单击要编辑的主题以打开它。
      3. 单击选项菜单，然后选择编辑代码．
      4. 在模板部分，单击header.hbs修改代码。
      5. 将代码放在第一个代码的下面<标题类= "头" >行，以及最终标题行上方的任何位置。
      <脚本type = " text / javascript”>
      窗口。zessettings = {
      " webWidget ": {
      “发射器”:{
      "标签":{
      “en - us”:“聊天”,
      弗:“贝索伊德?”
      }
      }
      }
      }；
      > < /脚本
      0
    • 戴夫·戴森

      谢谢山姆!

      0
    • 米哈伊尔·Tyuftyaev

      大家好。我想更改小部件中的文本颜色和笔画。我该怎么做呢?

      0
    • 拉
      亚博Zendesk客户服务

      嘿米哈伊尔·Tyuftyaev！控件可以更改小部件中文本的颜色主题文本颜色。您可能需要取消选中“使用基于主题的默认颜色”选项(深蓝色箭头)，以便看到文本颜色的颜色选择器(浅蓝色箭头)。此时不可能改变行程。

      0

    请登录留下评论。

    由Zendesk提供支亚博持