Saltar al contenido principal

Guía

Tutoriales sobre Crisp

Probar en dispositivo

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

Vista previa del plugin Crisp del enlace QR 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é Exposición de este Plugin

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

Ejemplo de Uso

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

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

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

setUser

Establezca la 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, Iniciación para el detalle de implementación en Iniciación, Capgo Empresas para el flujo de trabajo del producto en Capgo Empresas, Alternativas de Plugins de Empresas de Ionic para el flujo de trabajo del producto en Alternativas de Plugins de Empresas de Ionic, y Capgo Alternativas para el flujo de trabajo del producto en Capgo Alternativas.