Saltar al contenido principal
@capgo/capacitor-crisp Comunicación Código abierto

Crisp plugin Capacitor

Integra el chat en vivo y el soporte de Crisp directamente en tu app móvil

Instalar

bun add @capgo/capacitor-crisp bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-crisp
  • pnpm add @capgo/capacitor-crisp
  • yarn add @capgo/capacitor-crisp

Guía

Cómo usar Crisp en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa del plugin de Crisp QR code

Usando @capgo/capacitor-crisp

Plugin de Crisp Chat SDK para Capacitor. Ofrece chat en vivo y soporte al cliente mediante Crisp.chat.

Instalar

bun add @capgo/capacitor-crisp
bunx cap sync

Lo que expone este plugin

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

Ejemplo de uso

configure

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

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

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

openMessenger

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

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

await CapacitorCrisp.setTokenID({ tokenID: 'token-id-123' });

setUser

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

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

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

Referencia completa

Continúa desde Usando @capgo/capacitor-crisp

Si estás usando Usando @capgo/capacitor-crisp para planificar la migración y las operaciones enterprise, conéctalo con @capgo/capacitor-crisp para los detalles de implementación en @capgo/capacitor-crisp, Primeros pasos para los detalles de implementación en Primeros pasos, Capgo Enterprise para el flujo de trabajo del producto en Capgo Enterprise, Alternativas a plugins de Ionic Enterprise para el flujo de trabajo en Alternativas a plugins de Ionic Enterprise, y Alternativas a Capgo para el flujo de trabajo del producto en Capgo Alternatives.

FAQ

FAQ del plugin Crisp

¿Cómo instalo el plugin Crisp en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-crisp" (o "npm install @capgo/capacitor-crisp"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android detecten el code nativo. Impórtalo desde "@capgo/capacitor-crisp" en el code de tu app.

¿Funciona @capgo/capacitor-crisp con React, Vue y Angular?

Sí. Crisp es un paquete Capacitor, por lo que funciona con cualquier framework web que corra dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor es compatible con @capgo/capacitor-crisp?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-crisp gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-crisp/ y el paquete se puede instalar gratis desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Crisp sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios con Crisp sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo