Add AI chat to your website

Website Chat Widget

Add an AI-powered chat widget to your website in minutes.

Overview

The Vindex Ai chat widget is an elite, drop-in solution for adding conversational AI to any website. It handles API integration, session management, and UI rendering automatically.

Quick Embed

Step 1: Get Your Channel ID

Go to Channels in your dashboard.
Copy the Channel ID from your channel's Overview or Settings tab.

Step 2: Add to Your Website

Add this code to your website's HTML, preferably before the closing

text

</body>

tag:


html
<script>
  window.VindexConfig = {
    siteId: 'your-channel-id-here',
    position: 'bottom-right',
    theme: 'auto'
  };
</script>
<script src="https://ai.amgaptech.com/widget.js"></script>

Using a CMS? See our Platform Integration Guides for step-by-step instructions for WordPress, Shopify, WooCommerce, and more.

Elite Features

1. Theme Awareness

The widget automatically detects your website's theme (light or dark mode) and adapts its UI to match seamlessly.

text
theme: 'auto'
: Automatically detects
text
```
dark
```
class on your HTML/Body or system preference.
text
theme: 'light' | 'dark'
: Explicitly force a specific look.

2. Proactive Greeting API

Engage users based on their behavior. You can programmatically open the widget and show a custom greeting using our JavaScript API.


javascript
// Example: Show a custom message after 5 seconds
setTimeout(() => {
  window.vindex.showGreeting("Welcome back! Ready to see our latest property listings?");
}, 5000);

Available Methods:

text
```
window.vindex.open()
```
: Opens the chat window.
text
```
window.vindex.close()
```
: Closes the chat window.
text
```
window.vindex.toggle()
```
: Toggles the window state.
text
```
window.vindex.showGreeting(message)
```
: Opens the widget with a temporary custom welcome message.

Configuration Options

Option	Type	Default	Description
text `siteId`	string	required	Your channel's unique identifier.
text `title`	string	text `'AI Assistant'`	The title shown in the widget header.
text `welcomeMessage`	string	text `'Active now'`	The initial message shown below the title.
text `brandColor`	string	text `'#0ea5e9'`	Your primary brand color (HEX).
text `position`	string	text `'bottom-right'`	text `bottom-right` , text `bottom-left` , text `top-right` , text `top-left` .
text `theme`	string	text `'auto'`	text `light` , text `dark` , or text `auto` .
text `width`	string/int	text `400`	Width of the chat window.
text `suggestions`	array	text `[]`	List of quick-start questions for the user.

FAQ

No. You can serve the widget directly from your primary Vindex domain (