AI Assistant Widget - Embed Test

Widget Configuration

How to Test:

Enter your Assistant ID (from the management UI)
Enter your API Key (internal API_KEY from .env)
Click "Initialize Widget" to see the floating chat bubble
Click the bubble to open/close the chat

API URL

Assistant ID

API Key (Internal)

Theme

Position

Bubble Color (optional)

Welcome Message (optional)

Sample Page Content

This is a sample webpage to demonstrate the AI Assistant Widget. The floating chat bubble should appear in the corner of the screen after you initialize the widget.

The widget provides a Tawk.to-like experience where:

A floating chat bubble appears in the corner
Clicking the bubble opens the chat window
The bubble transforms into a minimize button when chat is open
Optional welcome message tooltip appears above the bubble
Unread message badge shows when new messages arrive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.