Chatbots Documentation

Create, customize, and embed AI-powered chatbots on your website

Getting Started

Creating Your First Chatbot

Navigate to Chatbots

Go to the Chatbots section from your dashboard

Click "Create New Chatbot"

Start the chatbot creation process

Configure Basic Settings

Set name, greeting message, and avatar

Choose AI Model

Select from GPT-4, Claude, or other models

Get Embed Code

Copy the integration code for your website

Basic Configuration

Chatbot Name

Give your chatbot a friendly, recognizable name

Greeting Message

The first message users see when they open the chat

Avatar Image

Optional: Add a custom avatar for your chatbot

AI Model Selection

GPT-4o Mini

Fast responses, cost-effective for most use cases

GPT-4

Best quality, ideal for complex conversations

Claude 3

Alternative AI with strong reasoning capabilities

Integration Guide

Simple Script Integration

Add your chatbot to any website with a single line of code. Place this script tag just before the closing </body> tag:

<script src="https://cleverai.app/embed/chatbot.js" 
  data-chatbot-id="YOUR_CHATBOT_ID" 
  data-base-url="https://cleverai.app">
</script>

React/Next.js Integration

import { useEffect } from 'react';

export default function ChatWidget() {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = 'https://cleverai.app/embed/chatbot.js';
    script.setAttribute('data-chatbot-id', 'YOUR_ID');
    script.async = true;
    document.body.appendChild(script);
    
    return () => {
      document.body.removeChild(script);
    };
  }, []);
  
  return null;
}

Perfect for React and Next.js applications. The component handles cleanup automatically.

WordPress Integration

1.Go to Appearance → Theme Editor
2.Select footer.php
3.Add the script before </body>
4.Save and refresh your site

Or use a plugin like "Insert Headers and Footers" for easier management

Security Features

Domain Whitelisting

Restrict which domains can embed your chatbot.

• Exact domain matching
• Wildcard subdomain support
• Multiple domain support

Rate Limiting

Prevent abuse with message limits.

• 10-500 messages/hour
• Per-session tracking
• IP-based limiting

API Key Protection

Extra security with API keys.

• Generate unique keys
• Revoke access anytime
• Track usage by key

Customization Options

Appearance Settings

Color Scheme

+ Custom

Widget Position

Bottom Right

Bottom Left

Top Right

Top Left

AI Behavior

System Prompt

Define your chatbot's personality and knowledge base

Temperature

0.0 (focused) to 1.0 (creative)

Max Response Length

50 - 2000 tokens per response

API Configuration

Configuration Object

{
  "id": "chatbot-uuid",
  "name": "My Assistant",
  "greetingMessage": "Hello! How can I help?",
  "avatarUrl": "https://example.com/avatar.png",
  "colorScheme": "#8B5CF6",
  "chatModel": "gpt-4o-mini",
  "settings": {
    "allowedDomains": ["example.com"],
    "rateLimit": 100,
    "requireAuth": false,
    "isActive": true
  },
  "appearance": {
    "widgetPosition": "bottom-right",
    "widgetSize": { "width": "400px", "height": "600px" },
    "buttonSize": "medium"
  },
  "ai": {
    "systemPrompt": "You are a helpful assistant...",
    "temperature": 0.7,
    "maxTokens": 500
  }
}

Next Steps