RayChat widget installer for ReactJS/NextJS

The new online chat experience begins here!

Get closer to your leads and customers with a website chat widget. Adding a chat widget to your website will make your customer service experience even more exceptional.

• Install
• Use in ReactJS
• Use in NextJS
• Props
• License
• Author

Install

npm i @raychat/widget-react

Use in ReactJS

Get token from raychat.io

Wrote to App.js:

import Raychat from "@raychat/widget-react";

function App() {
  return (
    <div className="App">
      <!-- other components -->

      <Raychat token="6d5b4ba5-xxxx-xxxx-xxxx-48498f3fc2a2" type="normal" />
    </div>
  );
}

Use in NextJS (js/ts)

Get token from raychat.io

Wrote to _app.js/_app.tsx

import Raychat from "@raychat/widget-react";

export default function App({ Component, pageProps }: AppProps) {
  return (
    <div>
      <Component {...pageProps} />;
      <Raychat token="6d5b4ba5-xxxx-xxxx-xxxx-48498f3fc2a2" type="normal" />
    </div>
  );
}

Props

| props | required | defaultValue | description | | ----- | -------- | ------------ | ----------------------------------------------------- | | token | true | undefined | Get token from raychat.io | | type | false | normal | The type of script: [normal, fast-laod, seo-friendly] |

License

MIT

Author

Mahdi Vajdi Github: @mahdi-vajdi Email: [email protected]