# 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