There are many ways to integrate live chat service with a website. However, websites built on React.js require a separate live chat component which can be integrated with a website to support all available live chat features.
Install Live Chat Component for React.js
You can get Provide Support Live Chat component for React.js from the npmjs.com website. It is available in NPM repository as providesupport-live-chat-window-react. It works properly with all popular bundlers. Use the following command to install Provide Support Live Chat component for React.js:
npm install providesupport-live-chat-window-react --save
Include Live Chat Component for React.js
To start using live chat with React.js, import LiveChat component from the providesupport-live-chat-window-react package and pass your Provide Support account name or account hash as “company” parameter. If you do not have a live chat account, you can register it here.
import React from 'react';
import { LiveChat } from 'providesupport-live-chat-window-react';
export default () => (
<div className="app">
<LiveChat company="account_name_or_hash" />
</div>
);
The LiveChat component should be placed as close to the root of the application as possible since it contains an iframe.
It is also possible to add LiveChat component to different positions on different pages, apply styles and include several chat links to the same website page.
Live chat service is important for any type of business today. It helps to provide customer service right here and right now, increase sales and customer loyalty. When customers browse your website, they can click the live chat button and ask questions they have. At the same time, your agents can handle several chats concurrently and assist more customers than by phone.
Provide Support live chat can be added to any type of website built on any platform. Various integration types are available, including custom domains for chat link and live chat plugins for most popular CMS.