Aller au contenu principal
@capgo/capacitor-crisp Communication Open source

Crisp Plugin Capacitor

Intégrez le chat en direct et le support client Crisp 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 l'appareil

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

App Store Google Play
QR d'aperçu du plugin Crisp code

Utilisation de @capgo/capacitor-crisp

Plugin Crisp Chat SDK pour Capacitor. Offre un chat en direct et un support client via Crisp.chat.

Installer

bun add @capgo/capacitor-crisp
bunx cap sync

Ce que ce plugin expose

  • configure - Configurez le SDK Crisp avec votre ID de site. À appeler avant toute autre méthode.
  • openMessenger - Ouvrez la fenêtre de chat du messenger Crisp. Affiche l'interface de chat à l'utilisateur.
  • setTokenID - Définissez un ID de token unique pour la session utilisateur en cours. Utilisé pour identifier et restaurer les conversations précédentes.
  • setUser - Définit les informations utilisateur de la session actuelle. Met à jour le profil utilisateur visible par les agents du support.

Exemple d'utilisation

configure

Configurez le SDK Crisp avec votre ID de site. À appeler avant toute autre méthode.

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

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

openMessenger

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

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

await CapacitorCrisp.openMessenger();

setTokenID

Définissez un ID de token unique pour la session 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

Définissez les informations utilisateur de la session actuelle. Met à jour le profil utilisateur visible par les agents du support.

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

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

Référence complète

Continuer avec l'utilisation de @capgo/capacitor-crisp

Si vous utilisez Utilisation de @capgo/capacitor-crisp pour planifier la migration et les opérations d'entreprise, connectez-l’à @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 Getting Started Capgo Enterprise pour le workflow produit dans Capgo Enterprise, Alternatives aux plugins Ionic Enterprise pour le workflow produit dans les alternatives aux plugins Ionic Enterprise, et Alternatives Capgo pour le workflow produit dans les alternatives à Capgo.

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 lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-crisp" dans votre code.

Est-ce que @capgo/capacitor-crisp fonctionne avec React, Vue et Angular ?

Oui. Crisp est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-crisp ?

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

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

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-crisp/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

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

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Communication

Plugins associés

Parcourir tous les plugins →

Déployez les changements Crisp sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo