⚛️ React

AI support for your React app

Integrate an AI chatbot into your React application. Simple script or npm package.

How to Add a Chatbot to React

Use the script tag or import directly into your React app.

Include in your index.html or main layout component.

Chatbot works in development and production.

Copy this code and paste it into your React site. Replace YOUR_EMBED_KEY with your actual key from the dashboard.

<script src="https://sitesupport.ai/widget.js" data-key="YOUR_EMBED_KEY"></script>

Where do I find my embed key? After signing up, you'll see your embed key in the dashboard. It looks like this: sk_abc123xyz...

Script tag or component import

Works with Create React App

Vite compatible

TypeScript support

No bundle size impact (async load)

You can use the script tag in your index.html, or dynamically load it in a useEffect hook.

Yes! The script loads client-side only, so it's SSR-safe.

No. The script loads asynchronously and isn't part of your bundle.

💬

Our support team can help you get set up. We typically respond in under an hour.

Set up in under 5 minutes. No credit card required.