Saltar al contenido principal
Volver a plugins
@capgo/capacitor-crisp
Tutorial
por github.com/Cap-go

Crisp

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

Guía

Tutorial en Crisp

Usando @capgo/capacitor-crisp

Plugin de Chat Crisp SDK para Capacitor. Proporciona funcionalidad de chat en vivo y atención al cliente a través de Crisp.chat.

Instalar

bun add @capgo/capacitor-crisp
bunx cap sync

Qué Exposa Este Plugin

  • configure - Configure 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 de 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 para los agentes de soporte.

Ejemplo de uso

configure

Configure el Crisp SDK con su 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 del mensajero Crisp. Muestra la interfaz de chat al usuario.

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

await CapacitorCrisp.openMessenger();

setTokenID

Establecer 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

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