Installation
Getting started with inHotel Focus Chat is quick and easy. You can use our hosted script (recommended) or self-host the files if you prefer.
Hosted Installation (Recommended)
The fastest way to get started is to include Focus Chat directly from our hosted URL:
<!-- Include the latest version -->
<script src="https://embed.agents.inhotel.io/focus-chat/latest/focus-chat.min.js"></script>
<!-- Or include a specific version -->
<script src="https://embed.agents.inhotel.io/focus-chat/v0.2.0/focus-chat.min.js"></script>
Local Installation
If you prefer to host the files yourself:
- Download the Focus Chat library files
- Include the JavaScript file in your HTML:
<script src="/path/to/focus-chat.min.js"></script>
Verification
Once included, the library automatically registers the <focus-chat> custom element. You can verify it's working by adding this to your page:
<focus-chat agent_card_url="https://a44b44de-d6cb-409e-a1ff-3bc28aa95b4e.agents.inhotel.io/.well-known/agent-card.json"></focus-chat>
If you see a chat widget appear, you're all set!
Requirements
Focus Chat requires:
- Modern web browser with Web Components support
- HTTPS connection (required for production)
- Valid agent card JSON endpoint
Version History
| Version | Release Date | Notes |
|---|---|---|
| v0.2.0 | 2025-09-01 | Enhanced styling options, improved performance |
| v0.1.0 | 2025-08-04 | Initial release |
Next Steps
Now that Focus Chat is installed, let's configure your first chat widget in the Quick Start Guide.