Chatbot Widget Demo

📋 How to Use This Widget

This is a pure HTML/CSS/JavaScript chatbot widget that can be embedded on any website. No React or build process required!

Method 1: Direct Embed (Recommended)

Add this script tag to your website:

Method 2: Manual Control

Load and control the widget programmatically:

<script src="https://gupta-tools.web.app/embed.js"></script>
<script>
    // Load the widget
    window.loadChatbot();
    
    // Remove the widget
    window.removeChatbot();
</script>
            

🎮 Demo Controls

Test the widget functionality:

⚙️ Configuration

The widget is configured to use the following API endpoint:

API Endpoint: https://us-central1-gupta-tools.cloudfunctions.net/chatbot

To change the API endpoint, edit the API_CONFIG.endpoint in the widget.html file.

📁 File Structure

Your widget consists of these files:

widget.html - The main widget interface
embed.js - The embed script for websites
index.html - This demo page

🚀 Deployment

Deploy these files to any static hosting service:

Firebase Hosting
Netlify
Vercel
GitHub Pages
Any CDN or web server