Zu Hauptinhalt springen
Zurück zu Plugins
@capgo/capacitor-crisp
Tutorial
von github.com/Cap-go

Crisp

Integriere Crisp Live-Chat und Kundenunterstützung direkt in deine mobile App

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