Omnichannel Environment Setup

The Rocket.Chat omnichannel feature provides a multi-channel environment for communication between companies and their customers.

Prerequisites

You are required to have the following installed on your device.

• Git

• Node.js

• Yarn is recommended instead of npm.

Set up Livechat

The Rocket.Chat Livechat platform is developed with Preact. It is a minimal, lightweight application designed to facilitate B2C (Business-to-customer) communication between agents and website visitors.

This setup is done assuming you have a Rocket.Chat server running. We will use a local instance at http://localhost:3000 for this guide.

To set up OmniChannel Livechat,

• Clone the Livechat source code from the GitHub repository by running this command:

git clone https://github.com/RocketChat/Rocket.Chat.git

• Navigate to the Livechat folder in the cloned directory.

cd Rocket.Chat
cd packages/livechat

• Install dependencies by running

yarn

You can check the recommended version of node and yarn in the package.json file in the root directory.

• Build preact application to /build folder after executing.

yarn dev

• In another terminal, run webpack with hot reload at http://localhost:8080 by executing this command:

yarn start

• Open up the widget-demo.html file in your browser: http://localhost:8080/widget-demo.html. You should see a page with the Livechat initiation icon at the bottom right.

  
  

For better performance, you can run this widget-demo.html on an HTTP server.