Terminchat – Testseite
KI-Terminassistent von IT Kuhn: Das Chat-Widget wird mit einem einzigen Skript-Tag in die Website eingebunden.
Hinweis: Diese Seite dient ausschließlich zu Testzwecken und ist nicht für Besucherinnen und Besucher der Website bestimmt. Der Chat nutzt dasselbe Backend wie die Website.
1. Eingebetteter Modus
Enthält die Seite ein Element mit der ID itk-termin-chat, erscheint der Chat direkt darin. Ohne feste Höhe des Elements ist der Chat 600 px hoch (mindestens 480 px); hat das Element eine Höhe, füllt der Chat es aus.
2. Schwebender Modus
Fehlt dieses Element, blendet das Widget unten rechts eine Schaltfläche „Termin vereinbaren“ ein (mit data-position="left" unten links). Sie öffnet ein Chatfenster, das auf Smartphones den ganzen Bildschirm nutzt. Auf dieser Testseite ist der eingebettete Modus aktiv, deshalb erscheint die Schaltfläche hier nicht.
Einbindung
<!-- optional: Chat an dieser Stelle einbetten -->
<div id="itk-termin-chat"></div>
<script src="https://chat.itkuhn.de/widget/chat-widget.js" defer
data-privacy-url="https://itkuhn.de/datenschutz"></script>Optionen (alle optional)
| Attribut | Bedeutung |
|---|---|
data-api | Basis-URL des Backends (Standard: Herkunft des Skripts) |
data-privacy-url | Link „Datenschutzerklärung“ im Hinweis |
data-privacy-text | Eigener Datenschutzhinweis |
data-title | Titel (Standard: „Termin vereinbaren“) |
data-subtitle | Untertitel (Standard: „IT Kuhn · KI-Terminassistent“) |
data-position | right oder left (nur schwebender Modus) |
data-container | ID des Elements für den eingebetteten Modus (Standard: itk-termin-chat) |
data-accent | Akzentfarbe als CSS-Farbe (Standard: #0a5ea8) |
data-open | true öffnet das Chatfenster beim ersten Laden |