Saltar al contenido principal
Volver a plugins
@capgo/capacitor-crisp
Tutorial
@capgo/capacitor-crisp

Crisp

Integra el chat en vivo Crisp y el soporte al cliente directamente en tu aplicación móvil

Guía

Tutoriales sobre Crisp

Probar en dispositivo

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

QR code de vista previa del plugin Crisp

Usando @capgo/capacitor-crisp

Plugin de Chat Crisp SDK para Capacitor. Proporciona funcionalidad de chat en vivo y soporte 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 utilizar 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 del usuario para la sesión actual. Actualiza el perfil del usuario visible a los agentes de soporte.

Uso de Ejemplos

configure

Configure el chat Crisp SDK con su ID de sitio web. Debe llamarse antes de utilizar cualquier otro método.

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

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

openMessenger

Abra la ventana de chat del chat 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 de usuario actual. Se utiliza para identificar y restaurar conversaciones anteriores.

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

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

setUser

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

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

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

Referencia Completa

Sigue 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 los detalles de implementación en @capgo/capacitor-crisp, Iniciación para los detalles de implementación en Iniciación, 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