Saltare al contenuto principale
Torna ai plugin
@capgo/capacitor-crisp
Tutorial
@capgo/capacitor-crisp

Crisp

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

Guida

Tutorial su Crisp

Testare sul dispositivo

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

Anteprima del collegamento QR 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 clienti attraverso Crisp.chat.

Installa

bun add @capgo/capacitor-crisp
bunx cap sync

Cosa questo plugin espone

  • configure - Configura il Crisp SDK con il tuo ID 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 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 altro metodo.

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

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

openMessenger

Apri la finestra di chat di Crisp.

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

await CapacitorCrisp.openMessenger();

setTokenID

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

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

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

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 CrispPlugin.setUser({
  nickname: 'John Doe',
  email: 'john@example.com',
  phone: '+1234567890'
});

Riferimento Completo

Continua da Utilizzo di @capgo/capacitor-crisp

Se stai utilizzando Utilizzo di @capgo/capacitor-crisp per pianificare la migrazione e le operazioni aziendali, connettilo con @capgo/capacitor-crisp per i dettagli di implementazione in @capgo/capacitor-crisp, Iniziare per i dettagli di implementazione in Iniziare, Capgo Enterprise per il flusso di lavoro del prodotto in Capgo Enterprise, Alternative per Plugin Enterprise Ionic per il flusso di lavoro del prodotto in Alternative per Plugin Enterprise Ionic, e Capgo Alternative per il flusso di lavoro del prodotto in Capgo Alternative.