IBM Cloud Docs
配置样式和外观

配置样式和外观

定制交谈窗口的步骤

您可以通过执行以下步骤来配置 Web 聊天窗口小部件的样式和外观。

  1. 转至主页> 预览> 定制 Web 交谈> 样式以配置 Web 交谈窗口小部件的整体外观。

  2. 根据客户需求选择助手的名称,以便将其显示在交谈窗口的标题中。 名称长度最多为 64 个字符。

  3. 您可以设置以下颜色:

  • 主色:网络聊天标题的颜色。

  • 辅助颜色:客户输入信息气泡的颜色。

  • 重音颜色: 交互式元素的颜色,包括:

    • Web 聊天按钮,例如建议按钮和 发送消息 按钮。
    • 输入文本字段周围的边框 (在焦点中时)。
    • 显示在助手消息旁边的标记。
    • 当客户从选项中进行选择时,按钮和下拉列表周围的边框。
    • 主屏幕 背景。

    每种颜色都指定了一个HTML十六进制颜色代码,例如粉红色为 #FF33FC,绿色为 #329A1D。 要更改颜色,请输入要使用的 HTML 颜色代码,或者单击字段旁边的点,然后从交互式 颜色选取器中选择颜色。

  1. IBM Watermark 切换到 enabledisable Web 聊天窗口小部件中的 Built with IBM Watson 水位标记。

    如果您使用的是 watsonx Assistant精简套餐,则无法禁用水印。

  2. 单击 添加头像图像 以添加图像,或者单击 更改头像图像 以更改现有图像。 请指定可公开访问的托管图片(如公司徽标或助手头像) URL。 图片大小必须在 64×64100×100 像素之间。

样式更改将立即反映在页面上显示的 Web 聊天预览中。 但是,在您 保存并退出之前,不会对环境应用任何配置更改。

现在,您可以在 Web 聊天样式中使用 Carbon for AI。 有关 Web 聊天中 Carbon for AI 集成的更多信息,请参阅 配置

您可以通过设置最大宽度并除去为助手提供无缝集成的阴影来定制全屏幕交谈窗口。 有关更多信息,请参阅 布局配置