Chatbot Widget Demo

Test the embeddable AI chatbot widget on this page

Open Widget Configuration Editor

Features

  • AI-powered responses via OpenAI
  • Persistent chat history
  • Customizable themes and styling
  • Mobile responsive design
  • Human escalation support
  • Easy embedding with script tag

How to Embed

Add this single line to any website to embed the chatbot:

<script src="https://yoursite.com/widget.js"></script>

The widget will automatically load and position itself in the bottom-right corner.

Configuration

Customize the widget by editing the config.json file:

{
  "theme": {
    "primaryColor": "#4f46e5",
    "backgroundColor": "#ffffff"
  },
  "chat": {
    "title": "AI Assistant",
    "welcomeMessage": "Hello! How can I help you today?"
  }
}

Look for the chat bubble in the bottom-right corner to test the widget!