Saltar al contenido principal

Guía

Tutoriales sobre Crisp

Probar en dispositivo

Descargar la aplicación Capgo, escanea el código QR code.

Código QR de vista previa del plugin Crisp code

Usando @capgo/capacitor-crisp

Plugin de Chat Crisp SDK para Capacitor. Proporciona funcionalidad de chat en vivo y de atención al cliente a través de Crisp.chat.

Instalar

bun add @capgo/capacitor-crisp
bunx cap sync

¿Qué se expone con este plugin?

  • configure - Configura el plugin Crisp SDK con tu ID de sitio web. Debe llamarse antes de usar cualquier otro método.
  • openMessenger - Abre la ventana de chat del mensajero Crisp. Muestra la interfaz de chat al usuario.
  • setTokenID - Establece un ID de token único para la sesión de usuario actual. Se utiliza para identificar y restaurar conversaciones anteriores.
  • setUser - Establece información de usuario para la sesión actual. Actualiza el perfil de usuario visible a los agentes de soporte.

Uso de ejemplo

configure

Configura el plugin Crisp SDK con tu ID de sitio web. Debe llamarse antes de usar cualquier otro método.

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

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

openMessenger

Abra la ventana de chat de Crisp. Muestra la interfaz de chat al usuario.

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

await CapacitorCrisp.openMessenger();

setTokenID

Establezca un ID de token único para la sesión actual del usuario. Se utiliza para identificar y restaurar conversaciones anteriores.

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

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

setUser

Establezca información del usuario para la sesión actual. Actualiza el perfil del usuario visible para los agentes de soporte.

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

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

Referencia Completa

Siga adelante desde Usando @capgo/capacitor-crisp

Si está utilizando Usando @capgo/capacitor-crisp para planificar la migración y las operaciones empresariales, conecte con @capgo/capacitor-crisp para el detalle de implementación en @capgo/capacitor-crisp, Inicio para el detalle de implementación en Inicio, Capgo Empresas for the product workflow in Capgo Enterprise, para el flujo de trabajo del producto en __CAPGO_KEEP_0__ Empresas, Alternativas de Plugins de Ionic Empresas Capgo Alternatives Capgo Alternativas