Documentation

Widget Configuration

Customize and configure the AISA widget to match your brand

Basic Configuration

The widget can be configured using the window.AISA_CONFIG object:

window.AISA_CONFIG = {
  API_URL: "https://your-backend.azurewebsites.net/api/intake",
  API_KEY: "your_api_key_here",
  
  // Optional: Customize appearance
  bubbleText: "Chat with us",
  headerTitle: "Customer Support",
  
  // Optional: Theme customization
  theme: {
    primaryColor: "#00E0FF",
    backgroundColor: "#0E0E0E"
  }
};

Customization Options

Bubble Text

Change the text displayed on the chat bubble:

bubbleText: "Need Help?"

Header Title

Customize the chat window header:

headerTitle: "AISA Assistant"

Theme Colors

Match your brand colors:

theme: {
  primaryColor: "#00E0FF",    // Accent color
  backgroundColor: "#0E0E0E"  // Background color
}

Widget Features

✅ Mobile responsive design
✅ Customizable colors and text
✅ Conversation history
✅ Typing indicators
✅ Error handling
✅ Session management
✅ XSS protection

Positioning

The widget appears in the bottom-right corner by default. On mobile devices, it expands to full screen for better user experience.