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 à votre application mobile

Guide

Tutoriel sur Crisp

Tester sur appareil

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

Cliquez sur le lien QR de la prévisualisation du plugin Crisp code

Utilisez @capgo/capacitor-crisp

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

Installer

bun add @capgo/capacitor-crisp
bunx cap sync

Ce que ce plugin expose

  • configure - Configurez le plugin Crisp SDK avec votre ID de site web. Il doit être appelé avant d'utiliser d'autres méthodes.
  • openMessenger - Ouvrez la fenêtre de chat du messager 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.

Exemples d'utilisation

configure

Configurez le plugin Crisp SDK avec votre ID de site web. Il doit être appelé avant d'utiliser d'autres méthodes.

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

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

openMessenger

Ouvrez la fenêtre de discussion Crisp pour messagerie.

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

await CapacitorCrisp.openMessenger();

setTokenID

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

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

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

setUser

Configurez 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 à partir de l'utilisation de @capgo/capacitor-crisp

Si vous utilisez L'utilisation de @capgo/capacitor-crisp pour planifier la migration et les opérations d'entreprise, connectez-l’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 for the product workflow in Capgo Enterprise, pour le flux de travail du produit dans __CAPGO_KEEP_0__ Entreprise, Alternatives de plugins Ionic Entreprise Capgo Alternatives Capgo Alternatives