Smart AI Widget Documentation

Add intelligent AI chat to your website in minutes. This comprehensive guide will help you integrate, customize, and optimize Smart AI Widget for your application.

Installation

Choose the installation method based on your website type:

For HTML Websites (Fastest - 1 Minute Setup)

Simply add this one-line script to your HTML before the closing </body> tag:

<script src="https://cdn.smartaiwidget.com/widget-loader.js" data-widget-id="your-widget-id"></script>

For React Applications

Install via npm and import into your React app:

// Install
npm install smart-ai-widget

// In your React component
import SmartAI from 'smart-ai-widget';
import { useEffect } from 'react';

function App() {
  useEffect(() => {
    const widget = new SmartAI({
      widgetId: 'your-widget-id'
    });
    widget.init();
  }, []);

  return <div>Your App</div>;
}

For Vue.js Applications

Install via npm and add to your Vue app:

// Install
npm install smart-ai-widget

// In your main.js or component
import SmartAI from 'smart-ai-widget';

mounted() {
  const widget = new SmartAI({
    widgetId: 'your-widget-id'
  });
  widget.init();
}

For WordPress

Add the script to your WordPress theme:

1. Go to Appearance → Theme Editor
2. Open footer.php
3. Add the script before </body> tag:

<script src="https://cdn.smartaiwidget.com/widget-loader.js" data-widget-id="your-widget-id"></script>

For Shopify

Add to your Shopify theme:

1. Go to Online Store → Themes → Actions → Edit Code
2. Open theme.liquid
3. Add the script before </body> tag:

<script src="https://cdn.smartaiwidget.com/widget-loader.js" data-widget-id="your-widget-id"></script>

Getting Your Widget ID

After signing up, you'll receive your unique widget ID from your dashboard. Replace your-widget-id with your actual ID.

AI-Powered Chat

Smart AI Widget uses AWS Bedrock to power intelligent, context-aware conversations that understand your website content and engage visitors naturally.

Key Features

• Context-Aware: The AI understands your website content and provides relevant answers
• Natural Conversations: Engages visitors with human-like responses
• Multi-language Support: Communicate with visitors in their preferred language
• 24/7 Availability: Always ready to assist your website visitors

Pricing Plans

Choose the plan that fits your needs. All plans include a 7-day free trial.

Visit our pricing page for more details.

Frequently Asked Questions

How long does setup take?

Most customers have their widget up and running in under 5 minutes. Simply add our script to your website and configure your preferences.

Do I need a credit card for the free trial?

No credit card required! Start your 7-day free trial today and explore all features risk-free.

Can I customize the widget's appearance?

Yes! You can customize colors, position, welcome messages, and more to match your brand.

What AI models are supported?

We use state-of-the-art AI models to power intelligent, context-aware conversations that deliver accurate and helpful responses to your website visitors.

Support

Need help? We're here for you:

• 📧 Email: support@smartaiwidget.com
• 💬 Live Chat: Available in your dashboard
• 📚 Community: Join our Discord server
• 🐛 Bug Reports: GitHub Issues