Zum Hauptinhalt springen
@capgo/capacitor-crisp Kommunikation Open Source

Präzise Capacitor Plugin

Integriere Crisp Live Chat und Kundensupport 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

Crisp in Capacitor nutzen

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

App Store Google Play Store
Crisp Plugin-Preview-QR code

@capgo/capacitor-crisp verwenden

Crisp Chat SDK Plugin für Capacitor. Bietet Live-Chat und Kundensupport über Crisp.chat.

Installieren

bun add @capgo/capacitor-crisp
bunx cap sync

Was dieses Plugin bereitstellt

  • configure - Konfiguriere das Crisp SDK mit deiner Website-ID. Muss vor der Verwendung anderer Methoden aufgerufen werden.
  • openMessenger - Öffnet das Crisp-Messenger-Chatfenster. Zeigt dem Benutzer die Chat-Oberfläche an.
  • setTokenID - Setzt eine eindeutige Token-ID für die aktuelle Benutzersitzung. Wird verwendet, um frühere Konversationen zu identifizieren und wiederherzustellen.
  • setUser - Setzt Benutzerinfos für die aktuelle Session. Aktualisiert das für Support-Agenten sichtbare Profil.

Anwendungsbeispiel

configure

Konfiguriere Crisp SDK mit deiner Website-ID. Muss vor allen anderen Methoden aufgerufen werden.

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

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

openMessenger

Öffnet das Chat-Fenster des Crisp Messengers. Zeigt dem Nutzer das Chat-Interface.

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

await CapacitorCrisp.openMessenger();

setTokenID

Setzt eine eindeutige Token-ID für die aktuelle Session. Dient dazu, frühere Unterhaltungen zu identifizieren und wiederherzustellen.

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

await CapacitorCrisp.setTokenID({ tokenID: 'token-id-123' });

setUser

- Setzt Benutzerinfos für die aktuelle Session. Aktualisiert das für Support-Agenten sichtbare Profil.

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

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

Vollständige Referenz

Weiter mit Using @capgo/capacitor-crisp

Wenn du es nutzt @capgo/capacitor-crisp verwenden um Migration und Enterprise-Betrieb zu planen, verbinde es mit @capgo/capacitor-crisp für das Implementierungsdetail in @capgo/capacitor-crisp, Erste Schritte für die Implementierungsdetails in Erste Schritte, Capgo Enterprise für den Produkt-Workflow in Capgo Enterprise, Ionic Enterprise Plugin-Alternativen für den Produkt-Workflow in Ionic Enterprise Plugin-Alternativen und Capgo Alternativen für den Produkt-Workflow in Capgo Alternatives.

FAQ

FAQ zum Crisp-Plugin

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

Führe "bun add @capgo/capacitor-crisp" (oder "npm install @capgo/capacitor-crisp") aus und anschließend "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es in deinem App-code aus "@capgo/capacitor-crisp".

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

Ja. Crisp ist ein Capacitor-Paket und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft – einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

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

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

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

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

Kann ich code aktualisieren, das Crisp verwendet, ohne eine App-Store-Prüfung?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Kommunikation

Verwandte Plugins

Alle Plugins durchsuchen →

Veröffentliche Crisp-Änderungen, ohne auf den App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo