Livechat Widget Development and Customization

Change Livechat host

One of the initial steps in developing a Livechat widget is to ensure that it points directly to the running Rocket.Chat server.

To select a different host for your local widget, navigate to the /src/api.ts  file in the project directory. Within the file, look for the server URL, which by default should be http://localhost:3000, and change it to your desired host.

Available CLI commands

# install dependencies
yarn

# serve with hot reload at localhost:8080
yarn start

# build preact application to "build" folder
yarn dev

# build for production with minification
yarn build

# test the production build locally
yarn serve

# run the storybook
yarn storybook

Customization

The Livechat widget can be fully customized using the Storybook components. To extend its functionalities, you can also use the LiveChat Widget API.