twilio - 当通过 CDN 使用时，如何自定义 flex 网络聊天小部件上的颜色？

Question

我正在尝试仅更改客户将使用的小部件的配色方案。我们正在使用 CDN 引入小部件。我只找到了更改我们的代理将看到的 flex UI 配色方案的文档。如何更改小部件上的颜色？

Answer 1

遵循此处的 Twilio 文档中描述的主题指南。

然后在通过 CDN 初始化 WebChat时，像这样传递您的品牌信息：

<script>
  const appConfig = {
    accountSid: "AC...",
    flexFlowSid: "FO...",
    colorTheme: {
      overrides: brandedColors
    }
  };
  Twilio.FlexWebChat.renderWebChat(appConfig);
</script>