Richtlinie
Tutorial auf Crisp
Mit @capgo/capacitor-crisp verwenden
Crisp Chat SDK-Plugin für Capacitor. Bietet eine lebendige Chat-Funktion und Kundenunterstützung durch Crisp.chat.
Installieren
bun add @capgo/capacitor-crisp
bunx cap sync
Was diese Erweiterung offenlegt
configure- Die Crisp SDK mit Ihrer Website-ID konfigurieren. Muss vor der Verwendung anderer Methoden aufgerufen werden.openMessenger- Das Crisp-Messenger-Chattfenster öffnen. Zeigt dem Benutzer die Chat-Oberfläche an.setTokenID- Eine eindeutige Token-ID für die aktuelle Benutzersitzung festlegen. Wird verwendet, um vorherige Gespräche zu identifizieren und wiederherzustellen.setUser- Setzen Sie die Benutzerinformationen für die aktuelle Sitzung. Aktualisiert das Benutzerprofil, das für die Supportagenten sichtbar ist.
Beispielverwendung
configure
Konfigurieren Sie den Crisp SDK mit Ihrer Website-ID. Muss vor der Verwendung von anderen Methoden aufgerufen werden.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.configure({ websiteID: 'YOUR_WEBSITE_ID' });
openMessenger
Öffnen Sie das Crisp-Messenger-Chattfenster. Zeigt das Chat-Interface dem Benutzer.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CapacitorCrisp.openMessenger();
setTokenID
Setzen Sie einen eindeutigen Token-Id für die aktuelle Benutzer-Sitzung. Wird verwendet, um vorherige Gespräche zu identifizieren und wiederherzustellen.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CapacitorCrisp.setTokenID({} as { tokenID: string });
setUser
Setzen Sie die Benutzerinformationen für die aktuelle Sitzung. Aktualisiert das Benutzerprofil, das für die Supportagenten sichtbar ist.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setUser({
nickname: 'John Doe',
email: 'john@example.com',
phone: '+1234567890'
});
Vollständige Referenz
- GitHub: https://github.com/Cap-go/capacitor-crisp/
- Dokumentation: /docs/plugins/crisp/