Saltar al contenido principal
Capgo logo
Volver a plugins
@capgo/capacitor-crisp
Tutoriales
@capgo/capacitor-crisp

Icono del plugin Crisp

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

Descargas/mes

21.0k

GitHub Estrellas

17

Guía

Tutorial de Crisp

Usando @capgo/capacitor-crisp

Plugin de chat de 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 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.

Ejemplo de uso

configure

Configura el 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

Abre la ventana de chat del mensajero Crisp. Muestra la interfaz de chat al usuario.

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

await CapacitorCrisp.openMessenger();

setTokenID

Establece 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

Establece 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](https://capgo.com/Cap-go/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 obtener detalles de implementación en @capgo/capacitor-crisp, Inicio para obtener detalles de implementación en Inicio, Capgo Empresas para el flujo de trabajo del producto en Capgo Enterprise, Alternativas del plugin de Ionic Enterprise para el flujo de trabajo del producto en Alternativas del plugin de Ionic Enterprise, y Alternativas de Capgo para el flujo de trabajo del producto en Alternativas de Capgo.