🤖 Chatbot Widget Demo
Welcome to the Chatbot Widget!
This is a demo page showing how the chatbot widget works. Look for the
chat icon in the bottom-right corner of your screen!
Features:
- Easy integration with just one script tag
- Responsive design that works on all devices
- Customizable colors and positioning
- Smooth animations and modern UI
- Ready for Google Gemini AI integration
- No external dependencies
How to Integrate:
Simply add this script tag to any website:
<script src="https://your-cdn-url.com/chatbot-widget.js"
data-api-key="your-gemini-api-key" data-model="gemini-2.5-flash"
data-primary-color="#007bff" data-position="bottom-right"
></script>
Configuration Options:
- data-api-key: Your Google Gemini API key
-
data-model: Gemini model (gemini-2.5-flash,
gemini-2.5-pro)
-
data-primary-color: Primary color for the widget
-
data-position: Position (bottom-right, bottom-left)
Note: This demo uses simulated responses. In
production, the widget will connect to Google Gemini AI using your API
key for intelligent conversations.
Test the Widget:
Click the chat icon in the bottom-right corner to start a
conversation!