如何在Twilio Flex网络聊天客户端中更改文本“与我们聊天”？

Question

我正在尝试更改标题窗格中的文本和聊天图标标注，默认情况下两者都显示“与我们聊天”。我怎么做？我在文档中发现了两种方法，但没有一种起作用。

Answer 1

这里是Twilio开发人员的传播者。

您需要为要更新的组件设置componentProps。

在这种情况下，您要更改MainHeader component的titleText，因此需要将其格式化为对象。

var appConfig = {
  // other config
  componentProps: {
    MainHeader: {
      titleText: 'Chat with us now!'
    }
  }
}

但是，这可能会覆盖所有默认的componentProps，除非您复制并合并现有对象。为避免这种情况，您也可以使用React default props API in Flex。更改如下所示的MainHeader titleText：

FlexWebChat.MainHeader.defaultProps.titleText = 'Chat with us now by default!';

您可以在设置FlexWebChat对象的组件中使用它。

所有可更改的组件和道具都可以在the Flex web chat documentation here中看到。

让我知道是否有帮助。