Erscheinungsbild des WhisperBot anpassen
Passen Sie Farben, Avatar und Position Ihres WhisperBot an, damit er perfekt zu Ihrer Marke passt.
Aktualisiert: 3. Juni 2026
Sie können das Erscheinungsbild Ihres WhisperBot ganz einfach anpassen, damit er sich optimal in die visuelle Identität Ihrer Website einfügt.
Erscheinungsbild-Einstellungen#
Wählen Sie im linken Menü WhisperBots und klicken Sie auf den gewünschten Bot. Hier finden Sie folgende Optionen:
- WhisperBot-Farbe: Die Hauptfarbe, die in der Kopfzeile, den Nachrichtenblasen und weiteren Chat-Elementen zu sehen ist. Sie können darauf klicken und sie aus der Palette auswählen oder direkt den Hex-Code eingeben.
- Bild (Avatar) des Chatbots: Laden Sie ein eigenes Logo oder Bild hoch, das als Avatar des Chatbots angezeigt wird. Die maximale Dateigröße beträgt 2 MB. Wenn Sie kein Bild hochladen, verwendet WhisperBot automatisch den ersten Buchstaben seines Namens.
- Name des Chatbots: Der Name, der Ihren Kunden in der Kopfzeile des WhisperBot angezeigt wird (zum Beispiel „Chatbot-Assistent").
Positionseinstellungen#
Sie können selbst festlegen, wo genau der WhisperBot auf dem Desktop und auf mobilen Geräten angezeigt werden soll.
Position auf dem Desktop#
- Horizontale Verankerung: Wählen Sie, an welcher Seite der WhisperBot verankert werden soll (Links, Mitte, Rechts).
- Horizontaler Abstand (px): Der Abstand in Pixeln vom gewählten Rand. (Dieser Wert wird ignoriert, wenn Sie die Verankerung Mitte wählen).
- z-index: Bestimmt die Stapelreihenfolge der Elemente auf der Seite. Der Standardwert ist bewusst sehr hoch (2147483647), damit der WhisperBot immer im Vordergrund bleibt. Senken Sie ihn nur, wenn ein bestimmtes Element Ihrer Website das Chatfenster überlagern soll.
Position auf dem Mobilgerät#
Sobald die Breite des Browserfensters gleich groß oder kleiner als der festgelegte Breakpoint ist, wechselt der WhisperBot automatisch zur mobilen Ansicht. (Wenn Sie diese Felder nicht ausfüllen, werden die Werte aus den Desktop-Einstellungen verwendet).
- Breakpoint für Mobilgeräte (px): Die Fensterbreite, ab der das mobile Layout angewendet wird. Der Standardwert ist 640px.
- Horizontale Verankerung auf Mobilgeräten: Legt fest, wo sich die Chat-Schaltfläche auf kleineren Bildschirmen befindet.
- Horizontaler Abstand auf Mobilgeräten (px): Der Abstand vom Bildschirmrand auf mobilen Geräten.