Comment on page

Getting Started

Begin building web applications with our quick start guide for the JavaScript Chat UI SDK

At first import ChatBubble component and useConvaiClient hook from convai-chatui-sdk.
import ChatBubble,{ useConvaiClient } from "convai-chatui-sdk";
Invoke the useConvaiClient hook in your application, passing characterId and apiKey as parameters, then store the returned states in a client variable for future reference.
const { client } = useConvaiClient(characterId, apiKey);
In the return statement of your component, render the ChatBubble component that was imported via the NPM package.
return (
      <ChatBubble
        chatHistory="Show"
        chatUiVariant="Sequential Line Chat"
        client={client}
      />
  );
​

Plugins & Integrations - Previous

JavaScript Chat UI SDK

ChatBubble Props

Last modified 4mo ago