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

Richtlinie

Tutorial zu Crisp

Gerätetest

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

Crisp-Plugin-Vorschau-QR-Code code

Verwendung von @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 Erweiterung offenlegt

  • 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 - Legen Sie einen eindeutigen Token-Id für die aktuelle Benutzer-Sitzung fest. Wird verwendet, um vorherige Gespräche zu identifizieren und wiederherzustellen.
  • setUser - Legen Sie Benutzerinformationen für die aktuelle Sitzung fest. Aktualisiert das Benutzerprofil, das für Support-Beauftragte sichtbar ist.

Beispielhafte 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

Legen Sie einen eindeutigen Token-Id für die aktuelle Benutzer-Sitzung fest. Wird verwendet, um vorherige Gespräche zu identifizieren und wiederherzustellen.

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

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

setUser

Legen Sie Benutzerinformationen für die aktuelle Sitzung fest. Aktualisiert das Benutzerprofil, das für Support-Beauftragte sichtbar ist.

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

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

Vollständige Referenz

Weitermachen Sie mit der Verwendung von @capgo/capacitor-crisp

Wenn Sie die Verwendung von Die Verwendung von @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 Alternativen zum Ionic Enterprise Plugin für den Produktworkflow in Alternativen zum Ionic Enterprise Plugin, und Capgo-Alternativen für den Produktworkflow in Capgo-Alternativen.