chat-widget-sample icon indicating copy to clipboard operation
chat-widget-sample copied to clipboard

Sample chat widget built with UI kit

Chat widget sample

Sample chat widget built with LiveChat React chat UI kit. In this widget, BotEngine handles the incoming chats. When the bot returns LiveChat.transfer action, the chat is transferred to a human agent together with the transcript of the initial conversation with the bot.

The sample app uses Visitor SDK to communicate with LiveChat and the API to connect with BotEngine.

Installation

Copy .env file as .env.local and fill required variables:

  • REACT_APP_BOTENGINE_CLIENT_TOKEN - client token for BotEngine account
  • REACT_APP_BOTENGINE_STORY_ID - id of choosen botengine story
  • REACT_APP_LIVECHAT_LICENSE - LiveChat license number