- Using React Hooks
- Documented and self-explaining methods
- Small size without any external libraries
- All Javascript API methods are available
- Maintained by the tawk.to team.
The plugins are available from the node and yarn package managers.
# Node npm install @tawk.to/tawk-messenger-react # Yarn yarn add @tawk.to/tawk-messenger-react
Import tawk-messenger-react into the App.js file of your src/ folder. The propertyId and widgetId will be found on your tawk Dashboard.
Log in to your account and go to Administration > Channels > Chat Widget.
When using the API, you will need to use the useRef to access the object functions from the tawk-messenger-react component.
import TawkMessengerReact from '@tawk.to/tawk-messenger-react'; function App() { return ( <div className="App"> <TawkMessengerReact propertyId="property_id" widgetId="default"/> </div> ); }
This project includes a docs folder with more details on the following:
Do you have a knowledge base or article to support implementation?
Here is our guide for the React.js integration
Where can I find more information and support?
Visit our help center or reach out in the chat on our website. Our agents are available to assist you 24/7.
Where can I submit a suggestion or report a bug?
Check to see if the issue already exists. If not, open a new issue in the Issues tab