Documentation

Website Integration Guide

Add the NextSet AISA widget to your website in minutes. Copy and paste the code below.

Quick Start

Add this single line to your website's HTML, just before the closing </body> tag:

<script src="https://cdn.nextset.ai/widget.js"
  data-business="your_business_id"
  defer></script>
💡 Tip:

Replace your_business_id with your unique business identifier. You'll receive this when you sign up for NextSet.

Advanced Configuration

For custom branding and advanced options, use the full configuration:

<script>
  window.AISA_CONFIG = {
    // Required
    API_URL: "https://your-backend.azurewebsites.net/api/intake",
    SUMMARY_URL: "https://your-backend.azurewebsites.net/api/summary",
    API_KEY: "your_api_key",
    
    // Branding (Optional)
    BUSINESS_NAME: "Your Business Name",
    PRIMARY_COLOR: "#00E0FF",
    BUBBLE_TEXT: "Chat with us",
    OPENING_MESSAGE: "Hi! How can I help you?",
    POSITION: "bottom-right", // bottom-right | bottom-left | top-right | top-left
    LOGO_URL: "https://your-site.com/logo.png",
    SHOW_POWERED_BY: true,
    POWERED_BY_TEXT: "Powered by NextSet"
  };
</script>
<script src="https://cdn.nextset.ai/widget.js" defer></script>

Configuration Options

Branding

  • BUSINESS_NAME - Your business name (auto-inserted in prompts)
  • PRIMARY_COLOR - Widget accent color (hex code)
  • BUBBLE_TEXT - Text on the chat bubble
  • OPENING_MESSAGE - First message when chat opens
  • LOGO_URL - URL to your business logo

Position

Set POSITION to one of:bottom-right,bottom-left,top-right, ortop-left

Footer Branding

Control the "Powered by" footer with SHOW_POWERED_BY (true/false) and POWERED_BY_TEXT.

Examples

Minimal Setup

<script src="https://cdn.nextset.ai/widget.js"
  data-business="auto_detail_oregon"
  defer></script>

Custom Branding

<script>
  window.AISA_CONFIG = {
    API_URL: "https://your-backend.azurewebsites.net/api/intake",
    SUMMARY_URL: "https://your-backend.azurewebsites.net/api/summary",
    API_KEY: "your_api_key",
    BUSINESS_NAME: "Auto Detail Oregon",
    PRIMARY_COLOR: "#FF6B35",
    BUBBLE_TEXT: "Need help?",
    OPENING_MESSAGE: "Welcome to Auto Detail Oregon! How can we help?",
    LOGO_URL: "https://your-site.com/logo.png",
    POSITION: "bottom-right",
    SHOW_POWERED_BY: true
  };
</script>
<script src="https://cdn.nextset.ai/widget.js" defer></script>

Need Help?

If you need assistance with integration, contact our support team or check out our documentation.