SDK do React Native

Esta página é para desenvolvedores que criam o próprio app de celular. Para atender clientes pelo telefone, use o app de celular da Chatzora. Veja Responder aos clientes você mesmo.

O pacote @chatzora/react-native-sdk mostra a sua página de chat hospedada dentro de uma view react-native-webview. Funciona em iOS e Android.

Instalação

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

Com o Expo, instale o WebView com o instalador do Expo para que a versão seja compatível com o seu 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 },
});

Você pode copiar este código já com o ID do seu assistente em Canais → SDK para celular.

Props

Prop	Tipo	Obrigatório	Descrição
`agentId`	`string`	Sim	O ID do seu assistente.
`visitorId`	`string`	Não	Um ID estável do usuário, como o ID do seu cliente. Se você o omitir, a página de chat cria um.
`themeColor`	`string`	Não	Substitui a cor do tema salva no painel, por exemplo `#10b981`.
`dataTitle`	`string`	Não	Substitui o título do chat salvo no painel.
`apiBase`	`string`	Não	Endereço da Chatzora. Por padrão, `https://chatzora.com`.
`style`	`ViewStyle`	Não	Estilo da view de contêiner.
`onClose`	`() => void`	Não	Chamado quando o usuário toca no botão de fechar do chat.
`onMessageReceived`	`(event: WebViewMessageEvent) => void`	Não	Recebe outras mensagens enviadas pela página de chat, como novas mensagens. Mensagens de outras origens são ignoradas.

O seu assistente precisa estar ativo para o chat funcionar. As conversas do SDK aparecem em Conversas e contam para as suas mensagens mensais.

Instalação

Uso

Props

Nesta página