Low Code

If you want more control over the Chatbot, you can add it to your webpage as an HTML element, or install it in your React application using NPM.

In the head section

HTML

<script async type="text/javascript" src="https://client.aidbase.ai/chat.ab.js"></script>;

In the body section

HTML

<ab-chat chatbotID="YOUR-CHATBOT-ID"></ab-chat>;

Replace YOUR-CHATBOT-ID with the ID of your Chatbot.
You can place the Chatbot element anywhere in your HTML.

You can find the Chatbot ID in the Chatbot settings under the Settings tab.

Install the chat package

Command

npm install @aidbase/chat"

Use the chat component

React

import { Chat } from '@aidbase/chat';

<Chat chatbotID="YOUR-CHATBOT-ID" />

Replace YOUR-CHATBOT-ID with the ID of your Chatbot.
You can place the Chatbot element anywhere in your React.

You can find the Chatbot ID in the Chatbot settings under the Settings tab.