Zum Hauptinhalt springen
Capgo Logo
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

Downloads/Woche

34.6k

GitHub Sterne

16

Richtlinie

Tutorial auf Crisp

Mit @capgo/capacitor-crisp verwenden

Crisp Chat SDK-Plugin für Capacitor. Bietet live-Chat und Kundenunterstützungsfunktionen über Crisp.chat.

Installieren

bun add @capgo/capacitor-crisp
bunx cap sync

Was diese Erweiterung bereitstellt

  • configure - Konfigurieren Sie den Crisp SDK mit Ihrer Website-ID. Muss vor der Verwendung von anderen Methoden aufgerufen werden.
  • openMessenger - Öffnen Sie das Crisp-Messenger-Chattfenster. Zeigt das Chat-Interface dem Benutzer.
  • setTokenID - Setzen Sie eine eindeutige Token-ID für die aktuelle Benutzersitzung. Wird verwendet, um vorherige Gespräche zu identifizieren und wiederherzustellen.
  • setUser - Setzen Sie Benutzerinformationen für die aktuelle Sitzung. Aktualisiert das Benutzerprofil, das den Supportagenten sichtbar ist.

Beispiel für die Verwendung

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 eine eindeutige Token-ID für die aktuelle Benutzersitzung. 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 Benutzerinformationen für die aktuelle Sitzung. Aktualisiert das Benutzerprofil, das den Supportagenten sichtbar ist.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CrispPlugin.setUser({
  nickname: 'John Doe',
  email: 'john@example.com',
  phone: '+1234567890'
});

Vollständige Referenz

Weitermachen von Using @capgo/capacitor-crisp

Wenn Sie Using verwenden Mit @capgo/capacitor-crisp um die Migration und die Unternehmensoperationen zu planen und zu verbinden, verbinden Sie es mit @capgo/capacitor-crisp für die Implementierungsdetails in @capgo/capacitor-crisp, Einstieg für die Implementierungsdetails in Einstieg, Capgo Enterprise für den Produktworkflow in Capgo Enterprise, Ionic Enterprise Plugin Alternativen für den Produktworkflow in Ionic Enterprise Plugin Alternativen, und Capgo Alternativen für den Produktworkflow in Capgo Alternativen.