Skip to content

tawk/tawk-messenger-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

61 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tawk React logo


Features

  • 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.

Installation

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

Quickstart

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>
    );
}

Documentation

This project includes a docs folder with more details on the following:

  1. How to Use
  2. API Reference

Other JS frameworks we support


Frequently Asked Questions

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