# BubblaV
> BubblaV is an AI chatbot platform that enables businesses to deploy custom AI chatbots trained on their website content in minutes—no coding required. It delivers 24/7 automated customer support with seamless AI-to-human handoff, deep integrations, and live chat.
BubblaV embeds as a lightweight JavaScript widget on any website or framework. The chatbot trains on your website content through automated crawling, answers customer questions using AI with RAG (Retrieval-Augmented Generation), and hands off complex queries to live support agents.
## Installation
### NPM Package (React / Vue / Angular)
```bash
# React
npm install @bubblav/ai-chatbot-react
# Vue
npm install @bubblav/ai-chatbot-vue
# Angular
npm install @bubblav/ai-chatbot-angular
```
React usage:
```tsx
import { BubblaVWidget } from '@bubblav/ai-chatbot-react';
// In your root component:
```
For Vite-based projects (Lovable, Bolt, v0), add to `vite.config.ts`:
```ts
resolve: { dedupe: ['react', 'react-dom'] }
```
### Script Tag (works with any framework)
```html
```
## Product
- [Homepage](https://www.bubblav.com): Product overview, features, and value proposition
- [Pricing](https://www.bubblav.com/pricing): Plans — Free ($0/mo), Pro ($49/mo); annual billing saves 20%; Custom plan available
- [Integrations](https://www.bubblav.com/integrations): Shopify, Zendesk, Slack, Discord, Zapier, HubSpot, Attio, WhatsApp, Instagram, Messenger, Telegram, Cal.com, Acuity Scheduling, Calendly, TidyCal, Klarna, Haravan, ChatGPT, Email (IMAP) and more
## Documentation
- [Installation Guide](https://docs.bubblav.com/user-guide/installation): Add the BubblaV widget to any website, CMS, or JavaScript framework
- [Getting Started](https://docs.bubblav.com/user-guide/getting-started): Quick start to deploy your first AI chatbot
- [Widget Design](https://docs.bubblav.com/user-guide/widget-design): Customize chatbot appearance, colors, position, and behavior
- [Testing](https://docs.bubblav.com/user-guide/testing): Verify chatbot installation and response quality
- [Live Support](https://docs.bubblav.com/user-guide/live-support/overview): Human agent handoff and omnichannel inbox setup
- [Push & Message Notifications](https://docs.bubblav.com/user-guide/live-support/push-notifications): Browser push notifications and the in-app notification bell
- [Account Settings](https://docs.bubblav.com/user-guide/account-settings): Profile, notification preferences (Web/Push/Email per type), and security
- [Knowledge Base](https://docs.bubblav.com/knowledge/website-crawling): Train the chatbot on website content, documents, and Q&A pairs
- [Developer SDK](https://docs.bubblav.com/developer-guide/sdk-reference): Widget SDK reference and advanced customization
## Integrations
- [Shopify](https://www.bubblav.com/integrations/shopify): Order tracking, product search, return handling
- [Zendesk](https://www.bubblav.com/integrations/zendesk): Ticket creation and support escalation
- [HubSpot](https://www.bubblav.com/integrations/hubspot): CRM sync and lead capture
- [Klaviyo](https://www.bubblav.com/integrations/klaviyo): Email/SMS marketing automation and audience sync
- [Attio](https://www.bubblav.com/integrations/attio): CRM sync and contact management
- [Zapier](https://www.bubblav.com/integrations/zapier): Connect to 5,000+ apps
- [Slack](https://www.bubblav.com/integrations/slack): Agent notifications and live support
- [Discord](https://www.bubblav.com/integrations/discord): Community support automation
- [WhatsApp](https://www.bubblav.com/integrations/whatsapp): WhatsApp messaging support
- [Instagram](https://www.bubblav.com/integrations/instagram): Instagram DM automation
- [Telegram](https://www.bubblav.com/integrations/telegram): Telegram bot DM automation
- [Messenger](https://www.bubblav.com/integrations/messenger): Facebook Messenger support
- [Email (IMAP)](https://www.bubblav.com/integrations/email): Unified support inbox over IMAP/SMTP
- [Stripe](https://www.bubblav.com/integrations/stripe): Payment and subscription queries
- [Klarna](https://www.bubblav.com/integrations/klarna): Checkout and payment queries
- [Calendly](https://www.bubblav.com/integrations/calendly): Appointment scheduling
- [Cal.com](https://www.bubblav.com/integrations/calcom): Open-source appointment scheduling
- [Acuity Scheduling](https://www.bubblav.com/integrations/acuity): Appointment and class booking
- [TidyCal](https://www.bubblav.com/integrations/tidycal): Meeting booking and appointment lookups
- [WordPress](https://www.bubblav.com/integrations/wordpress): Plugin-based installation
- [Optimizely](https://www.bubblav.com/integrations/optimizely): No-code AI chatbot for Optimizely Content Cloud (formerly Episerver) sites
- [Framer](https://www.bubblav.com/integrations/framer): Official Framer Marketplace plugin for no-code installation
- [Webflow](https://www.bubblav.com/integrations/webflow): Official Webflow Marketplace app for no-code installation
- [WooCommerce](https://www.bubblav.com/integrations/woocommerce): E-commerce support automation
- [BigCommerce](https://www.bubblav.com/integrations/bigcommerce): Store support automation
- [Haravan](https://www.bubblav.com/integrations/haravan): Vietnamese e-commerce platform
- [ChatGPT](https://www.bubblav.com/integrations/chatgpt): Connect BubblaV to ChatGPT via MCP — search knowledge, view analytics, and manage your chatbot
## Optional
- [llms-full.txt](https://www.bubblav.com/llms-full.txt): Full documentation with code examples and implementation details