react-freshchat

FreshChat React implementation

Usage no npm install needed!

<script type="module">
  import reactFreshchat from 'https://cdn.skypack.dev/react-freshchat';
</script>

README

React Freshchat

React Freshchat is a wrapper on top of Freshchat (see oficial doc here https://developers.freshchat.com/).

How to use

DO NOT INCLUDE Freshchat script in head, React Freshchat will automatically add it with lazy load technique

  • Install react-freshchat (see Installation).
  • Import the lib where you initialize your React App.
  • Include the component with the token.

Example

import React from 'react'
import FreshChat from 'react-freshchat'

class App extends React.Component {
  // ...
  render() {
    return <div>
      <FreshChat
        token={config.freshchat.token}
        email: 'user@email.com',
        first_name: '...',
        onInit={widget => {
          /* Use `widget` instead of `window.fcWidget`
            widget.user.setProperties({
              email: user.email,
              first_name: user.firstName,
              last_name: user.lastName,
              phone: user.phoneNumber,
            })
          */
        }}
      />
    </div>
  }
}

For more details: https://developers.freshchat.com/

Installation

Only NPM is supported for now: npm i -s react-freshchat

UMD Support

UMD is supported out of the box.

TODO

  • Unit Testing
  • Integrate Webpack