Saltare al contenuto principale
@capgo/capacitor-crisp Comunicazione Sorgente aperta

Crisp plugin Capacitor

Integra la chat live Crisp e il supporto ai clienti direttamente nel tuo app mobile

Installa

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 utilizzare Crisp in Capacitor

Testa su dispositivo

Scarica l'app Capgo e poi scansa il codice QR code.

App Store Google Play
Collegamento QR di anteprima del plugin Crisp code

Utilizza @capgo/capacitor-crisp

Plugin Crisp Chat SDK per Capacitor. Fornisce una funzionalità di chat in tempo reale e di supporto al cliente attraverso Crisp.chat.

Installa

bun add @capgo/capacitor-crisp
bunx cap sync

Cos'è che questo plugin esporre

  • configure - Configura il Crisp SDK con l'ID del tuo sito web. Deve essere chiamato prima di utilizzare qualsiasi altro metodo.
  • openMessenger - Apri la finestra di chat del messaggero Crisp. Mostra l'interfaccia di chat all'utente.
  • setTokenID - Imposta un ID di token univoco per la sessione di utente corrente. Utilizzato per identificare e ripristinare 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 Crisp SDK con il tuo ID sito web. Deve essere chiamato prima di utilizzare qualsiasi altra funzione.

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

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

openMessenger

Apre la finestra di chat del messaggero Crisp. 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 di utente corrente. Utilizzato per identificare e ripristinare 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 Utilizzo @capgo/capacitor-crisp

Se stai utilizzando Utilizzando @capgo/capacitor-crisp per pianificare la migrazione e le operazioni aziendali, connettendolo con @capgo/capacitor-crisp per i dettagli di implementazione in @capgo/capacitor-crisp, Getting Started per i dettagli di implementazione in Avvio, Capgo Enterprise per il workflow del prodotto in Capgo Enterprise, Alternative per Plugin Enterprise Ionic per il workflow del prodotto negli Alternativi Plugin di Enterprise Ionic Capgo Alternative per il workflow del prodotto in Capgo Alternative.

FAQ

Domande frequenti del plugin Crisp

Come posso installare il plugin Crisp in un'app Capacitor?

Esegui "bun add @capgo/capacitor-crisp" (o "npm install @capgo/capacitor-crisp"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino il nativo code. Importalo da "@capgo/capacitor-crisp" nella tua app code.

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

Sì. Crisp è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che esegue all'interno di Capacitor, compresi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-crisp?

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

È @capgo/capacitor-crisp gratuito 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 da installare da npm. I rapporti di bug e le richieste di pull sono graditi.

Posso aggiornare code che utilizza Crisp senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica la code nativa, quindi richiede una nuova costruzione del store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere spedite istantaneamente con gli aggiornamenti Capgo live.

Comunicazione

Pacchetti correlati

Esplora tutti i pacchetti →

Invia modifiche a Crisp senza attendere la revisione dell'app

Una volta che il plugin è presente nella tua build di store, Capgo le aggiornamenti in tempo reale inviano le tue modifiche JavaScript, HTML e CSS ai utenti in pochi minuti.

Starta con Capgo