Web Widget (Chat Bubble)

A floating chat bubble widget that provides instant customer support. The widget appears as a small button in the corner of your website and expands into a full chat interface when clicked.

Features

• Floating chat bubble UI
• Smooth animations and transitions
• Customizable colors and branding
• Mobile-optimized interface
• Unread message indicators
• Sound notifications (optional)
• Analytics integration

Requirements

• Active agent
• HTTPS website
• Modern browser (Chrome, Firefox, Safari, Edge)

Setup

1. 1Go to Your APIs page
2. 2Click "Connect" on "Web Widget (Chat Bubble)"
3. 3Select your agent
4. 4Configure widget appearance (colors, position)
5. 5Set domain whitelist
6. 6Copy the widget script
7. 7Add to your website header or before </body>
8. 8Customize widget styling via CSS variables if needed

Authentication

Code Examples

<script src="https://your-domain.com/api/embed.js?agent_id=YOUR_AGENT_ID&token=YOUR_TOKEN&widget=true"></script>
<script>
  CentralAI.embed({
    agentId: 'YOUR_AGENT_ID',
    widget: true,
    position: 'bottom-right',
    bubbleColor: '#70FF5B',
    bubbleText: 'Chat with us'
  });
</script>