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é se expone con este plugin

  • configure - Configura el plugin de chat 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 de usuario para la sesión actual. Actualiza el perfil de usuario visible para los agentes de soporte.

Ejemplo de uso

configure

Configura el plugin de chat Crisp SDK con tu 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

Abrir la ventana de chat de Crisp.

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

await CapacitorCrisp.openMessenger();

setTokenID

Establecer 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

Establecer 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

Sigue adelante desde Usando @capgo/capacitor-crisp

Si estás utilizando Usando @capgo/capacitor-crisp para planificar la migración y las operaciones empresariales, conecta 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