> For the complete documentation index, see [llms.txt](https://docs.intertelconversa.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.intertelconversa.com/omnicanalidad/conversa-webchat/inst-de-conf/rn.md).

# Reactive Native

## Integra el Webchat de Intertel Conversa con la aplicación React Native

Si tienes la aplicación React Native, puedes agregarle el widget de Webchat de Intertel Conversa.

Intertel Conversa te permite chatear con sus visitantes y brindar un soporte excepcional en tiempo real. Para usar Intertel Conversa en tu aplicación con React Native, sigue los pasos que se describen a continuación:

1. Como primer paso, necesitarás un canal de sitio web configurado en su cuenta de Intertel Conversa. Consulte la sección de este manual que describe los pasos para la creación de la bandeja de entrada :point\_right: [Aquí](/omnicanalidad/conversa-webchat.md).  
2. Agrega uno de los siguientes complementos a tu proyecto: 

* `yarn add @intertelconversa/react-native-widget` 
* `npm install --save @intertelconversa/react-native-widget --save`.

3. Si estás utilizando instalación de iOS, agrega lo siguiente: 

* `cd ios && pod install`.

4. Reempla `websiteToken`y `baseUrl`con valores apropiados.

<mark style="background-color:blue;">\*Pantalla pendiente</mark>

5. Con lo anterior, quedará listo para su uso.&#x20;

<table data-header-hidden><thead><tr><th></th><th width="157"></th><th></th><th></th></tr></thead><tbody><tr><td>Nombre</td><td>Por defecto</td><td>Tipo</td><td>Descripción</td></tr><tr><td>URL base</td><td>-</td><td>Cadena</td><td>URL de instalación de Conversa</td></tr><tr><td>sitio webToken</td><td>-</td><td>Cadena</td><td>Token de canal de sitio web</td></tr><tr><td>lugar</td><td>es</td><td>Cadena</td><td>Configuración regional que se utilizará en el widget. Chatwoot admite más de 25 idiomas. Consulte Configuración de idioma para ver los códigos ISO 639-1 admitidos</td></tr><tr><td>esModalVisible</td><td>FALSO</td><td>booleano</td><td>Bandera utilizada para configurar la visualización del widget modal</td></tr><tr><td>closeModal</td><td>-</td><td>Función</td><td>Método del controlador para la devolución de llamada cuando el modal está cerrado</td></tr><tr><td>usuario</td><td>{}</td><td>Objeto</td><td>Pase la información sobre el usuario como correo electrónico, nombre y avatar_url</td></tr><tr><td>atributospersonalizados</td><td>{}</td><td>Objeto</td><td>Si desea establecer información adicional sobre el usuario, pase el par de valores clave aquí</td></tr></tbody></table>