Integrate this afternoon
Pick your framework. Paste the code. You have a chatbot.
import { ChatWidget } from "chatbotlite/react";
<ChatWidget
endpoint="/api/chat"
title="Acme Plumbing"
theme={{ primary: "#1e3a8a" }}
/>
Works on: ShopifyWordPressWebflowSquarespaceWixAny HTML
<script src="https://unpkg.com/chatbotlite/dist/embed.global.js"></script>
<script>
chatbotlite.mount({
endpoint: "/api/chat",
title: "Acme Plumbing"
});
</script>
import { ChatBot } from "chatbotlite/client";
import { knowledgeFromFile } from "chatbotlite/node";
const bot = new ChatBot({
knowledge: knowledgeFromFile("./knowledge.md"),
providers: { keys: { openai: process.env.OPENAI_API_KEY } }
});
// POST /api/chat
const stream = await bot.replyStream(message);
return new Response(stream);
Add chatbotlite to this project — a drop-in AI chatbot widget.
Reference: https://github.com/agents-io/chatbotlite
Docs for LLM: https://chatbotlite-demos.vercel.app/llms-full.txt
Steps:
1. npm i chatbotlite
2. Create knowledge.md describing the business
3. Mount: <ChatWidget endpoint="/api/chat" title="..." />
4. Build /api/chat with ChatBot from "chatbotlite/client" + your LLM API key
Supports 10 providers: OpenAI, Groq, DeepSeek, Gemini, Mistral, and more.
Add multiple keys for auto-failover if one provider goes down.
Customize: theme.primary, avatar, tools.requestPayment.stripeLink, extraInstructions.
TypeScript types ship in the package.
Shopify
Squarespace Shopify Squarespace
Gemini