Zum Hauptinhalt springen
@capgo/capacitor-crisp Kommunikation Offene Quelle

Crisp Capacitor-Plugin

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

Installieren

bun add @capgo/capacitor-crisp bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-crisp
  • pnpm add @capgo/capacitor-crisp
  • yarn add @capgo/capacitor-crisp

Anleitung

Verwenden Sie Crisp in Capacitor

Testen Sie auf Gerät

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

App Store Google Play
QR-code für Crisp-Plugin-Vorschau

Mit @capgo/capacitor-crisp

Crisp Chat-SDK-Plugin für Capacitor. Bietet eine lebendige Chatfunktion und Kundenunterstützung durch Crisp.chat.

Installieren

bun add @capgo/capacitor-crisp
bunx cap sync

Was dieses Plugin bereitstellt

  • configure - Konfigurieren Sie den Crisp-SDK mit Ihrer Website-ID. Muss vor der Verwendung anderer Methoden aufgerufen werden.
  • openMessenger - Öffnen Sie das Crisp-Messenger-Chatfenster. Zeigt das Chatinterface an.
  • 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 die Benutzerinformationen für die aktuelle Sitzung. Aktualisiert das Benutzerprofil, das für Supportmitarbeiter sichtbar ist.

Beispielische Verwendung

configure

Konfigurieren Sie den Crisp-SDK mit Ihrer Website-ID. Muss vor der Verwendung anderer Methoden aufgerufen werden.

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

await CapacitorCrisp.configure({ websiteID: 'YOUR_WEBSITE_ID' });

openMessenger

Öffne das Crisp-Messenger-Chattfenster. Zeigt dem Benutzer das Chatinterface.

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({ tokenID: 'token-id-123' });

setUser

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

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

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

Vollständige Referenz

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

Wenn Sie die Plugin-Verwendung Mit @capgo/capacitor-crisp um die Migration und die Unternehmensoperationen zu planen und es mit @capgo/capacitor-crisp für die Implementierungsdetails in @capgo/capacitor-crisp Getting Started 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

FAQ

Crisp-Plugin-Faq

Wie installiere ich das Crisp-Plugin in einer Capacitor-Anwendung?

Laufe "bun add @capgo/capacitor-crisp" (oder "npm install @capgo/capacitor-crisp"), dann laufe "bunx cap sync" so dass die iOS- und Android-Projekte die native code aufnehmen. Importiere es aus "@capgo/capacitor-crisp" in deiner code-Anwendung.

Funktioniert @capgo/capacitor-crisp mit React, Vue und Angular?

Ja. Crisp ist ein Capacitor-Paket, daher funktioniert es mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-crisp?

Capgo-Plugins folgen der Capacitor-Majorenversion: Wählen Sie die Plugin-Majorenversion, die Ihrer Capacitor-Majorenversion entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitätsübersicht im GitHub-README enthält die unterstützten Versionen.

Ist @capgo/capacitor-crisp kostenlos und Open-Source?

Ja. Die Quellcode von code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-crisp/ verfügbar und das Paket kann kostenlos installiert werden von npm. Bugberichte und Pull Requests sind willkommen.

Kann ich code aktualisieren, das Crisp verwendet, ohne eine App-Store-Bewertung?

Die Installation oder Aktualisierung des Plugins ändert die native code, daher benötigt es eine neue Store-Build. Anschließend können JavaScript-, HTML- und CSS-Änderungen, die den Plugin aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Kommunikation

Zugehörige Plugins

Alle Plugins durchsuchen →

Schiffe Crisp-Änderungen ohne Wartezeit für die App-Überprüfung

Einmal das Plugin in Ihrem Store-Build installiert, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten.

Starten Sie mit Capgo