SDK de React Native

Esta página es para desarrolladores que crean su propia app móvil. Para atender a tus clientes desde el teléfono, usa mejor la app móvil de Chatzora. Consulta Responder tú mismo a los clientes.

El paquete @chatzora/react-native-sdk muestra tu página de chat alojada dentro de una vista react-native-webview. Funciona en iOS y Android.

Instalación

npm install @chatzora/react-native-sdk react-native-webview

Con Expo, instala el WebView con el instalador de Expo para que la versión coincida con tu SDK:

npx expo install react-native-webview

Uso

import React from 'react';
import { SafeAreaView, StyleSheet } from 'react-native';
import { ChatzoraWidget } from '@chatzora/react-native-sdk';

export default function ChatScreen() {
  return (
    <SafeAreaView style={styles.container}>
      <ChatzoraWidget
        agentId="YOUR_ASSISTANT_ID"
        apiBase="https://chatzora.com"
        themeColor="#10b981"
        dataTitle="Support"
      />
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({
  container: { flex: 1 },
});

Puedes copiar este código con el ID de tu asistente ya incluido desde Canales → SDK móvil.

Props

Prop	Tipo	Obligatorio	Descripción
`agentId`	`string`	Sí	El ID de tu asistente.
`visitorId`	`string`	No	Un ID estable del usuario, como el ID de tu cliente. Si lo omites, la página de chat crea uno.
`themeColor`	`string`	No	Reemplaza el color del tema guardado en el panel, por ejemplo `#10b981`.
`dataTitle`	`string`	No	Reemplaza el título del chat guardado en el panel.
`apiBase`	`string`	No	Dirección de Chatzora. Por defecto, `https://chatzora.com`.
`style`	`ViewStyle`	No	Estilo de la vista contenedora.
`onClose`	`() => void`	No	Se llama cuando el usuario toca el botón de cerrar del chat.
`onMessageReceived`	`(event: WebViewMessageEvent) => void`	No	Recibe otros mensajes enviados por la página de chat, como los mensajes nuevos. Los mensajes de otros orígenes se ignoran.

Tu asistente debe estar activo para que el chat funcione. Las conversaciones del SDK aparecen en Conversaciones y cuentan para tus mensajes mensuales.

Instalación

Uso

Props

En esta página