AI Website Livechat
Blend website chatbots with 24/7 customer support, automatic lead capture, and seamless human escalation.
Key Features
Key points
• Drag-and-drop snippet: Easily add AI chat to any page using Website Builder
• Two chat modes: Fullscreen (full page) or Popup (chat window) based on your needs
• Human escalation: "Ask a Human" button to transfer conversations to support staff
• Smart fallback button: Display alternative contact options when no agents are online
• Flexible customization: Choose AI agent, livechat channel, and placeholder text
Expected outcomes
Key points
• Improve response coverage to 100% even outside office hours
• Capture lead details automatically during chat conversations
• Reduce waiting time before human assistance to nearly zero
• Enhance customer experience with instant 24/7 support
• Increase conversion rate from visitors to qualified leads
Basic setup
Steps
1. Go to Website → Edit and open Blocks panel, find AI Livechat snippet in Contact and Forms category
2. Drag and drop snippet to desired position on page (bottom or sidebar)
3. Select AI Agent to handle chat and Livechat Channel for human escalation feature
4. Choose Chat Style: Fullscreen for dedicated support pages, Popup for general pages
5. Configure Prompt Placeholder and Fallback Button (text + URL) to optimize experience
6. Save page and test chat to ensure proper functionality
Two Chat Modes
Key points
• Fullscreen: Chat displays directly on page, hides other elements, suitable for dedicated support or FAQ pages
• Popup Window: Opens separate chat window without affecting page content, suitable for product, service, or home pages
• Fullscreen has Close button to dismiss chat, Popup can be minimized/maximized
• Fullscreen chat history stored in component, Popup managed by discuss module
Human Escalation
Key points
• Visitors can click "Ask a Human" button anytime during chat
• System automatically checks for available agents in configured Livechat Channel
• If agent online: Conversation transferred to livechat, staff receives chat immediately
• If no agent online: Display message and fallback button for alternative contact options
• Requires configured Livechat Channel and online support staff to function
Smart Fallback Button
Key points
• Displays when no support staff online or visitor wants alternative contact method
• Customize text (e.g., "Contact Us", "Email Us", "Submit Ticket") and destination URL
• URL can be contact page (/contactus), support form (/support/ticket), or email (mailto:)
• Always configure fallback to ensure visitors have contact options
Who Should Use This
Key points
• Website administrators: Add and configure AI chat to increase engagement
• Content editors: Customize content, position, and chat style for each page
• Customer support staff: Receive and handle chats escalated from AI
• Businesses wanting 24/7 support: Provide continuous support without staff on duty
Practical Tips
Key points
• Use Fullscreen for Help Center/FAQ pages, Popup for product/service pages
• Place snippet at page bottom or sidebar, avoid top to prevent covering important content
• Create dedicated livechat channel for AI chat and assign support staff to channel
• Customize placeholder text to match language and purpose (e.g., "Ask about our products...")
• Always configure fallback button so visitors have contact options when no agents online
Use Cases
Key points
• Product pages: Popup chat for visitors to ask about features and pricing without leaving page
• Support pages: Fullscreen chat for visitors to focus on problem resolution
• Home page: Popup chat for general support and lead capture
• Campaign landing pages: Popup chat for consultation and conversion boost
• Contact page: Fullscreen chat as primary contact channel
Benefits
Key points
• Support customers 24/7 without requiring staff on duty continuously
• Automatically capture leads during chat, increasing marketing effectiveness
• Reduce support staff workload with common questions handled by AI
• Improve conversion rate with instant support when visitors need it
• Seamlessly integrate with Odoo CRM and Livechat for efficient lead management
Important Notes
Key points
• Requires ai_website_livechat module and dependencies (ai_website, ai_livechat, html_builder)
• Must select AI agent in snippet configuration, otherwise error will display
• Need configured Livechat Channel and online agents for "Ask a Human" feature to work
• Test thoroughly on multiple devices and browsers before deployment
• Prepare AI agent with appropriate prompt to accurately answer customer questions