# 通过 Chat widegt 接入网站

# 在你的网站添加 chatbot widget

在你的网站添加 Chat Widget 支持。 下面将介绍如何在网站上添加 Chat Widget,你既可以用 React Component 的方式或者 javascript 的方式把 Chat Widget 引入网站。

# 配置 channel

本地运行 botfront cli 会默认生成以下 channel 配置

  1. 点击 设置 -> Credentials 设置
  2. 如果你是把 botfront 和 rasa 分开部署的,请注意,需要在这里确保 base_url 设置成 Rasa 可以访问到的地址。
rasa_addons.core.channels.webchat.WebchatInput:
  session_persistence: true
  base_url: https://your.rasa.host:5005 # set this to the Rasa service host
  socket_path: '/socket.io/'

# 针对不同的页面定制不同的开场白

你可以根据打开 chatbot 的不同页面来有针对性的定制不同的开场白。 比如说如果一位从报价页面过来的用户,你可以专门为他在 initPayload 里面定制类似下面的开场白:

WebChat.default.init({
  ...
  initPayload: '/get_started_home',
  ...
})
WebChat.default.init({
  ...
  initPayload: '/get_started_pricing',
  ...
})

只要针对不同的场景创建不同的开场白就可以了,上例中从主页过来的主场景对应的意图是 * get_started_home ,从报价页面过来的场景对应的意图是 get_started_pricing。你可以在开场白场景 中定义、管理这些情况。