AI Website Chat Widget

🤖 AI Website Chat Widget – Self-Hosted RAG Chatbot Empower your website with a powerful AI Chat Widget trained on your own content. The AI Website Chat Widget is a production-ready, self-hosted AI assistant designed for businesses and developers who want complete control over their AI infrastructure and data. Unlike SaaS chatbot platforms, this solution allows you to use your own LLM API keys (OpenAI, Claude, Groq, or Cloudflare) and run everything on your own server. Powered by a robust RAG (Retrieval Augmented Generation) pipeline, the system automatically chunks, embeds, and retrieves information from your custom knowledge base, enabling the AI to deliver accurate, context-aware answers based strictly on your content. Perfect for customer support automation, documentation assistants, SaaS onboarding, internal knowledge bots, and AI-powered help desks. 🚀 FEATURES 🧠 Personalized Knowledge Base Train the AI on your own data by uploading PDF files, crawling website URLs, or adding text content manually. 🔎 Advanced RAG Pipeline Uses Retrieval Augmented Generation to ensure answers are grounded in your knowledge base, significantly reducing hallucinations. 🤖 Multi-LLM Support Connect to multiple leading AI providers: • OpenAI (GPT-4o, GPT-3.5) • Claude 3.5 (Anthropic) • Groq (Llama 3.1) • Cloudflare Workers AI Providers can be switched anytime from the admin dashboard. ⚡ One-Line Website Integration Add the widget to any website with a single script tag: Works with WordPress, Shopify, Laravel, React, static sites, and any HTML website. 🖥 Powerful Admin Dashboard Manage everything from a modern React-based admin panel: • Manage multiple projects • Upload and organize knowledge base content • Track visitor conversations • Configure AI providers • Customize widget appearance 🎨 Fully Customizable Widget Match the chatbot to your brand with configurable theme colors, position, welcome messages, branding, and widget behavior. 🔐 Self-Hosted & Secure Your data remains fully under your control. • Hosted on your own server • API keys encrypted using AES-256-CBC • Secure JWT-based authentication 📩 Lead Capture Automatically collect visitor emails when the AI cannot confidently answer a question. 📊 Conversation Analytics View full chat transcripts to identify common questions, missing knowledge base entries, and potential leads. ⚙️ Easy Web Installer Includes a browser-based installation wizard that guides you through the entire setup process. ⚙️ INSTALLATION The product includes a guided installation wizard that makes setup simple. Step 1 — Upload Files Upload the package contents to your server using FTP or your hosting file manager. Example directory: /public_html/ai-chat-widget/ Step 2 — Launch Installation Wizard Open the installer in your browser: https://yourdomain.com/ai-chat-widget/install The installer will automatically check system requirements. Step 3 — Configure Database Enter your MySQL or MariaDB database credentials. The installer will automatically: • Create required database tables • Generate configuration files • Prepare the application environment Step 4 — Create Admin Account Create your administrator login credentials for the dashboard. Step 5 — Start Using the Widget After installation:

1. Login to the Admin Dashboard
2. Add your AI provider API keys
3. Upload or crawl knowledge base content
4. Copy the widget script and paste it into your website

Your AI assistant will now be ready to interact with visitors. 🛠 TECH STACK Backend Core PHP 8.1+ (framework-free) Admin Dashboard React 18 Vite Tailwind CSS Chat Widget Vanilla JavaScript Shadow DOM (prevents CSS conflicts) Database MySQL 5.7+ MariaDB 10.3+ Authentication Secure JWT-based authentication 📦 WHAT YOU GET • Full Source Code (Backend + Admin Panel + Widget) • Professional Installation Wizard • Comprehensive HTML Documentation • Production-Ready Codebase • Free Updates • Developer Support 📋 SYSTEM REQUIREMENTS • PHP 8.1 or higher • MySQL 5.7+ or MariaDB 10.3+ • Apache (mod_rewrite) or Nginx Required PHP Extensions: pdo_mysql mbstring openssl curl json fileinfo 💡 Take control of your AI strategy with a flexible, self-hosted AI chat widget built for modern websites.