Vapi AI Chat Integration
Experience our AI-powered chat assistant powered by Vapi
Real-time Streaming • Context Aware • OpenAI Compatible
Floating Chat Widget
The chat widget appears as a floating button in the bottom right corner. Click it to start a conversation with our AI assistant.
Streaming responses
Context awareness
Minimizable interface
Mobile responsive
Inline Chat Component
Embed the chat interface directly into your page content for a seamless user experience.
Features
✨ Real-time streaming responses
🧠 Context-aware conversations
📱 Mobile responsive design
🎨 Multiple themes available
⚡ Lightning fast responses
Integration
🔗 Vapi API integration
🔄 Session management
📡 Server-sent events
🛡️ Secure API proxy
⚙️ Configurable assistants
Use Cases
💬 Customer support
📋 Lead qualification
📚 Information lookup
🎯 Product recommendations
📞 Appointment booking
Getting Started
To use this chat component in your own project, you'll need:
Environment Variables
NEXT_PUBLIC_VAPI_API_KEY=your_vapi_api_key
NEXT_PUBLIC_VAPI_ASSISTANT_ID=your_assistant_id
NEXT_PUBLIC_VAPI_ASSISTANT_ID=your_assistant_id
Basic Usage
<VapiChatBot
assistantId="your-id"
position="bottom-right"
streaming={true}
/>
assistantId="your-id"
position="bottom-right"
streaming={true}
/>