Skip to main content

Introduction

Focus Chat is a web component library that provides an easy-to-integrate chat widget for any website, built using the A2A Protocol for AI agent communication.

Quick Preview​

<focus-chat 
  agent_card_url="https://a44b44de-d6cb-409e-a1ff-3bc28aa95b4e.agents.inhotel.io/.well-known/agent-card.json"
  config='{"greeting": "👋 How can I help you today?"}'
>
</focus-chat>

This simple code snippet creates a fully functional AI chat widget on your website!

How It Works​

  1. Embed the Component - Add the <focus-chat> element to your HTML
  2. Configure Your Agent - Point to your agent card JSON configuration
  3. Customize Appearance - Style the widget to match your brand
  4. Enable Context - Specify which page sections to use as context
  5. Load the Script - Add the Focus Chat script tag to load and initialize the component

Browser Support​

Focus Chat works in all modern browsers:

  • Chrome 54+
  • Firefox 63+
  • Safari 10.1+
  • Edge 79+

Next Steps​

Ready to get started? Check out our Installation Guide to add Focus Chat to your website in minutes.

Or explore our Quick Start Tutorial for a step-by-step walkthrough.