Demo RAG Chatbot

Testing the embeddable widget for client websites

About the Widget

This is a demo version of the Giper RAG chatbot, which can be embedded on any website with a single line of code.

Capabilities:

  • Real-time text chat
  • REST API for message processing
  • Adaptive design in Giper 3K style
  • Support for multiple workspaces
  • Typing indicator and connection status

How to Test

1. Open the Chat: Click the chat button in the bottom right corner

2. Send a Message: Try different types of questions:

  • "Hi" - greeting
  • "Help" - information about capabilities
  • "Price" - information about pricing
  • "Contacts" - contact information
  • "RAG" - information about the technology
  • "n8n" - information about the platform

3. Observe: Typing indicator, animations, connection status

Technical Details

Frontend: Vanilla JS + Shadow DOM for style isolation

Backend: Next.js API Routes for message processing

Styles: CSS Variables + neon effects in Giper 3K style

Positioning: Fixed in the bottom right corner

Responsiveness: Support for mobile devices

Embed Code

To embed the widget on your site, use the following code:

<script src="https://giper.one/widget/giper-chatbot.js" data-workspace="demo"></script>

Replace "demo" with your workspace ID

The widget loads automatically on this page. Check the bottom right corner of the screen.