Documentation

Installation

Get AISA up and running on your website in minutes

Quick Integration

Add AISA to any website with just a few lines of code. No complex configuration or backend setup required.

HTML
<!-- Configure the widget -->
<script>
  window.AISA_CONFIG = {
    API_URL: "https://your-backend.azurewebsites.net/api/intake",
    API_KEY: "your_api_key_here"
  };
</script>

<!-- Load widget via iframe (recommended) -->
<script src="https://your-domain.com/widget/loader.js" async></script>

Step-by-Step Guide

1

Get Your API Key

First, you'll need an API key. Visit the API Keys page to learn how to generate one.

2

Configure the Widget

Copy the configuration script and replace your_api_key_here with your actual API key, and update the API_URL to point to your backend endpoint.

3

Add to Your Website

Place the configuration script and widget files in the <head> or before the closing </body> tag of your HTML.

4

Test It Out

Refresh your website and look for the AISA chat bubble in the bottom-right corner. Click it to start a conversation!

Platform-Specific Instructions

WordPress

Add the code to your theme's footer.php file or use a plugin like "Insert Headers and Footers".

React / Next.js

Add the scripts to your _document.tsx or layout.tsx file using Next.js Script component.

Shopify

Go to Online Store → Themes → Actions → Edit code, then add the scripts to your theme.liquid file.

Features

  • ✅ Works with any HTML website
  • ✅ Compatible with React, Vue, Angular
  • ✅ WordPress, Shopify, Wix ready
  • ✅ No dependencies required
  • ✅ Mobile responsive
  • ✅ Lightweight (~50KB)
  • ✅ AI-powered conversation handling
  • ✅ Automatic customer intake
  • ✅ Real-time conversation
  • ✅ Customizable appearance

Quick Start Example

Here's a complete example showing how to embed AISA on your website:

HTML
<!-- 1. Configure the widget -->
<script>
  window.AISA_CONFIG = {
    API_URL: "https://your-backend.azurewebsites.net/api/intake",
    API_KEY: "your_api_key_here"
  };
</script>

<!-- 2. Load widget via iframe (recommended) -->
<script src="https://your-domain.com/widget/loader.js" async></script>

What Happens Next?

1

Widget Appears

The AISA chat bubble will appear in the bottom-right corner of your website automatically.

2

Customers Interact

Visitors can click the bubble to start a conversation. AISA will guide them through collecting their information.

3

Leads Captured

All conversations and customer information are automatically saved to your dashboard for follow-up.

Need Help?

Check out our live demo to see AISA in action, or visit the Widget Configuration page for customization options.