Anleitung

Widget anpassen

Lass das Chat-Widget zu deiner Marke passen. Farben, Logos, Nachrichten und Verhalten passt du direkt im Dashboard an – ganz ohne Codeänderungen.

So passt du es an

  1. 01

    Kanäle öffnen

    Klick in der Seitenleiste auf „Kanäle“. Um Kanaleinstellungen zu ändern, musst du Inhaber oder Admin sein.

  2. 02

    Website-Kanal auswählen

    Klick auf den Kanal deiner Website und öffne dann den Tab „Live-Chat“. Hier findest du alle Anpassungsoptionen für das Widget.

  3. 03

    Einstellungen ändern

    Ändere Einstellungen zu Branding, Nachrichten oder Verhalten, prüf die Vorschau und wähle dann Änderungen speichern.

  4. 04

    Änderungen gelten sofort

    Das Widget lädt seine Konfiguration bei jedem Seitenaufruf neu. Deine Änderungen sind also sichtbar, sobald ein Besucher deine Website das nächste Mal lädt.

Branding

Visuelle Einstellungen, die bestimmen, wie das Widget auf deiner Website aussieht. Für den Launcher gibt es zwei Stile:

  • Logo
  • Symbol
EinstellungBeschreibungStandard
Launcher-StilWähle Logo, um ein eigenes Bild zu verwenden, oder Symbol, um eines der integrierten Launcher-Symbole von Sonny auszuwählen.Symbol
Widget-LogoWird angezeigt, wenn der Launcher-Stil Logo ist. Lade ein JPEG-, PNG-, GIF- oder WebP-Bild hoch, das kleiner als 2 MB und mindestens 64x64 px groß ist.Kein eigenes Logo
Symbol wählenWird angezeigt, wenn der Launcher-Stil Symbol ist. Wähle das integrierte Symbol für den Launcher.Sprechblase
SymbolfarbeLege die Farbe des gewählten Launcher-Symbols per Farbwähler oder 6-stelligem Hex-Wert fest.#ffffff
MarkenfarbeWird für den Launcher-Button, den Chat-Header, den Senden-Button und ausgehende Nachrichtenblasen verwendet.#2563eb
Widget-PositionWähle, ob das Widget unten rechts oder unten links auf der Seite erscheint.Unten rechts

Nachrichten

Pass die Texte an, die Besucher bei der Nutzung des Widgets sehen.

Begrüßungsnachricht
Der Text oben im Chatfenster, wenn ein Besucher das Widget öffnet. Damit gibst du den Ton der Unterhaltung vor.
Standard: „Hallo! Wie können wir dir helfen?“ · Max. 500 Zeichen
Online-Nachricht
Der Statustext im Chat-Header, wenn mindestens ein Agent online ist. Erscheint neben einem grünen Statuspunkt.
Standard: „Wir antworten meist innerhalb weniger Minuten“ · Max. 500 Zeichen
Offline-Nachricht
Der Statustext im Chat-Header, wenn kein Agent online ist. Erscheint neben einem grauen Statuspunkt.
Standard: „Wir sind gerade nicht da – hinterlass eine Nachricht und wir melden uns bei dir“ · Max. 500 Zeichen

Verhalten

Einstellungen, die steuern, wie sich das Widget für Besucher verhält.

Abfrage der E-Mail-Adresse
Lege fest, wann Besucher nach Name und E-Mail-Adresse gefragt werden. Wähle „Vor der ersten Nachricht“, um die Kontaktdaten vorab abzufragen, oder „Nach der ersten Nachricht“ (Standard), damit Besucher sofort loschatten können und ihre Daten danach erfasst werden.
Formular vor dem Chat
Frag Besucher nach ihren Daten, bevor der Chat beginnt. Schalte es ein und wähle dann unter Pflichtfelder Name, E-Mail oder beides. Mindestens ein Feld muss ausgewählt bleiben.
Geschäftszeiten
Lege deine Öffnungszeiten für jeden Wochentag fest. Das Widget wird nur dann als online angezeigt, wenn in diesen Zeiten ein Agent verfügbar ist – außerhalb davon sehen Besucher deine Offline-Nachricht, und der KI-Autoresponder kann einspringen, falls du ihn nutzt.
Wo das Widget erscheint
Zeig das Widget nur auf ausgewählten Seiten an, blende es auf anderen aus oder zeig es nur, wenn Bedingungen zutreffen – etwa eine Besuchergruppe, ein URL-Parameter, ein Zeitraum oder die Verweildauer auf der Seite. Anzeigeregeln einrichten.
Erlaubte Entwicklungs-Domains
Standardmäßig lädt das Widget nur auf deiner registrierten Produktiv-Domain. Füge weitere Domains hinzu (etwa localhost:3000 oder staging.example.com), um das Widget während der Entwicklung zu testen. localhost ist immer automatisch erlaubt.
„Powered by Sonny“ ausblenden
Entfernt das Sonny-Branding aus dem Widget. Das ist in jedem KI-Tarif und beim BYOK-Unlock enthalten.
Zustellhäkchen für Besucher anzeigen
Zeigt unter der Nachricht eines Besuchers ein Häkchen an, sobald Sonny sie empfangen hat. Das Häkchen bedeutet nicht, dass ein Agent die Nachricht gelesen hat.

Erforderliche Angaben und Überprüfung

Angaben vor dem Chat und die Besucherüberprüfung lösen unterschiedliche Probleme. Ist E-Mail ein Pflichtfeld, braucht jede neue Unterhaltung eine E-Mail-Identität. Eine gültige signierte Identität erfüllt das; ist die E-Mail-Identifizierung im Browser erlaubt, reicht auch die E-Mail-Adresse, die der Besucher eingibt. Ein gespeicherter Name oder ein ausgefülltes Formular ist keine E-Mail-Identität – Sonny fragt dann erneut, statt eine Unterhaltung ohne Identität zu öffnen.

Ist die Überprüfung auf Aus oder Optional gestellt, erzeugt eine vom Besucher eingegebene E-Mail-Adresse einen nicht bestätigten Kontakt und schaltet keinen geräteübergreifenden Verlauf frei. Mit Nachweis zur Identifizierung verlangen wird eine im Browser eingegebene E-Mail-Adresse nicht als Identität akzeptiert. Ist E-Mail ein Pflichtfeld vor dem Chat, ist dann ein signiertes JWT erforderlich.

Widget installieren und verwalten

Über Code-Snippet installieren kopierst du den Code für deine Website. Die Live-Vorschau zeigt, wie gespeicherte visuelle Einstellungen aussehen. Brauchst du den Kanal nicht mehr, wähle Website trennen und bestätige die Aktion.

Anleitung zur Widget-Einrichtung

Verwandte Anleitungen

So hilft dir Sonny