Guía
Tutorial en Crisp
Usando @capgo/capacitor-crisp
Plugin de Chat 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é Este Plugin Exposa?
configure- Configura el 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- Establezca la 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
Abra la ventana de chat del mensajero Crisp. Muestra la interfaz de chat al usuario.
import { CapacitorCrisp } from '@capgo/capacitor-crisp';
await CapacitorCrisp.openMessenger();
setTokenID
Establezca 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
Establezca la 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/