Skip to main content

1. Install AI Assistant Button



Intro​

Let’s get started! Integrating a conversational AI assistant into your apps and websites has never been simpler with Sista AI’s Plug & Play AI Voice Assistant. This guide will show you how to effortlessly add the AI assistant button in three straightforward steps, instantly transforming your application with minimal effort.



Supported React-based Frameworks​

This package supports a diverse range of React-based frameworks:

ReactNextElectronGatsbyMeteor
React NativeRemixRedwoodJSExpoBlitzJS


1. Install Package​

Install (@sista/ai-assistant-react) in your React App.

npm install @sista/ai-assistant-react

If using Yarn: yarn add @sista/ai-assistant-react



2. Import Provider​

Import AiAssistantProvider and wrap your App at the root level, with the AI Assistant Provider.

import { AiAssistantProvider } from "@sista/ai-assistant-react";

ReactDOM.render(
  <AiAssistantProvider apiKey="YOUR_API_KEY">
    <App />
  </AiAssistantProvider>
);

Get your free API key from the Admin Panel and replace "YOUR_API_KEY".



3. Import Button​

Import AiAssistantButton and inject it wherever you want.

import { AiAssistantButton } from "@sista/ai-assistant-react";

function RandomComponent() {
  return (
    // ...
      <AiAssistantButton />
    // ...
  );
}

🎉 Congrats! Press the button, start talking, and enjoy!