Inizia
Copia una richiesta di configurazione con i passaggi di installazione e la guida markdown completa per questo plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-crisp`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/crisp/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installare
Sezione intitolata “Installare”bun add @capgo/capacitor-crispbunx cap syncImporta
Sezione intitolata “Importa”import { CapacitorCrisp } from '@capgo/capacitor-crisp';API Panoramica
Sezione intitolata “API Panoramica”configure
Sezione intitolata “Configura”Configura il Crisp SDK con il tuo ID del 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
Sezione intitolata “apriMessaggero”Apri la finestra di dialogo del messaggero Crisp. Mostra l'interfaccia del messaggero all'utente.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CapacitorCrisp.openMessenger();setTokenID
Sezione intitolata “setTokenID”Imposta un ID di token univoco per la sessione di utente corrente. Utilizzato per identificare e ripristinare conversazioni precedenti.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CapacitorCrisp.setTokenID({} as { tokenID: string });setUser
Sezione intitolata “setUser”Imposta le informazioni dell'utente per la sessione corrente. Aggiorna il profilo dell'utente visibile agli agenti di supporto.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setUser({ nickname: 'John Doe', email: 'john@example.com', phone: '+1234567890'});pushEvent
Sezione intitolata “pushEvent”Inoltra un evento personalizzato a Crisp. Utile per tracciare le azioni e il comportamento dell'utente.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.pushEvent({ name: 'completed_purchase', color: 'green'});setCompany
Sezione intitolata “setCompany”Imposta le informazioni della società per la sessione corrente. Associa l'utente a una società in Crisp.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setCompany({ name: 'Acme Corp', url: 'https://acme.com', employment: ['CEO', 'Executive'], geolocation: ['USA', 'San Francisco']});Imposta un campo di dati intero personalizzato. Memorizza i dati numerici associati alla sessione dell'utente.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setInt({ key: 'user_level', value: 42 });setString
Sezione intitolata “impostaString”Imposta un campo di dati di stringa personalizzato. Memorizza i dati di testo associati alla sessione dell'utente.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setString({ key: 'subscription_tier', value: 'premium' });sendMessage
Sezione intitolata “inviaMessaggio”Invia un messaggio dall'utente alla chat. Invia un messaggio in modo programmatico come se l'utente lo avesse digitato.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.sendMessage({ value: 'Hello, I need help!' });setSegment
Sezione intitolata “impostaSegmento”Imposta un segmento di utente per la targeting e l'organizzazione. Utilizzato per categorizzare gli utenti nella dashboard di Crisp.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CrispPlugin.setSegment({ segment: 'premium-users' });Ripristina la sessione di Crisp. Svuota tutti i dati dell'utente e inizia una nuova sessione. Utile quando l'utente si disconnette.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CapacitorCrisp.reset();Riferimento al tipo
Sezione intitolata “Riferimento al tipo”ConfigureOptions
Sezione intitolata “Configura le opzioni”Configurazione per l'inizializzazione di Crisp.
export interface ConfigureOptions { /** * Your Crisp website ID from dashboard. */ websiteID: string; /** * Optional - Locale to force in the Crisp chat widget (ISO 639-1), eg. `en`, `fr`, `es`. * Web + Android: overrides the runtime locale. iOS follows the device/app locale. */ locale?: string; /** * Optional - Unique token identifier for the user session continuity. */ tokenID?: string;}Copia nel portapenne
export type eventColor = | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'purple' | 'pink' | 'brown' | 'grey' | 'black';Sezione intitolata “Fonte di verità”
Questa pagina è generata dal pluginQuesta pagina è generata dal plugin src/definitions.ts. Riavvia la sincronizzazione quando il pubblico API cambia in modo upstream.