ChatPilot - Create AI Customer Service in Minutes

🎯 How It Works

1

Include ChatPilot

Add one line to your HTML

<script src="https://cdn.jsdelivr.net/npm/chatpilot@1.1.0/dist/ChatPilot.min.js"></script>

2

Configure Your Bot

Tell ChatPilot about your business

ChatPilot.init({
  apiKey: 'your-api-key',
  data: 'Your business info here'
});

3

Done! 🎉

Your AI customer service is live

Customers can now chat with your AI assistant 24/7

🔧 Complete Example

Here's everything you need to create a fully functional customer service bot:

<!-- Step 1: Include ChatPilot -->
<script src="https://cdn.jsdelivr.net/npm/chatpilot@1.1.0/dist/ChatPilot.min.js"></script>

<!-- Step 2: Initialize your customer service bot -->
<script>
ChatPilot.init({
  apiKey: 'your-openai-or-gemini-key',
  assistantName: 'Customer Support',
  data: 'We sell wireless chargers, earbuds, and travel adapters. Orders ship in 2-4 days. Contact us via hello@company.com.',
  theme: 'default',
  provider: 'gemini', // or 'openai'
  onMessage: (userMsg, aiResponse) => {
    console.log('Customer asked:', userMsg);
    console.log('AI responded:', aiResponse);
  }
});
</script>

📖 View Documentation 📦 Install via NPM

🎨 Beautiful Themes

Choose from 8 stunning themes to match your brand:

🎨

Default

Modern gradient design

🌙

Dark

Sleek dark interface

✨

Neon

Cyberpunk vibrant

💎

Glass

Modern glassmorphism

🏢

Corporate

Professional business

⚪

Minimal

Simple and clean

🌈

Gradient

Vibrant colors

🔵

Rounded

Soft and friendly

🚀 Why ChatPilot?

⚡

Lightning Fast

Setup in under 2 minutes

🤖

AI Powered

OpenAI GPT & Google Gemini

📱

Mobile Ready

Perfect on all devices

🔧

Framework Agnostic

Works with React, Vue, Angular

🎯

Zero Dependencies

Pure vanilla JavaScript

🛡️

Production Ready

Robust error handling

💡 Live Demo

This page has a live ChatPilot customer service bot running! Try asking it questions about ChatPilot features, pricing, or how to integrate it into your website.

Current Configuration:

ChatPilot.init({
  apiKey: 'AIzaSyDBzL5azfOmQDvpECqn0MgSn-j3n9S37-s',
  assistantName: 'ChatPilot Assistant',
  theme: 'default',
  provider: 'gemini',
  data: 'ChatPilot is an AI-powered customer service solution. It helps businesses create intelligent chat bots with 8 beautiful themes, multi-provider AI support (OpenAI & Gemini), mobile responsive design, framework agnostic (works with React, Vue, Angular, or plain HTML), zero dependencies, production-ready with robust error handling. Setup takes under 2 minutes with just 3 lines of code. Pricing: Free to use, just need your own OpenAI or Gemini API key.',
  onMessage: (userMsg, aiResponse) => {
    console.log('Demo: Customer asked:', userMsg);
    console.log('Demo: AI responded:', aiResponse);
  }
});

🚀 ChatPilot

✨ Super Simple Setup