Zum Hauptinhalt springen
Zurück zu plugins
@capgo/capacitor-crisp
Tutorial
@capgo/capacitor-crisp

Crisp

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

Anleitung

Tutorial auf Crisp

Auf Gerät testen

Laden Sie die Capgo-App herunter, dann scannen Sie das QR-Code code.

Crisp Plugin-Vorschau QR code

Mit @capgo/capacitor-crisp

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 Plugin-Exposé enthält

  • 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-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.

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

await CapacitorCrisp.openMessenger();

setTokenID

Zeigt dem Benutzer das Chatinterface an.

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

await CapacitorCrisp.setTokenID({} as { tokenID: string });

setUser

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 CrispPlugin.setUser({
  nickname: 'John Doe',
  email: 'john@example.com',
  phone: '+1234567890'
});

Setzen Sie Benutzerinformationen für die aktuelle Sitzung. Aktualisiert das Benutzerprofil, das den Supportagenten sichtbar ist.

Keep going from Using @capgo/capacitor-crisp

Fortsetzen Sie von Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-crisp Using @capgo/capacitor-crisp Mit @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-crisp um die Migration und die Unternehmensoperationen zu planen, 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, Alternativen zu Ionic Enterprise Plugin für den Produktworkflow in Alternativen zu Ionic Enterprise Plugin, und Alternativen zu Capgo für den Produktworkflow in Alternativen zu Capgo.