@contenify/chatbot

Contenify Chatbot is an embeddable AI assistant widget for websites and web applications.

It helps visitors understand your product, navigate pages, and get answers instantly — directly inside your interface. The widget integrates in minutes and works as a 24/7 automated guide for your users.

Installation

npm install @contenify/chatbot

Environment Configuration

Create or update your .env.local file:

NEXT_PUBLIC_CONTENIFY_API_URL=https://your-api.com/api

This URL should point to your Contenify backend API server.

Basic Usage (Next.js / React)

1. Import the component and stylesheet

import { ContenifyChatBot } from '@contenify/chatbot'
import '@contenify/chatbot/styles.css'

2. Add the component to your application root

<ContenifyChatBot
  apiUrl="https://api.example.com/api"
  apiKey="your-api-key"
  domain="example.com"
/>

The chatbot will automatically appear as a floating widget on your site.

Props

| Prop | Type | Description | | ------------ | ------------------------ | --------------------------------------------------- | | onNavigate | (path: string) => void | Triggered when the chatbot requests page navigation | | onLogout | () => void | Triggered when the chatbot requests user logout |

Where should I place it?

Place the component globally:

• Next.js (App Router): app/layout.tsx
• React / Vite: App.tsx

This ensures the chatbot is available on every page.

Full Example (Next.js)

'use client'

import { useRouter } from 'next/navigation'
import { ContenifyChatBot } from '@contenify/chatbot'
import '@contenify/chatbot/styles.css'

export default function ChatProvider() {
  const router = useRouter()

  return (
    <ContenifyChatBot
      onNavigate={(path) => router.push(path)}
      onLogout={() => console.log('logout')}
    />
  )
}

Requirements

• React 18+
• A running Contenify backend API server

What Contenify Provides

• AI-powered website assistant
• User onboarding guidance
• Context-aware answers
• Navigation help inside apps
• Reduced support workload

Instead of users leaving confused, your website can guide them automatically.

License

MIT