若要自定义使用WebChat，您可以使用Bot Framework SDK中的sendCustomEvent功能。以下是一个示例代码：

const renderWebChat = (userID) => {
  window.WebChat.renderWebChat({
    directLine: window.WebChat.createDirectLine({
      token: 'YOUR_DIRECT_LINE_SECRET'
    }),
    userID,
    styleOptions: {
      bubbleFromUserBackground: '#0084ff',
      bubbleBackground: '#F1F1F1',
      botAvatarInitials: 'BF'
    }
  }, document.getElementById('webchat'));
};

renderWebChat('USER_ID');

window.WebChat.store.dispatch({
  type: 'WEB_CHAT/SEND_EVENT',
  payload: {
    name: 'eventName',
    value: { /* custom event payload */ }
  }
});

在此示例中，我们在网页中渲染了WebChat，然后使用用户的ID调用了一个名为“eventName”的自定义事件来发送自定义事件数据。您可以根据自己的需求更改样式选项，如气泡颜色和头像缩写。