AI Chatbot Widget

Powered by Cloudflare Workers AI - Embeddable chat widget for any website

Demo

Note:

Click the chat bubble in the bottom right corner to try the widget.

The chat widget appears as a floating bubble. Click it to start a conversation with the AI assistant. Your conversation history is preserved using localStorage.

Quick Start

Add this script tag to your website, replacing YOUR_CLIENT_ID with your actual client ID:

<script src="https://ai-chatbot.auramediastudios.workers.dev/embed.js" data-client-id="YOUR_CLIENT_ID"></script>

Self-Contained

No external dependencies. Just one script tag.

Customizable

Colors, welcome message, and system prompt per client.

Mobile Ready

Fully responsive design for all screen sizes.

Persistent Sessions

Conversation history saved in localStorage.

Knowledge Base

Train your chatbot with your own content. Add FAQs, product info, or any text - the chatbot will use this knowledge to answer questions accurately.

Knowledge Base Stats

Loading stats...

Premium Features (Pro Tier)

Enable powerful features via data attributes on the script tag:

Quick Reply Buttons

Show clickable suggestion buttons after assistant messages:

<script src="embed.js"
data-client-id="YOUR_ID"
data-quick-replies="true"
data-quick-replies-options="Pricing,Features,Contact Us">
</script>

Lead Capture Form

Show a pre-chat form to collect visitor information:

<script src="embed.js"
data-client-id="YOUR_ID"
data-lead-capture="true"
data-lead-capture-fields="name,email,phone"
data-lead-capture-title="Let's get started!">
</script>

Rich Cards

Display product cards with images, descriptions, and buttons. Cards can be returned from your API:

[CARDS][{"title":"Product","description":"Great item","price":"$49","buttonText":"Learn More","buttonUrl":"https://..."}][/CARDS]

Quick Replies

Guided conversation paths with clickable buttons.

Lead Capture

Collect name, email, phone before chat starts.

Rich Cards

Product cards with images and action buttons.

Dynamic Content

API can return cards and quick replies per message.

Test Premium Features

Try the premium features yourself:

Current: Basic widget

API Endpoints

The chatbot includes a full REST API for management:

POST /api/chat - Send messages and receive AI responses GET /api/config/:clientId - Get widget configuration GET /api/analytics/:clientId - View conversation statistics POST /api/clients - Create a new chatbot client GET /api/clients - List all clients POST /api/clients/:id/knowledge - Add to knowledge base GET /api/clients/:id/knowledge/stats - Get KB stats POST /api/leads - Submit lead capture data GET /api/health - Health check endpoint