Variante 1 — Eine Zeile (Standard)
Ein Script-Tag an der gewünschten Stelle — fertig. Titel und Höhe haben sinnvolle Defaults, die Höhe passt sich automatisch an.
<script src="/widget.js" data-docchat></script>Variante 2 — Eigener Titel und Starthöhe
Titel und Starthöhe lassen sich über data-Attribute anpassen.
<script src="/widget.js" data-docchat
data-title="Fragen zu den Materialien"
data-height="360"></script>Variante 3 — Direktes iframe (ohne Script)
Für Seiten, auf denen kein JavaScript eingebunden werden darf. Höhe dann statisch (kein Auto-Resize).
<iframe src="/embed/?titel=Dokumenten-Chat"
style="width:100%;max-width:720px;height:480px;border:1px solid #d6dde3;border-radius:8px;"
title="Dokumenten-Chat"></iframe>Variante 4 — Popup-Chat
Eine runde Chat-Bubble unten rechts auf der Seite; ein Klick öffnet den Chat als Popup-Panel (feste Größe, kein Auto-Resize nötig). Die Bubble ist auch auf dieser Seite live — rechts unten.
<script src="/widget-popup.js" data-docchat
data-title="Dokumenten-Chat"></script>
Auf einer fremden Webseite wird im Snippet der volle Host eingesetzt
(z. B.
https://embed.example.de/widget.js). Die einbettende Domain muss
serverseitig in ALLOWED_EMBED_ORIGINS freigegeben sein.