🤖 PressBuddy ChatBot – Plug & Play AI Chat Widget

The PressBuddy ChatBot is a fully customizable and embeddable AI assistant widget for your React or Next.js apps. Perfect for SaaS integration where users can easily add a chatbot to their website with minimal setup.

🚀 Demo

👉 Check out the chatbot on Pressbuddy.in

📦 Installation

Install via npm:

npm install pressbuddy-chat-bot

🛠️ Usage

Simply import and use the ChatBot component in your React or Next.js app:

import ChatBot from "pressbuddy-chat-bot";

export default function Main() {
    return (
        <div>
            <h1>ChatBot</h1>
            <p>This is the ChatBot page on pressbuddy.</p>

            <ChatBot
                BotName={"PressBuddy ChatBot"}
                botUserId={"6826e3d0b119e2fa935c8164"}
                headerBackground="#025144" 
                headerTextColor="#ffffff"
                buttonBackground="#025144"
                userMessageBackground="#025144"
                chatBackground="#f3f4f6"
                botAvatarText="AI"
                botAvatarTextColor="#4f46e5"
                botAvatarBackground="#e0e7ff"
            />
        </div>
    );
}

    ✅ use client is internally handled for Next.js compatibility.

## 🎨 Props (Customization)

| Prop                 | Type   | Default    | Description                                  |
|----------------------|--------|------------|----------------------------------------------|
| BotName              | string | —          | Name displayed at the top of the chat header|
| botUserId            | string | —          | Unique bot ID for authentication             |
| headerBackground     | string | #025144    | Background color of chat header               |
| headerTextColor      | string | #ffffff    | Text color of chat header                      |
| buttonBackground     | string | #025144    | Chat open button background                    |
| userMessageBackground| string | #025144    | User's chat bubble background color            |
| chatBackground       | string | #f3f4f6    | Chat panel background color                    |
| botAvatarText        | string | "AI"       | Text inside the bot's avatar circle           |
| botAvatarTextColor   | string | #4f46e5    | Color of the avatar text                       |
| botAvatarBackground  | string | #e0e7ff    | Background color of the bot's avatar           |

# table for props usage