Saltar al contenido principal
@capgo/capacitor-crisp Comunicación Fuente abierta

Crisp plugin de Capacitor

Integrar chat en vivo de Crisp y soporte al cliente directamente en tu aplicación 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 dispositivo

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

Vista previa del plugin Crisp QR code

Usando @capgo/capacitor-crisp

Chat Crisp SDK para Capacitor. Proporciona funcionalidades 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 Establecer información del usuario para la sesión actual. Actualiza el perfil del usuario visible a los agentes de soporte.

Uso de Ejemplo

configure

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

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

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

setUser

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

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

await CapacitorCrisp.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, conecte con @capgo/capacitor-crisp para los detalles de implementación en @capgo/capacitor-crisp, Getting Started para los detalles de implementación en Inicio, Capgo Empresas para el flujo de trabajo del producto en Capgo Enterprise, Alternativas de Plugins de Ionic Enterprise para el flujo de trabajo del producto en Ionic Enterprise Plugin Alternatives, y Capgo Alternativas para el flujo de trabajo del producto en Capgo Alternativas

FAQ

FAQ sobre el plugin Crisp

¿Cómo instalo el plugin Crisp en una aplicación 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 capturen el code nativo. Importa desde "@capgo/capacitor-crisp" en tu aplicación code.

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

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

¿Cuál versión de Capacitor soporta @capgo/capacitor-crisp?

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

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

Sí. El código fuente de code está disponible en GitHub en https://github.com/Cap-go/capacitor-crisp/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de cambios.

¿Puedo actualizar code que utiliza Crisp sin una revisión de la Tienda de Aplicaciones?

Instalar o actualizar el plugin cambia el code nativo, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al plugin pueden enviar instantáneamente con Capgo actualizaciones en vivo.

Envíe cambios de Crisp sin esperar la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían tus cambios de JavaScript, HTML y CSS a los usuarios en minutos

Comience con Capgo