Allez directement au contenu principal
@capgo/capacitor-crisp La communication Source

Crisp plugin Capacitor

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

Installer

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

Guide

Comment utiliser Crisp dans Capacitor

Tester sur appareil

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

App Store Google Play
Lien QR de prévisualisation du plugin Crisp code

Utilisation de @capgo/capacitor-crisp

Plugin Crisp Chat 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

Ceci que ce plugin expose

  • configure - Configurez le plugin 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 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.

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 CapacitorCrisp.configure({ websiteID: 'YOUR_WEBSITE_ID' });

openMessenger

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

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

await CapacitorCrisp.openMessenger();

setTokenID

Définissez un jeton d'identification 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({ tokenID: 'token-id-123' });

setUser

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

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

await CapacitorCrisp.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 Utilisez @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 pour le flux de travail du produit dans Capgo Entreprise, Alternatives de plugins Ionic Enterprise pour le flux de travail du produit dans les alternatives du plugin Enterprise Ionic Alternatives de Capgo pour le flux de travail du produit dans Capgo Alternatives.

FAQ

FAQ du plugin Crisp

Comment installer le plugin Crisp dans une application Capacitor?

Exécutez « bun add @capgo/capacitor-crisp » (ou « npm install @capgo/capacitor-crisp »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte le code natif. Importez-l’à partir de « @capgo/capacitor-crisp » dans votre application code.

Fonctionne-t-il avec React, Vue et Angular @capgo/capacitor-crisp ?

Oui. Crisp est un paquet Capacitor, donc il fonctionne avec tout framework web qui tourne à l'intérieur Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version Capacitor supporte @capgo/capacitor-crisp ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à votre version majeure de Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le README de GitHub liste les versions maintenues.

Est-ce que @capgo/capacitor-crisp est gratuit et open source ?

Oui. Le code source code est public sur GitHub à https://github.com/Cap-go/capacitor-crisp/ et le paquet est gratuit pour l'installer depuis npm. Les rapports de bugs et les demandes de mise à jour sont les bienvenus.

Puis-je mettre à jour code qui utilise Crisp sans passer par une revue de l'App Store ?

Installing or upgrading the plugin changes native code, so it needs a new store build. After that, JavaScript, HTML and CSS changes that call the plugin can ship instantly with Capgo live updates.

Communication

Plugins liés

Explorer tous les plugins →

Ship Crisp changes without waiting for app review

Une fois le plugin dans votre magasin de build, Capgo les mises à jour en temps réel déclenchent vos modifications JavaScript, HTML et CSS chez les utilisateurs en quelques minutes.

Commencez avec Capgo