Zum Hauptinhalt springen
Capgo-Logo
Zurück zu Plugins
@capgo/capacitor-crisp
Tutorial
@capgo/capacitor-crisp

Crisp

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

Downloads/Monat

21.0k

GitHub Sterne

17

Richtlinie

Tutorial zu 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 enthüllt

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

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