FAQ

Übergabe an anderes System #

Sie können Clerk.io Chat als erstklassigen Assistenten verwenden und das Gespräch an Ihren eigenen Support-Chat übergeben, wenn ein Besucher darum bittet, mit einem Menschen zu sprechen.

Clerk.io ruft den onSupport Hook auf, wenn die Chat-Support-Aktion ausgelöst wird. Der Callback erhält ein Event-Objekt mit einer Zusammenfassung des Gesprächs. Im untenstehenden Beispiel heißt das Event-Objekt e.

Verwenden Sie die Zusammenfassung, um Ihren eigenen Chat-Anbieter mit dem Gesprächskontext zu öffnen. Ersetzen Sie die Platzhalterfunktionen durch die von Ihrem Chat-Anbieter bereitgestellte API- oder JavaScript-Integration.

Clerk('config', {
  key: 'YOUR_PUBLIC_API_KEY',
  chat: {
    onSupport: function (e) {
      Clerk('chat', 'disable');
      Clerk('chat', 'close');

      open_support_chat({
        message: e
      });
    }
  }
});

Wenn Ihr Anbieter ein bestimmtes Feld aus dem Event-Objekt benötigt, prüfen Sie e in der Browser-Konsole und übergeben Sie stattdessen dieses Feld anstatt des kompletten Objekts.

function open_support_chat(context) {
  // Ersetzen Sie dies durch die Integration Ihres Chat-Anbieters.
  window.SendDeskWidget.open({
    context: context.message
  });
}

Die genaue Methode zum Öffnen des externen Chats hängt vom Anbieter ab. Wichtig ist, die Zusammenfassung zu bewahren, Clerk.io Chat zu deaktivieren und den anderen Chat zu öffnen, sobald die Übergabedaten bereit sind.

Barrierefreiheitsfunktionen #

Clerk.io Chat ist so konzipiert, dass er mit Tastaturnavigation und Screenreadern funktioniert. Seine Steuerelemente verwenden klare Namen und Zustände, sodass Besucher Chat verstehen und bedienen können, ohne auf Maus oder visuelle Hinweise angewiesen zu sein.

Chat öffnen #

• Chat wird Screenreadern als Dialog mit eindeutigem Namen angekündigt.
• Der Launcher informiert Besucher darüber, ob Chat geöffnet oder geschlossen ist.
• Wenn Chat geöffnet wird, wird der Tastaturfokus in das Panel verschoben. Beim Schließen kehrt der Fokus zur Steuerung zurück, die der Besucher vor dem Öffnen verwendet hat.
• Das Drücken der Escape-Taste schließt Chat nur, während der Besucher Chat verwendet. Ansonsten bleibt das Verhalten von Escape im restlichen Webshop unverändert.

Tastaturnavigation #

• Besucher können mit Tab und Shift+Tab in logischer Reihenfolge durch die Chat-Steuerelemente navigieren, einschließlich verschachtelter Steuerelemente wie Löschen, Größenänderung und Schließen von Chat.
• Der Fokus bleibt innerhalb des Chat-Panels, solange dieses geöffnet ist, und springt nicht unerwartet auf die dahinterliegende Seite.
• Schaltflächen und Links zeigen eine deutliche, kontrastreiche Fokuslinie.
• Steuerelemente haben beschreibende Namen, darunter Chat öffnen oder schließen, Unterhaltung löschen, Chat vergrößern oder verkleinern, Benachrichtigung schließen sowie vorherige oder nächste Produkte anzeigen.

Nachrichten #

• Screenreader kündigen eine neue Assistentenantwort an, sobald die Antwort abgeschlossen ist.
• Besucher können den Tastaturfokus auf einzelne Textnachrichten verschieben, um diese zu überprüfen.
• Das Nachrichtenfeld wird als beschriftetes Textfeld exponiert.
• Sende- und Mikrofon-Steuerelemente sind echte Schaltflächen mit eindeutigem Namen. Ihr deaktivierter Zustand wird ebenfalls kommuniziert, wenn eine Aktion nicht verfügbar ist.
• Dekorative Avatare werden von Screenreadern ignoriert, um unnötige Ankündigungen zu reduzieren.

Benachrichtigungen und Produkte #

• Toast-Benachrichtigungen geben die Benachrichtigungsnachricht selbst aus und nicht nur die Kontrolle zum Schließen.
• Produktkarussellpfeile werden bei mobiler Ansicht aus der Tastaturnavigation entfernt, wenn sie ausgeblendet sind.
• Wo Zustimmungstexte neben dem Nachrichtenfeld angezeigt werden, sind sie mit dem Feld als zusätzliche Information für Screenreader-User verknüpft.

Diese Funktionen erleichtern die Nutzung von Chat für Besucher, die per Tastatur navigieren, einen Screenreader verwenden oder deutliche visuelle Fokusindikatoren benötigen. Auch das umliegende Design und der Inhalt Ihres Webshops sollten barrierefrei gestaltet sein.