jinni-chatbot
Version:
Jinni Chatbot engages with visitors, captures all the required details, and filters motivated vendors and landlords through AI-powered fully customisable conversations. It automatically books valuations and callbacks, and even enables you to chat with pot
72 lines (45 loc) • 2.38 kB
Markdown
Jinni Chatbot engages with visitors, captures all the required details, and filters motivated vendors and landlords through AI-powered fully customisable conversations. It automatically books valuations and callbacks, and even enables you to chat with potential customers in real-time.
Save your valuable time and effort spent locating inquiries from vendors and landlords in emails and voice messages. Reach out to your customers and secure them before your competitors do.
<!-- [](https://choosealicense.com/licenses/mit/)
[](https://lerna.js.org/)
[](https://github.com/livechat/chat-widget-adapters/actions/workflows/check.yml) -->
Using npm:
```bash
npm i jinni-chatbot
```
<!-- or using yarn:
```bash
yarn add @livechat/widget-react
``` -->
```js
import JinniChatbot from 'jinni-chatbot'
const App = () => {
return <div>
<JinniChatbot
botId={Your_Bot_Key}
botTheme="Your_theme"
visible={true}
/>
</div>
};
```
All properties described below are used for initialization on the first render and later updates of the chat widget with new values on change.
| Prop | Type |
| ---------------------- | -------------------------------------- |
| botId | Provided chatbot key |
| botTheme | String |
| visible | Boolean (default true) |
Add the following code in the Next.js project to import the library in the project and keep the SSR false for this library:
```js
import dynamic from 'next/dynamic';
const JinniChatbot = dynamic(() => import('jinni-chatbot'), { ssr: false });
```
<!--
The code and documentation in this project are released under the [MIT License](https://choosealicense.com/licenses/mit/). -->