🤖 Embeddable-RAG-Chatbot-Widget--JavaScript-Cloudflare-Workers-FullStack - Enhance Your Website with a Smart Chatbot
Welcome to the Embeddable RAG Chatbot Widget! This app allows you to add a versatile AI-driven chatbot to your website. With just one script tag, you can offer real-time support, answer FAQs, and improve user interaction effortlessly.
To get started, visit the Releases page to download the latest version of the Chatbot Widget.
- Open the provided link.
- Locate the latest release.
- Click on the downloadable file to start the process.
- A modern web browser (latest versions of Chrome, Firefox, Safari, or Edge).
- An active Cloudflare account to deploy Cloudflare Workers.
- Basic knowledge of adding script tags to your website's code.
- Real-Time Streaming Responses: Engage users with instant replies.
- RAG-Powered FAQ Answers: Quickly answer common questions through advanced retrieval-augmented generation.
- Session Persistence: Maintain user context through their conversations.
- Dark/Light Mode Support: Easily switch between themes to enhance user experience.
- Easy Integration: Add the widget to your site using just one script tag.
- After downloading, extract the files if they are in a zip format.
- Open the extracted folder and locate the
index.htmlfile. - In this file, find the section for placing your Cloudflare Worker URL.
- Replace the placeholder text with your actual Cloudflare Worker link.
- Save your changes.
To embed the chatbot widget on your website:
-
Open the HTML file of the webpage where you want the chatbot to appear.
-
Add the following script tag in the
<head>section or just before the closing</body>tag:<script src="https://your-worker-url.cloudflareworkers.com/widget.js"></script>
-
Save the changes and upload the updated HTML file to your web server.
You can modify the appearance of the chatbot according to your brand:
- Change Colors: Adjust the colors in the CSS file to match your site's theme.
- Modify Text: Edit the welcome message and other texts in the JavaScript file to suit your needs.
- Add Custom Responses: Customize answers for various FAQs directly in the code.
If you encounter issues:
- Chatbot does not load: Check if the correct script URL is added to your HTML.
- No responses: Ensure your Cloudflare Worker is set up correctly and linked.
- Styling issues: Review your CSS for conflicts or errors.
If you need help, consider checking the discussions section of this repository. You can also reach out with questions about installation or configuration.
The application will receive periodic updates to improve functionality and user experience. Keep an eye on the Releases page for the latest versions.
This project is licensed under the MIT License. Feel free to use, modify, and share it as per your requirements.
We encourage contributions and feedback. If you have suggestions or improvements, you can submit them as pull requests or open issues.
This project covers the following topics:
- ai-assistant
- ai-chatbot-widget
- bge-embeddings
- cloudflare-workers
- customer-support
- embeddable-widget
- faq-chatbot
- knowledge-based-search
- kv
- llama3
- rag
- real-time-streaming
- semantic-search
- server-sent-events
- serverless
- shadow-dom
- vectorize
- website-assistant
- workers-ai
- workers-kv
Thank you for choosing the Embeddable RAG Chatbot Widget to enhance your website experience!