Integrating the Widget (Legacy)

WalletChat widget integration steps for react-wallet-chat-v0 and [email protected] and older.
WalletChat is not providing support for this version as of Dec. 1 2023. We urge existing customers to migrate to the latest version, and new customers should not use this version.

Custom Integration Steps

  1. 1.
    Install NPM package "react-wallet-chat"
yarn add react-wallet-chat if using yarn instead of npm
  1. 2.
    On any page you wish to have the chat widget active, import:
import {WalletChatWidget} from 'react-wallet-chat'
import 'react-wallet-chat/dist/index.css'
And include in your page source:
<WalletChatWidget />
  1. 3.
    Include the WalletChat Widget with parameters if using features such as Chat With Owner:
<WalletChatWidget widgetState={widgetState}/>