Chat Bubble
Die Chat Bubble ist ein schwebender Chat, der am Rand der Website angezeigt wird und sich bei Interaktion öffnet. Sie eignet sich für Websites, auf denen Besucher schnell und niedrigschwellig mit einem KI-Agenten interagieren sollen.
Konfigurationsmöglichkeiten
- Farben der Chat Bubble (Primärfarbe, Icon-Farbe, Hover-Farbe)
- Grösse des Chat-Fensters (Breite und Höhe)
- Kopfzeile mit Logo oder Text
- Zusätzliche Hinweise unter dem Eingabefeld z. B. Haftungshinweise oder Verweise auf Datenschutz- oder Sicherheitsseiten Optional mit Link
- Automatisches Öffnen der Chat Bubble – separat für Desktop und Mobile – zeitgesteuert
- Spracheingabe (Speech-to-Text)
Payload-Variablen
Bei der Chat Bubble können Payload-Variablen definiert werden, um dem KI-Agenten zusätzlichen Kontext zu übergeben.
Geben Sie die Variablen im Format role=assistant&name=Claudius ein.
Beispiele:
- Übergabe der aktuellen Seite (
page=pricing) - Übergabe einer Kampagnen-ID (
source=landingpage_2025) - Übergabe einer Sprache oder Region (
lang=de)
Diese Informationen stehen dem KI-Agenten während der Konversation zur Verfügung.
Embed-Code generieren
- Klicken Sie auf Generate Embed Code
- Kopieren Sie den generierten Code
- Fügen Sie den Code an der gewünschten Stelle in den HTML-Quellcode Ihrer Website ein
Hinweis zum Embed-Code
Der generierte Embed-Code wird nicht gespeichert. Änderungen im Bot-Designer erfordern eine erneute Generierung des Codes.
Verwandte Themen
- Bot-Designer – Übersicht aller Chat-Typen und allgemeine Konfiguration
- Container Chat – Fix eingebetteter Chat im Seitenlayout
- iFrame Chat – Minimale Einbettung ohne Zusatzkonfiguration
- Einführung – Was Bots sind und wie sie funktionieren