AI Chatbot Demo

How to Integrate the Sendbird AI Chatbot

Once you have your Sendbird account and Application ID, you can install the Sendbird AI Chatbot Widget using npm:

npm install @sendbird/chat-ai-widget

Then follow the code snippet below to integrate the Sendbird AI Chatbot in your application:

import { ChatAiWidget } from "@sendbird/chat-ai-widget";
import "@sendbird/chat-ai-widget/dist/style.css";

const App = () => {
  return (
    <ChatAiWidget
      applicationId = "AE8F7EEA-4555-4F86-AD8B-5E0BD86BFE67"
      botId = "khan-academy-bot"
    />
  );
};
export default App;

If you need the Sendbird Application ID and Bot ID, you can visit the Sendbird AI Chatbot Tutorial for detailed instructions.