# Chat-Widgets

Sobald Sie einen KI-Agenten erstellt haben, können Sie ihn mit unserem _Chat-Widget_ direkt in Ihre eigene Website einbinden.

## Schnellstart

1. **Registrieren Sie Ihre Website-Domain**:
   Tragen Sie aus Sicherheitsgründen die Domain Ihrer Website auf der Seite _[Widget-Websites](/keys/widgets)_ ein. Diese Whitelist-Erfassung verhindert, dass nicht autorisierte Websites Ihren Agenten einbinden und Ihre Ressourcen verbrauchen.

2. **Öffentliche Sichtbarkeit sicherstellen**:
   Da Besucher auf Ihrer Website mit dem Widget interagieren, ohne sich anzumelden, stellen Sie sicher, dass die Sichtbarkeit Ihres Agenten auf der Seite _[Agenten](/agents)_ auf **Öffentlich** eingestellt ist.

3. **HTML-Snippet kopieren**:
   Klicken Sie auf der Karte oder Detailseite eines beliebigen Agenten auf die Schaltfläche _Widget_, um das Einbettungs-Snippet zu kopieren:

```html
<script type="module" src="https://widget.aish.li/widget.js" async></script>
<ai-chat agent="your-account/your-agent" max></ai-chat>
```

Fügen Sie diesen HTML-Code in Ihre Webseite ein (beispielsweise direkt vor dem schließenden `</body>`-Tag), um Ihren Nutzern den interaktiven Chat-Assistenten anzuzeigen.