Passer au contenu principal
Retour aux plugins
@capgo/capacitor-crisp
Guide de tutoriel
@capgo/capacitor-crisp

Crisp

Intégrez le chat en direct Crisp et le support client dans votre application mobile

Guide

Tutoriel sur Crisp

Test sur appareil

Téléchargez l'application Capgo, puis scannez le code QR code.

Lien QR de prévisualisation du plugin Crisp code

En utilisant @capgo/capacitor-crisp

Plugin Crisp Chat SDK pour Capacitor. Fournit une fonctionnalité de chat en direct et de support client via Crisp.chat.

Installation

bun add @capgo/capacitor-crisp
bunx cap sync

Ce plugin expose

  • configure - Configurez le Crisp SDK avec votre ID de site web. Doit être appelé avant d'utiliser toute autre méthode.
  • openMessenger - Ouvrez la fenêtre de chat de messagerie Crisp. Affiche l'interface de chat à l'utilisateur.
  • setTokenID - Définissez un ID de jeton unique pour la session de l'utilisateur actuelle. Utilisé pour identifier et restaurer les conversations précédentes.
  • setUser - Définissez les informations de l'utilisateur pour la session actuelle. Met à jour le profil de l'utilisateur visible aux agents de support.

Exemple d'utilisation

configure

Configurez le Crisp SDK avec votre ID de site web. Doit être appelé avant d'utiliser toute autre méthode.

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

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

openMessenger

Ouvrez la fenêtre de chat de messagerie Crisp. Affiche l'interface de chat à l'utilisateur.

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

await CapacitorCrisp.openMessenger();

setTokenID

Définissez un ID de jeton unique pour la session de l'utilisateur actuelle. Utilisé pour identifier et restaurer les conversations précédentes.

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

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

setUser

Définissez les informations de l'utilisateur pour la session actuelle. Met à jour le profil de l'utilisateur visible aux agents de support.

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

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

Référence complète

Continuez de l'utilisation de @capgo/capacitor-crisp

Si vous utilisez En utilisant @capgo/capacitor-crisp pour planifier la migration et les opérations d'entreprise, connectez-le avec @capgo/capacitor-crisp pour les détails d'implémentation dans @capgo/capacitor-crisp, Prise en main pour les détails d'implémentation dans Prise en main, Capgo Entreprise pour le flux de travail du produit dans Capgo Enterprise, Alternatives de plugin Ionic Enterprise pour le flux de travail du produit dans Alternatives de plugin Ionic Enterprise, et Capgo Alternatives pour le flux de travail du produit dans Capgo Alternatives.