Embed O-Lang Powered Chatbot
Add a governed AI assistant to any website in 60 seconds. No framework required — just paste one script tag.
Every response hashed
The O-Lang kernel generates a cryptographic execution hash for every single response — stored in an immutable audit log.
Full workflow trace
Every step of the AI workflow — resolver chain, vector search, LLM call — is recorded and can be replayed exactly as it ran.
Merkle + RSA signed
Any response can be independently verified using its hash. Merkle root integrity + RSA-SHA256 kernel signature — no trust required.
🎨 Customize Appearance
Determines currency symbols and number formatting in chat responses.
🔌 Connection Settings
Complete these 3 steps once — then copy your embed tag.
Cryptographically secure key — shown once.
👁️ Live Preview
governance badges activePreview uses simulated responses. In production, each response carries a real kernel execution hash, Merkle-signed audit entry, and live verification endpoint.
💡 Click 🤖 to chat · governance badges shown on every response
📋 Your Embed Code
<script src="https://olang-server-j4fn.onrender.com/embed.js" data-api-url="https://olang-server-j4fn.onrender.com" data-bot-id="" data-theme="purple" data-welcome="👋 Hi! How can I help you today?" data-position="bottom-right" data-avatar="🤖" data-locale="en-US" ></script>
🧩 Framework Integration
copy-paste readyDrop the widget into your existing project — no extra dependencies needed.
// OLangChat.jsx
import { useEffect } from 'react';
export default function OLangChat() {
useEffect(() => {
if (document.querySelector('script[data-olang]')) return;
const script = document.createElement('script');
script.src = 'https://olang-server-j4fn.onrender.com/embed.js';
script.setAttribute('data-olang', 'true');
script.setAttribute('data-api-url', 'https://olang-server-j4fn.onrender.com');
script.setAttribute('data-bot-id', 'your-bot-id');
script.setAttribute('data-theme', 'purple');
script.setAttribute('data-welcome', '👋 Hi! How can I help you today?');
script.setAttribute('data-position', 'bottom-right');
script.setAttribute('data-avatar', '🤖');
script.setAttribute('data-locale', 'en-US');
script.async = true;
document.body.appendChild(script);
return () => {
document.querySelector('script[data-olang]')?.remove();
document.getElementById('olang-chatbot-widget')?.remove();
};
}, []);
return null; // widget mounts itself into the DOM
}
// Usage — add once anywhere in your app:
// import OLangChat from './OLangChat';
// <OLangChat />React (CRA / Vite) — The component uses useEffect to inject the script once and clean up on unmount. Import it in App.jsx or any layout component.
📚 API Documentation
Explore all endpoints, authentication, and examples in our interactive OpenAPI spec.
Open Interactive Docshttps://olang-server-j4fn.onrender.com/docs