Salta al contenuto principale
@capgo/capacitor-crisp Comunicazione Open source

Crisp plugin Capacitor

Integra la live chat e il supporto clienti di Crisp direttamente nella tua app mobile

Installazione

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

Guida

Come usare Crisp in Capacitor

Test sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

Anteprima QR plugin Crisp code

Utilizzo di @capgo/capacitor-crisp

Plugin Crisp Chat SDK per Capacitor. Offre funzionalità di live chat e supporto clienti tramite Crisp.chat.

Installazione

bun add @capgo/capacitor-crisp
bunx cap sync

Cosa espone il plugin

  • configure - Configura il SDK di Crisp con il tuo ID sito. Deve essere chiamato prima di ogni altro metodo.
  • openMessenger - Apri la finestra della chat di Crisp messenger. Mostra l'interfaccia di chat all'utente.
  • setTokenID - Imposta un token ID univoco per la sessione utente. Serve per identificare e ripristinare le conversazioni precedenti.
  • setUser - Imposta le informazioni dell'utente per la sessione corrente. Aggiorna il profilo utente visibile agli agenti di supporto.

Esempio di utilizzo

configure

Configura il SDK di Crisp con l'ID del tuo sito web. Deve essere chiamato prima di qualsiasi altro metodo.

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

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

openMessenger

Apri la finestra della chat di Crisp messenger. Mostra l'interfaccia di chat all'utente.

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

await CapacitorCrisp.openMessenger();

setTokenID

Imposta un ID token univoco per la sessione utente corrente. Utilizzato per identificare e ripristinare le conversazioni precedenti.

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

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

setUser

Imposta le informazioni dell'utente per la sessione corrente. Aggiorna il profilo utente visibile agli agenti di supporto.

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

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

Riferimento completo

Continua da Using @capgo/capacitor-crisp

Se stai usando Utilizzo di @capgo/capacitor-crisp per pianificare la migrazione e le operazioni enterprise, collegalo a @capgo/capacitor-crisp per i dettagli di implementazione in @capgo/capacitor-crisp, Guida rapida per i dettagli di implementazione in Getting Started, Capgo Enterprise per il workflow del prodotto in Capgo Enterprise, Alternative ai plugin Ionic Enterprise per il workflow del prodotto in Ionic Enterprise Plugin Alternatives, e Alternative a Capgo per il workflow del prodotto in Capgo Alternative.

FAQ

FAQ sul plugin Crisp

Come installo il plugin Crisp in un'app Capacitor?

Esegui "bun add @capgo/capacitor-crisp" (o "npm install @capgo/capacitor-crisp"), poi lancia "bunx cap sync" per aggiornare i progetti iOS e Android con il code nativo. Importalo da "@capgo/capacitor-crisp" nel code della tua app.

@capgo/capacitor-crisp funziona con React, Vue e Angular?

Sì. Crisp è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione su Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor è supportata da @capgo/capacitor-crisp?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-crisp è free e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-crisp/ e il pacchetto è gratuito su npm. Bug report e pull request sono i benvenuti.

Posso aggiornare code che usa Crisp senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con i live update di Capgo.

Pubblica le modifiche di Crisp senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo live updates invia le modifiche a JavaScript, HTML e CSS agli utenti in pochi minuti.

Inizia con Capgo