# Chat widget on your website
# Install the widget on your website
Install the Chat Widget on your website. You will find installation instructions by following the link. It can be installed either as a React Component or as a plain javascript snippet.
# Configure the channel
This channel is configured by default when you run Botfront locally with the CLI.
- Go to Settings -> Credentials
- If you install Botfront on a remote server. set
base_url
to the public url where the Rasa API can be reached.
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/'
# Page specific intro message
You can also specify different intros/welcome messages depending on the page the conversation starts at.
For example, if a user opens the bot on a pricing page, you can set a different intro than the homepage in the initPayload
:
WebChat.default.init({
...
initPayload: '/get_started_home',
...
})
WebChat.default.init({
...
initPayload: '/get_started_pricing',
...
})
All you have to do is create 2 different stories, one starting with * get_started_home
and another one with * get_started_pricing
. You can use the Intro Stories feature to group these stories and easily test them in Botfront