Embeddable Widget
The Senda Widget is a Web Component (<senda-chat>) that adds an AI chat interface to any website. It uses Shadow DOM for complete CSS isolation — it won't affect or be affected by your site's styles.
Installation
Add two lines to your HTML:
<script src="https://senda.telar.ai/widget/v1/senda.js"></script>
<senda-chat
api-key="sk_live_YOUR_KEY"
space="soporte"
></senda-chat>
Attributes
| Attribute | Required | Default | Description |
|---|---|---|---|
api-key | ✅ | — | Your Senda API key |
base-url | ❌ | Auto-detected | API base URL |
space | ❌ | First space | Space code or ID |
position | ❌ | bottom-right | bottom-right or bottom-left |
title | ❌ | Senda AI | Header title text |
How It Works
- A floating action button (FAB) appears in the specified corner
- Clicking it opens a chat panel with a welcome message
- Messages stream in real-time via SSE through the
/v1/chat/completionsAPI - The widget supports typing indicators and auto-scrolling
Bundle Size
| Metric | Value |
|---|---|
| Raw | 12.2 kB |
| Gzipped | 4 kB |
| Dependencies | Zero |
Browser Support
Chrome 90+, Firefox 90+, Safari 15+, Edge 90+. No IE11 support (Shadow DOM required).