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
- GitHub: https://github.com/Cap-go/capacitor-crisp/
- Documentación: /docs/plugins/crisp/