ReactJS Freshchat
React component wrapper for Freshchat. The oficial documentation can be found here https://developers.freshchat.com/web-sdk/.
List of features
- Create a chat with anonymous user
- Create a chat with Logged in user
- Custom labeled chat
- Add a label to your chat icon.
- The ic_styles property can only be set with this option.
Live examples
-
Simple icon chat
-
Labeled icon chat
Code Demo
import { Freshchat } from 'reactjs-freshchat';
import 'reactjs-freshchat/dist/index.css'
<Freshchat token={'YOUR-TOKEN-HERE'} />
<Freshchat
token={'YOUR-TOKEN-HERE'}
externalId={"john.doe1987"}
firstName={"John"}
lastName={"Doe"}
/>
<Freshchat
token={'YOUR-TOKEN-HERE'}
label="Label"
ic_styles={{
backgroundColor: '#002d85',
color: '#fff'
}}
/>
Download & Installation
$ npm i reactjs-freshchat
Contributing
Keep it simple. Keep it minimal. Don't put every single feature just because you can. Have fun 🚀!
Download the source code. Then, you need to install the dependencies using
yarn
or
npm install
Then run the following command to run the component yarn start
or npm start
.
Then navigate to the example folder and run the start script to run the example project and see your changes.
Authors or Acknowledgments
License
MIT © ViniciusTei