Einbettungsskript
Füge mit einem einzigen Script-Tag ein Chat-Widget zu jeder Website hinzu.
Installation
Füge das folgende Script-Tag direkt vor dem schließenden </body>-Tag in den HTML-Code deiner Website ein:
<script src="https://your-domain.com/widget.js" data-agent-id="your-agent-id" defer></script>Konfigurationsoptionen
Passe das Verhalten des Widgets mit data-*-Attributen an:
| Attribut | Typ | Standard | Beschreibung |
|---|---|---|---|
data-agent-id | string | — | Eindeutige ID deines Agenten (erforderlich) |
data-theme | light | dark | auto | auto | Farbschema des Widgets |
data-position | bottom-right | bottom-left | bottom-right | Position des Widgets |
data-welcome | string | — | Überschreibt die Willkommensnachricht |
data-expanded | boolean | false | Widget beim Start geöffnet anzeigen |
Beispiel
<script
src="https://your-domain.com/widget.js"
data-agent-id="abc123"
data-theme="dark"
data-position="bottom-right"
defer
></script>Content Security Policy
Wenn deine Website eine CSP verwendet, füge diese Direktiven hinzu:
script-src 'self' https://your-domain.com;
frame-src 'self' https://your-domain.com;
connect-src 'self' https://your-domain.com;